@charset "UTF-8"; /*** The new CSS reset - version 1.7.3 (last updated 7.8.2022) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-width: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; -moz-appearance: revert; appearance: revert; } /* reset default text opacity of input placeholder */ ::-webkit-input-placeholder { color: unset; } ::-moz-placeholder { color: unset; } :-ms-input-placeholder { color: unset; } ::-ms-input-placeholder { color: unset; } ::placeholder { color: unset; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } @media (min-width: 640px) { .global-pc-mt-0px { margin-top: 0px !important; } .global-pc-pt-0px { padding-top: 0px !important; } } @media (min-width: 640px) { .global-pc-mr-0px { margin-right: 0px !important; } .global-pc-pr-0px { padding-right: 0px !important; } } @media (min-width: 640px) { .global-pc-mb-0px { margin-bottom: 0px !important; } .global-pc-pb-0px { padding-bottom: 0px !important; } } @media (min-width: 640px) { .global-pc-ml-0px { margin-left: 0px !important; } .global-pc-pl-0px { padding-left: 0px !important; } } @media (min-width: 640px) { .global-pc-mt-10px { margin-top: 10px !important; } .global-pc-pt-10px { padding-top: 10px !important; } } @media (min-width: 640px) { .global-pc-mr-10px { margin-right: 10px !important; } .global-pc-pr-10px { padding-right: 10px !important; } } @media (min-width: 640px) { .global-pc-mb-10px { margin-bottom: 10px !important; } .global-pc-pb-10px { padding-bottom: 10px !important; } } @media (min-width: 640px) { .global-pc-ml-10px { margin-left: 10px !important; } .global-pc-pl-10px { padding-left: 10px !important; } } @media (min-width: 640px) { .global-pc-mt-20px { margin-top: 20px !important; } .global-pc-pt-20px { padding-top: 20px !important; } } @media (min-width: 640px) { .global-pc-mr-20px { margin-right: 20px !important; } .global-pc-pr-20px { padding-right: 20px !important; } } @media (min-width: 640px) { .global-pc-mb-20px { margin-bottom: 20px !important; } .global-pc-pb-20px { padding-bottom: 20px !important; } } @media (min-width: 640px) { .global-pc-ml-20px { margin-left: 20px !important; } .global-pc-pl-20px { padding-left: 20px !important; } } @media (min-width: 640px) { .global-pc-mt-30px { margin-top: 30px !important; } .global-pc-pt-30px { padding-top: 30px !important; } } @media (min-width: 640px) { .global-pc-mr-30px { margin-right: 30px !important; } .global-pc-pr-30px { padding-right: 30px !important; } } @media (min-width: 640px) { .global-pc-mb-30px { margin-bottom: 30px !important; } .global-pc-pb-30px { padding-bottom: 30px !important; } } @media (min-width: 640px) { .global-pc-ml-30px { margin-left: 30px !important; } .global-pc-pl-30px { padding-left: 30px !important; } } @media (min-width: 640px) { .global-pc-mt-40px { margin-top: 40px !important; } .global-pc-pt-40px { padding-top: 40px !important; } } @media (min-width: 640px) { .global-pc-mr-40px { margin-right: 40px !important; } .global-pc-pr-40px { padding-right: 40px !important; } } @media (min-width: 640px) { .global-pc-mb-40px { margin-bottom: 40px !important; } .global-pc-pb-40px { padding-bottom: 40px !important; } } @media (min-width: 640px) { .global-pc-ml-40px { margin-left: 40px !important; } .global-pc-pl-40px { padding-left: 40px !important; } } @media (min-width: 640px) { .global-pc-mt-50px { margin-top: 50px !important; } .global-pc-pt-50px { padding-top: 50px !important; } } @media (min-width: 640px) { .global-pc-mr-50px { margin-right: 50px !important; } .global-pc-pr-50px { padding-right: 50px !important; } } @media (min-width: 640px) { .global-pc-mb-50px { margin-bottom: 50px !important; } .global-pc-pb-50px { padding-bottom: 50px !important; } } @media (min-width: 640px) { .global-pc-ml-50px { margin-left: 50px !important; } .global-pc-pl-50px { padding-left: 50px !important; } } @media (min-width: 640px) { .global-pc-mt-60px { margin-top: 60px !important; } .global-pc-pt-60px { padding-top: 60px !important; } } @media (min-width: 640px) { .global-pc-mr-60px { margin-right: 60px !important; } .global-pc-pr-60px { padding-right: 60px !important; } } @media (min-width: 640px) { .global-pc-mb-60px { margin-bottom: 60px !important; } .global-pc-pb-60px { padding-bottom: 60px !important; } } @media (min-width: 640px) { .global-pc-ml-60px { margin-left: 60px !important; } .global-pc-pl-60px { padding-left: 60px !important; } } @media (min-width: 640px) { .global-pc-mt-70px { margin-top: 70px !important; } .global-pc-pt-70px { padding-top: 70px !important; } } @media (min-width: 640px) { .global-pc-mr-70px { margin-right: 70px !important; } .global-pc-pr-70px { padding-right: 70px !important; } } @media (min-width: 640px) { .global-pc-mb-70px { margin-bottom: 70px !important; } .global-pc-pb-70px { padding-bottom: 70px !important; } } @media (min-width: 640px) { .global-pc-ml-70px { margin-left: 70px !important; } .global-pc-pl-70px { padding-left: 70px !important; } } @media (min-width: 640px) { .global-pc-mt-80px { margin-top: 80px !important; } .global-pc-pt-80px { padding-top: 80px !important; } } @media (min-width: 640px) { .global-pc-mr-80px { margin-right: 80px !important; } .global-pc-pr-80px { padding-right: 80px !important; } } @media (min-width: 640px) { .global-pc-mb-80px { margin-bottom: 80px !important; } .global-pc-pb-80px { padding-bottom: 80px !important; } } @media (min-width: 640px) { .global-pc-ml-80px { margin-left: 80px !important; } .global-pc-pl-80px { padding-left: 80px !important; } } @media (min-width: 640px) { .global-pc-mt-90px { margin-top: 90px !important; } .global-pc-pt-90px { padding-top: 90px !important; } } @media (min-width: 640px) { .global-pc-mr-90px { margin-right: 90px !important; } .global-pc-pr-90px { padding-right: 90px !important; } } @media (min-width: 640px) { .global-pc-mb-90px { margin-bottom: 90px !important; } .global-pc-pb-90px { padding-bottom: 90px !important; } } @media (min-width: 640px) { .global-pc-ml-90px { margin-left: 90px !important; } .global-pc-pl-90px { padding-left: 90px !important; } } @media (min-width: 640px) { .global-pc-mt-100px { margin-top: 100px !important; } .global-pc-pt-100px { padding-top: 100px !important; } } @media (min-width: 640px) { .global-pc-mr-100px { margin-right: 100px !important; } .global-pc-pr-100px { padding-right: 100px !important; } } @media (min-width: 640px) { .global-pc-mb-100px { margin-bottom: 100px !important; } .global-pc-pb-100px { padding-bottom: 100px !important; } } @media (min-width: 640px) { .global-pc-ml-100px { margin-left: 100px !important; } .global-pc-pl-100px { padding-left: 100px !important; } } @media (min-width: 640px) { .global-pc-mt-110px { margin-top: 110px !important; } .global-pc-pt-110px { padding-top: 110px !important; } } @media (min-width: 640px) { .global-pc-mr-110px { margin-right: 110px !important; } .global-pc-pr-110px { padding-right: 110px !important; } } @media (min-width: 640px) { .global-pc-mb-110px { margin-bottom: 110px !important; } .global-pc-pb-110px { padding-bottom: 110px !important; } } @media (min-width: 640px) { .global-pc-ml-110px { margin-left: 110px !important; } .global-pc-pl-110px { padding-left: 110px !important; } } @media (min-width: 640px) { .global-pc-mt-120px { margin-top: 120px !important; } .global-pc-pt-120px { padding-top: 120px !important; } } @media (min-width: 640px) { .global-pc-mr-120px { margin-right: 120px !important; } .global-pc-pr-120px { padding-right: 120px !important; } } @media (min-width: 640px) { .global-pc-mb-120px { margin-bottom: 120px !important; } .global-pc-pb-120px { padding-bottom: 120px !important; } } @media (min-width: 640px) { .global-pc-ml-120px { margin-left: 120px !important; } .global-pc-pl-120px { padding-left: 120px !important; } } @media (min-width: 640px) { .global-pc-mt-130px { margin-top: 130px !important; } .global-pc-pt-130px { padding-top: 130px !important; } } @media (min-width: 640px) { .global-pc-mr-130px { margin-right: 130px !important; } .global-pc-pr-130px { padding-right: 130px !important; } } @media (min-width: 640px) { .global-pc-mb-130px { margin-bottom: 130px !important; } .global-pc-pb-130px { padding-bottom: 130px !important; } } @media (min-width: 640px) { .global-pc-ml-130px { margin-left: 130px !important; } .global-pc-pl-130px { padding-left: 130px !important; } } @media (min-width: 640px) { .global-pc-mt-140px { margin-top: 140px !important; } .global-pc-pt-140px { padding-top: 140px !important; } } @media (min-width: 640px) { .global-pc-mr-140px { margin-right: 140px !important; } .global-pc-pr-140px { padding-right: 140px !important; } } @media (min-width: 640px) { .global-pc-mb-140px { margin-bottom: 140px !important; } .global-pc-pb-140px { padding-bottom: 140px !important; } } @media (min-width: 640px) { .global-pc-ml-140px { margin-left: 140px !important; } .global-pc-pl-140px { padding-left: 140px !important; } } @media (min-width: 640px) { .global-pc-mt-150px { margin-top: 150px !important; } .global-pc-pt-150px { padding-top: 150px !important; } } @media (min-width: 640px) { .global-pc-mr-150px { margin-right: 150px !important; } .global-pc-pr-150px { padding-right: 150px !important; } } @media (min-width: 640px) { .global-pc-mb-150px { margin-bottom: 150px !important; } .global-pc-pb-150px { padding-bottom: 150px !important; } } @media (min-width: 640px) { .global-pc-ml-150px { margin-left: 150px !important; } .global-pc-pl-150px { padding-left: 150px !important; } } @media (min-width: 640px) { .global-pc-mt-160px { margin-top: 160px !important; } .global-pc-pt-160px { padding-top: 160px !important; } } @media (min-width: 640px) { .global-pc-mr-160px { margin-right: 160px !important; } .global-pc-pr-160px { padding-right: 160px !important; } } @media (min-width: 640px) { .global-pc-mb-160px { margin-bottom: 160px !important; } .global-pc-pb-160px { padding-bottom: 160px !important; } } @media (min-width: 640px) { .global-pc-ml-160px { margin-left: 160px !important; } .global-pc-pl-160px { padding-left: 160px !important; } } @media (min-width: 640px) { .global-pc-mt-170px { margin-top: 170px !important; } .global-pc-pt-170px { padding-top: 170px !important; } } @media (min-width: 640px) { .global-pc-mr-170px { margin-right: 170px !important; } .global-pc-pr-170px { padding-right: 170px !important; } } @media (min-width: 640px) { .global-pc-mb-170px { margin-bottom: 170px !important; } .global-pc-pb-170px { padding-bottom: 170px !important; } } @media (min-width: 640px) { .global-pc-ml-170px { margin-left: 170px !important; } .global-pc-pl-170px { padding-left: 170px !important; } } @media (min-width: 640px) { .global-pc-mt-180px { margin-top: 180px !important; } .global-pc-pt-180px { padding-top: 180px !important; } } @media (min-width: 640px) { .global-pc-mr-180px { margin-right: 180px !important; } .global-pc-pr-180px { padding-right: 180px !important; } } @media (min-width: 640px) { .global-pc-mb-180px { margin-bottom: 180px !important; } .global-pc-pb-180px { padding-bottom: 180px !important; } } @media (min-width: 640px) { .global-pc-ml-180px { margin-left: 180px !important; } .global-pc-pl-180px { padding-left: 180px !important; } } @media (min-width: 640px) { .global-pc-mt-190px { margin-top: 190px !important; } .global-pc-pt-190px { padding-top: 190px !important; } } @media (min-width: 640px) { .global-pc-mr-190px { margin-right: 190px !important; } .global-pc-pr-190px { padding-right: 190px !important; } } @media (min-width: 640px) { .global-pc-mb-190px { margin-bottom: 190px !important; } .global-pc-pb-190px { padding-bottom: 190px !important; } } @media (min-width: 640px) { .global-pc-ml-190px { margin-left: 190px !important; } .global-pc-pl-190px { padding-left: 190px !important; } } @media (min-width: 640px) { .global-pc-mt-200px { margin-top: 200px !important; } .global-pc-pt-200px { padding-top: 200px !important; } } @media (min-width: 640px) { .global-pc-mr-200px { margin-right: 200px !important; } .global-pc-pr-200px { padding-right: 200px !important; } } @media (min-width: 640px) { .global-pc-mb-200px { margin-bottom: 200px !important; } .global-pc-pb-200px { padding-bottom: 200px !important; } } @media (min-width: 640px) { .global-pc-ml-200px { margin-left: 200px !important; } .global-pc-pl-200px { padding-left: 200px !important; } } @media (min-width: 640px) { .global-pc-mt-210px { margin-top: 210px !important; } .global-pc-pt-210px { padding-top: 210px !important; } } @media (min-width: 640px) { .global-pc-mr-210px { margin-right: 210px !important; } .global-pc-pr-210px { padding-right: 210px !important; } } @media (min-width: 640px) { .global-pc-mb-210px { margin-bottom: 210px !important; } .global-pc-pb-210px { padding-bottom: 210px !important; } } @media (min-width: 640px) { .global-pc-ml-210px { margin-left: 210px !important; } .global-pc-pl-210px { padding-left: 210px !important; } } @media (min-width: 640px) { .global-pc-mt-220px { margin-top: 220px !important; } .global-pc-pt-220px { padding-top: 220px !important; } } @media (min-width: 640px) { .global-pc-mr-220px { margin-right: 220px !important; } .global-pc-pr-220px { padding-right: 220px !important; } } @media (min-width: 640px) { .global-pc-mb-220px { margin-bottom: 220px !important; } .global-pc-pb-220px { padding-bottom: 220px !important; } } @media (min-width: 640px) { .global-pc-ml-220px { margin-left: 220px !important; } .global-pc-pl-220px { padding-left: 220px !important; } } @media (min-width: 640px) { .global-pc-mt-230px { margin-top: 230px !important; } .global-pc-pt-230px { padding-top: 230px !important; } } @media (min-width: 640px) { .global-pc-mr-230px { margin-right: 230px !important; } .global-pc-pr-230px { padding-right: 230px !important; } } @media (min-width: 640px) { .global-pc-mb-230px { margin-bottom: 230px !important; } .global-pc-pb-230px { padding-bottom: 230px !important; } } @media (min-width: 640px) { .global-pc-ml-230px { margin-left: 230px !important; } .global-pc-pl-230px { padding-left: 230px !important; } } @media (min-width: 640px) { .global-pc-mt-240px { margin-top: 240px !important; } .global-pc-pt-240px { padding-top: 240px !important; } } @media (min-width: 640px) { .global-pc-mr-240px { margin-right: 240px !important; } .global-pc-pr-240px { padding-right: 240px !important; } } @media (min-width: 640px) { .global-pc-mb-240px { margin-bottom: 240px !important; } .global-pc-pb-240px { padding-bottom: 240px !important; } } @media (min-width: 640px) { .global-pc-ml-240px { margin-left: 240px !important; } .global-pc-pl-240px { padding-left: 240px !important; } } @media (min-width: 640px) { .global-pc-mt-250px { margin-top: 250px !important; } .global-pc-pt-250px { padding-top: 250px !important; } } @media (min-width: 640px) { .global-pc-mr-250px { margin-right: 250px !important; } .global-pc-pr-250px { padding-right: 250px !important; } } @media (min-width: 640px) { .global-pc-mb-250px { margin-bottom: 250px !important; } .global-pc-pb-250px { padding-bottom: 250px !important; } } @media (min-width: 640px) { .global-pc-ml-250px { margin-left: 250px !important; } .global-pc-pl-250px { padding-left: 250px !important; } } @media (min-width: 640px) { .global-pc-mt-260px { margin-top: 260px !important; } .global-pc-pt-260px { padding-top: 260px !important; } } @media (min-width: 640px) { .global-pc-mr-260px { margin-right: 260px !important; } .global-pc-pr-260px { padding-right: 260px !important; } } @media (min-width: 640px) { .global-pc-mb-260px { margin-bottom: 260px !important; } .global-pc-pb-260px { padding-bottom: 260px !important; } } @media (min-width: 640px) { .global-pc-ml-260px { margin-left: 260px !important; } .global-pc-pl-260px { padding-left: 260px !important; } } @media (min-width: 640px) { .global-pc-mt-270px { margin-top: 270px !important; } .global-pc-pt-270px { padding-top: 270px !important; } } @media (min-width: 640px) { .global-pc-mr-270px { margin-right: 270px !important; } .global-pc-pr-270px { padding-right: 270px !important; } } @media (min-width: 640px) { .global-pc-mb-270px { margin-bottom: 270px !important; } .global-pc-pb-270px { padding-bottom: 270px !important; } } @media (min-width: 640px) { .global-pc-ml-270px { margin-left: 270px !important; } .global-pc-pl-270px { padding-left: 270px !important; } } @media (min-width: 640px) { .global-pc-mt-280px { margin-top: 280px !important; } .global-pc-pt-280px { padding-top: 280px !important; } } @media (min-width: 640px) { .global-pc-mr-280px { margin-right: 280px !important; } .global-pc-pr-280px { padding-right: 280px !important; } } @media (min-width: 640px) { .global-pc-mb-280px { margin-bottom: 280px !important; } .global-pc-pb-280px { padding-bottom: 280px !important; } } @media (min-width: 640px) { .global-pc-ml-280px { margin-left: 280px !important; } .global-pc-pl-280px { padding-left: 280px !important; } } @media (min-width: 640px) { .global-pc-mt-290px { margin-top: 290px !important; } .global-pc-pt-290px { padding-top: 290px !important; } } @media (min-width: 640px) { .global-pc-mr-290px { margin-right: 290px !important; } .global-pc-pr-290px { padding-right: 290px !important; } } @media (min-width: 640px) { .global-pc-mb-290px { margin-bottom: 290px !important; } .global-pc-pb-290px { padding-bottom: 290px !important; } } @media (min-width: 640px) { .global-pc-ml-290px { margin-left: 290px !important; } .global-pc-pl-290px { padding-left: 290px !important; } } @media (min-width: 640px) { .global-pc-mt-300px { margin-top: 300px !important; } .global-pc-pt-300px { padding-top: 300px !important; } } @media (min-width: 640px) { .global-pc-mr-300px { margin-right: 300px !important; } .global-pc-pr-300px { padding-right: 300px !important; } } @media (min-width: 640px) { .global-pc-mb-300px { margin-bottom: 300px !important; } .global-pc-pb-300px { padding-bottom: 300px !important; } } @media (min-width: 640px) { .global-pc-ml-300px { margin-left: 300px !important; } .global-pc-pl-300px { padding-left: 300px !important; } } @media (max-width: 639px) { .global-sp-mt-0vw { margin-top: 0vw !important; } .global-sp-pt-0vw { padding-top: 0vw !important; } } @media (max-width: 639px) { .global-sp-mr-0vw { margin-right: 0vw !important; } .global-sp-pr-0vw { padding-right: 0vw !important; } } @media (max-width: 639px) { .global-sp-mb-0vw { margin-bottom: 0vw !important; } .global-sp-pb-0vw { padding-bottom: 0vw !important; } } @media (max-width: 639px) { .global-sp-ml-0vw { margin-left: 0vw !important; } .global-sp-pl-0vw { padding-left: 0vw !important; } } @media (max-width: 639px) { .global-sp-mt-1vw { margin-top: 1vw !important; } .global-sp-pt-1vw { padding-top: 1vw !important; } } @media (max-width: 639px) { .global-sp-mr-1vw { margin-right: 1vw !important; } .global-sp-pr-1vw { padding-right: 1vw !important; } } @media (max-width: 639px) { .global-sp-mb-1vw { margin-bottom: 1vw !important; } .global-sp-pb-1vw { padding-bottom: 1vw !important; } } @media (max-width: 639px) { .global-sp-ml-1vw { margin-left: 1vw !important; } .global-sp-pl-1vw { padding-left: 1vw !important; } } @media (max-width: 639px) { .global-sp-mt-2vw { margin-top: 2vw !important; } .global-sp-pt-2vw { padding-top: 2vw !important; } } @media (max-width: 639px) { .global-sp-mr-2vw { margin-right: 2vw !important; } .global-sp-pr-2vw { padding-right: 2vw !important; } } @media (max-width: 639px) { .global-sp-mb-2vw { margin-bottom: 2vw !important; } .global-sp-pb-2vw { padding-bottom: 2vw !important; } } @media (max-width: 639px) { .global-sp-ml-2vw { margin-left: 2vw !important; } .global-sp-pl-2vw { padding-left: 2vw !important; } } @media (max-width: 639px) { .global-sp-mt-3vw { margin-top: 3vw !important; } .global-sp-pt-3vw { padding-top: 3vw !important; } } @media (max-width: 639px) { .global-sp-mr-3vw { margin-right: 3vw !important; } .global-sp-pr-3vw { padding-right: 3vw !important; } } @media (max-width: 639px) { .global-sp-mb-3vw { margin-bottom: 3vw !important; } .global-sp-pb-3vw { padding-bottom: 3vw !important; } } @media (max-width: 639px) { .global-sp-ml-3vw { margin-left: 3vw !important; } .global-sp-pl-3vw { padding-left: 3vw !important; } } @media (max-width: 639px) { .global-sp-mt-4vw { margin-top: 4vw !important; } .global-sp-pt-4vw { padding-top: 4vw !important; } } @media (max-width: 639px) { .global-sp-mr-4vw { margin-right: 4vw !important; } .global-sp-pr-4vw { padding-right: 4vw !important; } } @media (max-width: 639px) { .global-sp-mb-4vw { margin-bottom: 4vw !important; } .global-sp-pb-4vw { padding-bottom: 4vw !important; } } @media (max-width: 639px) { .global-sp-ml-4vw { margin-left: 4vw !important; } .global-sp-pl-4vw { padding-left: 4vw !important; } } @media (max-width: 639px) { .global-sp-mt-5vw { margin-top: 5vw !important; } .global-sp-pt-5vw { padding-top: 5vw !important; } } @media (max-width: 639px) { .global-sp-mr-5vw { margin-right: 5vw !important; } .global-sp-pr-5vw { padding-right: 5vw !important; } } @media (max-width: 639px) { .global-sp-mb-5vw { margin-bottom: 5vw !important; } .global-sp-pb-5vw { padding-bottom: 5vw !important; } } @media (max-width: 639px) { .global-sp-ml-5vw { margin-left: 5vw !important; } .global-sp-pl-5vw { padding-left: 5vw !important; } } @media (max-width: 639px) { .global-sp-mt-6vw { margin-top: 6vw !important; } .global-sp-pt-6vw { padding-top: 6vw !important; } } @media (max-width: 639px) { .global-sp-mr-6vw { margin-right: 6vw !important; } .global-sp-pr-6vw { padding-right: 6vw !important; } } @media (max-width: 639px) { .global-sp-mb-6vw { margin-bottom: 6vw !important; } .global-sp-pb-6vw { padding-bottom: 6vw !important; } } @media (max-width: 639px) { .global-sp-ml-6vw { margin-left: 6vw !important; } .global-sp-pl-6vw { padding-left: 6vw !important; } } @media (max-width: 639px) { .global-sp-mt-7vw { margin-top: 7vw !important; } .global-sp-pt-7vw { padding-top: 7vw !important; } } @media (max-width: 639px) { .global-sp-mr-7vw { margin-right: 7vw !important; } .global-sp-pr-7vw { padding-right: 7vw !important; } } @media (max-width: 639px) { .global-sp-mb-7vw { margin-bottom: 7vw !important; } .global-sp-pb-7vw { padding-bottom: 7vw !important; } } @media (max-width: 639px) { .global-sp-ml-7vw { margin-left: 7vw !important; } .global-sp-pl-7vw { padding-left: 7vw !important; } } @media (max-width: 639px) { .global-sp-mt-8vw { margin-top: 8vw !important; } .global-sp-pt-8vw { padding-top: 8vw !important; } } @media (max-width: 639px) { .global-sp-mr-8vw { margin-right: 8vw !important; } .global-sp-pr-8vw { padding-right: 8vw !important; } } @media (max-width: 639px) { .global-sp-mb-8vw { margin-bottom: 8vw !important; } .global-sp-pb-8vw { padding-bottom: 8vw !important; } } @media (max-width: 639px) { .global-sp-ml-8vw { margin-left: 8vw !important; } .global-sp-pl-8vw { padding-left: 8vw !important; } } @media (max-width: 639px) { .global-sp-mt-9vw { margin-top: 9vw !important; } .global-sp-pt-9vw { padding-top: 9vw !important; } } @media (max-width: 639px) { .global-sp-mr-9vw { margin-right: 9vw !important; } .global-sp-pr-9vw { padding-right: 9vw !important; } } @media (max-width: 639px) { .global-sp-mb-9vw { margin-bottom: 9vw !important; } .global-sp-pb-9vw { padding-bottom: 9vw !important; } } @media (max-width: 639px) { .global-sp-ml-9vw { margin-left: 9vw !important; } .global-sp-pl-9vw { padding-left: 9vw !important; } } @media (max-width: 639px) { .global-sp-mt-10vw { margin-top: 10vw !important; } .global-sp-pt-10vw { padding-top: 10vw !important; } } @media (max-width: 639px) { .global-sp-mr-10vw { margin-right: 10vw !important; } .global-sp-pr-10vw { padding-right: 10vw !important; } } @media (max-width: 639px) { .global-sp-mb-10vw { margin-bottom: 10vw !important; } .global-sp-pb-10vw { padding-bottom: 10vw !important; } } @media (max-width: 639px) { .global-sp-ml-10vw { margin-left: 10vw !important; } .global-sp-pl-10vw { padding-left: 10vw !important; } } @media (max-width: 639px) { .global-sp-mt-11vw { margin-top: 11vw !important; } .global-sp-pt-11vw { padding-top: 11vw !important; } } @media (max-width: 639px) { .global-sp-mr-11vw { margin-right: 11vw !important; } .global-sp-pr-11vw { padding-right: 11vw !important; } } @media (max-width: 639px) { .global-sp-mb-11vw { margin-bottom: 11vw !important; } .global-sp-pb-11vw { padding-bottom: 11vw !important; } } @media (max-width: 639px) { .global-sp-ml-11vw { margin-left: 11vw !important; } .global-sp-pl-11vw { padding-left: 11vw !important; } } @media (max-width: 639px) { .global-sp-mt-12vw { margin-top: 12vw !important; } .global-sp-pt-12vw { padding-top: 12vw !important; } } @media (max-width: 639px) { .global-sp-mr-12vw { margin-right: 12vw !important; } .global-sp-pr-12vw { padding-right: 12vw !important; } } @media (max-width: 639px) { .global-sp-mb-12vw { margin-bottom: 12vw !important; } .global-sp-pb-12vw { padding-bottom: 12vw !important; } } @media (max-width: 639px) { .global-sp-ml-12vw { margin-left: 12vw !important; } .global-sp-pl-12vw { padding-left: 12vw !important; } } @media (max-width: 639px) { .global-sp-mt-13vw { margin-top: 13vw !important; } .global-sp-pt-13vw { padding-top: 13vw !important; } } @media (max-width: 639px) { .global-sp-mr-13vw { margin-right: 13vw !important; } .global-sp-pr-13vw { padding-right: 13vw !important; } } @media (max-width: 639px) { .global-sp-mb-13vw { margin-bottom: 13vw !important; } .global-sp-pb-13vw { padding-bottom: 13vw !important; } } @media (max-width: 639px) { .global-sp-ml-13vw { margin-left: 13vw !important; } .global-sp-pl-13vw { padding-left: 13vw !important; } } @media (max-width: 639px) { .global-sp-mt-14vw { margin-top: 14vw !important; } .global-sp-pt-14vw { padding-top: 14vw !important; } } @media (max-width: 639px) { .global-sp-mr-14vw { margin-right: 14vw !important; } .global-sp-pr-14vw { padding-right: 14vw !important; } } @media (max-width: 639px) { .global-sp-mb-14vw { margin-bottom: 14vw !important; } .global-sp-pb-14vw { padding-bottom: 14vw !important; } } @media (max-width: 639px) { .global-sp-ml-14vw { margin-left: 14vw !important; } .global-sp-pl-14vw { padding-left: 14vw !important; } } @media (max-width: 639px) { .global-sp-mt-15vw { margin-top: 15vw !important; } .global-sp-pt-15vw { padding-top: 15vw !important; } } @media (max-width: 639px) { .global-sp-mr-15vw { margin-right: 15vw !important; } .global-sp-pr-15vw { padding-right: 15vw !important; } } @media (max-width: 639px) { .global-sp-mb-15vw { margin-bottom: 15vw !important; } .global-sp-pb-15vw { padding-bottom: 15vw !important; } } @media (max-width: 639px) { .global-sp-ml-15vw { margin-left: 15vw !important; } .global-sp-pl-15vw { padding-left: 15vw !important; } } @media (max-width: 639px) { .global-sp-mt-16vw { margin-top: 16vw !important; } .global-sp-pt-16vw { padding-top: 16vw !important; } } @media (max-width: 639px) { .global-sp-mr-16vw { margin-right: 16vw !important; } .global-sp-pr-16vw { padding-right: 16vw !important; } } @media (max-width: 639px) { .global-sp-mb-16vw { margin-bottom: 16vw !important; } .global-sp-pb-16vw { padding-bottom: 16vw !important; } } @media (max-width: 639px) { .global-sp-ml-16vw { margin-left: 16vw !important; } .global-sp-pl-16vw { padding-left: 16vw !important; } } @media (max-width: 639px) { .global-sp-mt-17vw { margin-top: 17vw !important; } .global-sp-pt-17vw { padding-top: 17vw !important; } } @media (max-width: 639px) { .global-sp-mr-17vw { margin-right: 17vw !important; } .global-sp-pr-17vw { padding-right: 17vw !important; } } @media (max-width: 639px) { .global-sp-mb-17vw { margin-bottom: 17vw !important; } .global-sp-pb-17vw { padding-bottom: 17vw !important; } } @media (max-width: 639px) { .global-sp-ml-17vw { margin-left: 17vw !important; } .global-sp-pl-17vw { padding-left: 17vw !important; } } @media (max-width: 639px) { .global-sp-mt-18vw { margin-top: 18vw !important; } .global-sp-pt-18vw { padding-top: 18vw !important; } } @media (max-width: 639px) { .global-sp-mr-18vw { margin-right: 18vw !important; } .global-sp-pr-18vw { padding-right: 18vw !important; } } @media (max-width: 639px) { .global-sp-mb-18vw { margin-bottom: 18vw !important; } .global-sp-pb-18vw { padding-bottom: 18vw !important; } } @media (max-width: 639px) { .global-sp-ml-18vw { margin-left: 18vw !important; } .global-sp-pl-18vw { padding-left: 18vw !important; } } @media (max-width: 639px) { .global-sp-mt-19vw { margin-top: 19vw !important; } .global-sp-pt-19vw { padding-top: 19vw !important; } } @media (max-width: 639px) { .global-sp-mr-19vw { margin-right: 19vw !important; } .global-sp-pr-19vw { padding-right: 19vw !important; } } @media (max-width: 639px) { .global-sp-mb-19vw { margin-bottom: 19vw !important; } .global-sp-pb-19vw { padding-bottom: 19vw !important; } } @media (max-width: 639px) { .global-sp-ml-19vw { margin-left: 19vw !important; } .global-sp-pl-19vw { padding-left: 19vw !important; } } @media (max-width: 639px) { .global-sp-mt-20vw { margin-top: 20vw !important; } .global-sp-pt-20vw { padding-top: 20vw !important; } } @media (max-width: 639px) { .global-sp-mr-20vw { margin-right: 20vw !important; } .global-sp-pr-20vw { padding-right: 20vw !important; } } @media (max-width: 639px) { .global-sp-mb-20vw { margin-bottom: 20vw !important; } .global-sp-pb-20vw { padding-bottom: 20vw !important; } } @media (max-width: 639px) { .global-sp-ml-20vw { margin-left: 20vw !important; } .global-sp-pl-20vw { padding-left: 20vw !important; } } @media (max-width: 639px) { .global-sp-mt-21vw { margin-top: 21vw !important; } .global-sp-pt-21vw { padding-top: 21vw !important; } } @media (max-width: 639px) { .global-sp-mr-21vw { margin-right: 21vw !important; } .global-sp-pr-21vw { padding-right: 21vw !important; } } @media (max-width: 639px) { .global-sp-mb-21vw { margin-bottom: 21vw !important; } .global-sp-pb-21vw { padding-bottom: 21vw !important; } } @media (max-width: 639px) { .global-sp-ml-21vw { margin-left: 21vw !important; } .global-sp-pl-21vw { padding-left: 21vw !important; } } @media (max-width: 639px) { .global-sp-mt-22vw { margin-top: 22vw !important; } .global-sp-pt-22vw { padding-top: 22vw !important; } } @media (max-width: 639px) { .global-sp-mr-22vw { margin-right: 22vw !important; } .global-sp-pr-22vw { padding-right: 22vw !important; } } @media (max-width: 639px) { .global-sp-mb-22vw { margin-bottom: 22vw !important; } .global-sp-pb-22vw { padding-bottom: 22vw !important; } } @media (max-width: 639px) { .global-sp-ml-22vw { margin-left: 22vw !important; } .global-sp-pl-22vw { padding-left: 22vw !important; } } @media (max-width: 639px) { .global-sp-mt-23vw { margin-top: 23vw !important; } .global-sp-pt-23vw { padding-top: 23vw !important; } } @media (max-width: 639px) { .global-sp-mr-23vw { margin-right: 23vw !important; } .global-sp-pr-23vw { padding-right: 23vw !important; } } @media (max-width: 639px) { .global-sp-mb-23vw { margin-bottom: 23vw !important; } .global-sp-pb-23vw { padding-bottom: 23vw !important; } } @media (max-width: 639px) { .global-sp-ml-23vw { margin-left: 23vw !important; } .global-sp-pl-23vw { padding-left: 23vw !important; } } @media (max-width: 639px) { .global-sp-mt-24vw { margin-top: 24vw !important; } .global-sp-pt-24vw { padding-top: 24vw !important; } } @media (max-width: 639px) { .global-sp-mr-24vw { margin-right: 24vw !important; } .global-sp-pr-24vw { padding-right: 24vw !important; } } @media (max-width: 639px) { .global-sp-mb-24vw { margin-bottom: 24vw !important; } .global-sp-pb-24vw { padding-bottom: 24vw !important; } } @media (max-width: 639px) { .global-sp-ml-24vw { margin-left: 24vw !important; } .global-sp-pl-24vw { padding-left: 24vw !important; } } @media (max-width: 639px) { .global-sp-mt-25vw { margin-top: 25vw !important; } .global-sp-pt-25vw { padding-top: 25vw !important; } } @media (max-width: 639px) { .global-sp-mr-25vw { margin-right: 25vw !important; } .global-sp-pr-25vw { padding-right: 25vw !important; } } @media (max-width: 639px) { .global-sp-mb-25vw { margin-bottom: 25vw !important; } .global-sp-pb-25vw { padding-bottom: 25vw !important; } } @media (max-width: 639px) { .global-sp-ml-25vw { margin-left: 25vw !important; } .global-sp-pl-25vw { padding-left: 25vw !important; } } @media (max-width: 639px) { .global-sp-mt-26vw { margin-top: 26vw !important; } .global-sp-pt-26vw { padding-top: 26vw !important; } } @media (max-width: 639px) { .global-sp-mr-26vw { margin-right: 26vw !important; } .global-sp-pr-26vw { padding-right: 26vw !important; } } @media (max-width: 639px) { .global-sp-mb-26vw { margin-bottom: 26vw !important; } .global-sp-pb-26vw { padding-bottom: 26vw !important; } } @media (max-width: 639px) { .global-sp-ml-26vw { margin-left: 26vw !important; } .global-sp-pl-26vw { padding-left: 26vw !important; } } @media (max-width: 639px) { .global-sp-mt-27vw { margin-top: 27vw !important; } .global-sp-pt-27vw { padding-top: 27vw !important; } } @media (max-width: 639px) { .global-sp-mr-27vw { margin-right: 27vw !important; } .global-sp-pr-27vw { padding-right: 27vw !important; } } @media (max-width: 639px) { .global-sp-mb-27vw { margin-bottom: 27vw !important; } .global-sp-pb-27vw { padding-bottom: 27vw !important; } } @media (max-width: 639px) { .global-sp-ml-27vw { margin-left: 27vw !important; } .global-sp-pl-27vw { padding-left: 27vw !important; } } @media (max-width: 639px) { .global-sp-mt-28vw { margin-top: 28vw !important; } .global-sp-pt-28vw { padding-top: 28vw !important; } } @media (max-width: 639px) { .global-sp-mr-28vw { margin-right: 28vw !important; } .global-sp-pr-28vw { padding-right: 28vw !important; } } @media (max-width: 639px) { .global-sp-mb-28vw { margin-bottom: 28vw !important; } .global-sp-pb-28vw { padding-bottom: 28vw !important; } } @media (max-width: 639px) { .global-sp-ml-28vw { margin-left: 28vw !important; } .global-sp-pl-28vw { padding-left: 28vw !important; } } @media (max-width: 639px) { .global-sp-mt-29vw { margin-top: 29vw !important; } .global-sp-pt-29vw { padding-top: 29vw !important; } } @media (max-width: 639px) { .global-sp-mr-29vw { margin-right: 29vw !important; } .global-sp-pr-29vw { padding-right: 29vw !important; } } @media (max-width: 639px) { .global-sp-mb-29vw { margin-bottom: 29vw !important; } .global-sp-pb-29vw { padding-bottom: 29vw !important; } } @media (max-width: 639px) { .global-sp-ml-29vw { margin-left: 29vw !important; } .global-sp-pl-29vw { padding-left: 29vw !important; } } @media (max-width: 639px) { .global-sp-mt-30vw { margin-top: 30vw !important; } .global-sp-pt-30vw { padding-top: 30vw !important; } } @media (max-width: 639px) { .global-sp-mr-30vw { margin-right: 30vw !important; } .global-sp-pr-30vw { padding-right: 30vw !important; } } @media (max-width: 639px) { .global-sp-mb-30vw { margin-bottom: 30vw !important; } .global-sp-pb-30vw { padding-bottom: 30vw !important; } } @media (max-width: 639px) { .global-sp-ml-30vw { margin-left: 30vw !important; } .global-sp-pl-30vw { padding-left: 30vw !important; } } @media (max-width: 639px) { .global-sp-mt-31vw { margin-top: 31vw !important; } .global-sp-pt-31vw { padding-top: 31vw !important; } } @media (max-width: 639px) { .global-sp-mr-31vw { margin-right: 31vw !important; } .global-sp-pr-31vw { padding-right: 31vw !important; } } @media (max-width: 639px) { .global-sp-mb-31vw { margin-bottom: 31vw !important; } .global-sp-pb-31vw { padding-bottom: 31vw !important; } } @media (max-width: 639px) { .global-sp-ml-31vw { margin-left: 31vw !important; } .global-sp-pl-31vw { padding-left: 31vw !important; } } @media (max-width: 639px) { .global-sp-mt-32vw { margin-top: 32vw !important; } .global-sp-pt-32vw { padding-top: 32vw !important; } } @media (max-width: 639px) { .global-sp-mr-32vw { margin-right: 32vw !important; } .global-sp-pr-32vw { padding-right: 32vw !important; } } @media (max-width: 639px) { .global-sp-mb-32vw { margin-bottom: 32vw !important; } .global-sp-pb-32vw { padding-bottom: 32vw !important; } } @media (max-width: 639px) { .global-sp-ml-32vw { margin-left: 32vw !important; } .global-sp-pl-32vw { padding-left: 32vw !important; } } @media (max-width: 639px) { .global-sp-mt-33vw { margin-top: 33vw !important; } .global-sp-pt-33vw { padding-top: 33vw !important; } } @media (max-width: 639px) { .global-sp-mr-33vw { margin-right: 33vw !important; } .global-sp-pr-33vw { padding-right: 33vw !important; } } @media (max-width: 639px) { .global-sp-mb-33vw { margin-bottom: 33vw !important; } .global-sp-pb-33vw { padding-bottom: 33vw !important; } } @media (max-width: 639px) { .global-sp-ml-33vw { margin-left: 33vw !important; } .global-sp-pl-33vw { padding-left: 33vw !important; } } @media (max-width: 639px) { .global-sp-mt-34vw { margin-top: 34vw !important; } .global-sp-pt-34vw { padding-top: 34vw !important; } } @media (max-width: 639px) { .global-sp-mr-34vw { margin-right: 34vw !important; } .global-sp-pr-34vw { padding-right: 34vw !important; } } @media (max-width: 639px) { .global-sp-mb-34vw { margin-bottom: 34vw !important; } .global-sp-pb-34vw { padding-bottom: 34vw !important; } } @media (max-width: 639px) { .global-sp-ml-34vw { margin-left: 34vw !important; } .global-sp-pl-34vw { padding-left: 34vw !important; } } @media (max-width: 639px) { .global-sp-mt-35vw { margin-top: 35vw !important; } .global-sp-pt-35vw { padding-top: 35vw !important; } } @media (max-width: 639px) { .global-sp-mr-35vw { margin-right: 35vw !important; } .global-sp-pr-35vw { padding-right: 35vw !important; } } @media (max-width: 639px) { .global-sp-mb-35vw { margin-bottom: 35vw !important; } .global-sp-pb-35vw { padding-bottom: 35vw !important; } } @media (max-width: 639px) { .global-sp-ml-35vw { margin-left: 35vw !important; } .global-sp-pl-35vw { padding-left: 35vw !important; } } @media (max-width: 639px) { .global-sp-mt-36vw { margin-top: 36vw !important; } .global-sp-pt-36vw { padding-top: 36vw !important; } } @media (max-width: 639px) { .global-sp-mr-36vw { margin-right: 36vw !important; } .global-sp-pr-36vw { padding-right: 36vw !important; } } @media (max-width: 639px) { .global-sp-mb-36vw { margin-bottom: 36vw !important; } .global-sp-pb-36vw { padding-bottom: 36vw !important; } } @media (max-width: 639px) { .global-sp-ml-36vw { margin-left: 36vw !important; } .global-sp-pl-36vw { padding-left: 36vw !important; } } @media (max-width: 639px) { .global-sp-mt-37vw { margin-top: 37vw !important; } .global-sp-pt-37vw { padding-top: 37vw !important; } } @media (max-width: 639px) { .global-sp-mr-37vw { margin-right: 37vw !important; } .global-sp-pr-37vw { padding-right: 37vw !important; } } @media (max-width: 639px) { .global-sp-mb-37vw { margin-bottom: 37vw !important; } .global-sp-pb-37vw { padding-bottom: 37vw !important; } } @media (max-width: 639px) { .global-sp-ml-37vw { margin-left: 37vw !important; } .global-sp-pl-37vw { padding-left: 37vw !important; } } @media (max-width: 639px) { .global-sp-mt-38vw { margin-top: 38vw !important; } .global-sp-pt-38vw { padding-top: 38vw !important; } } @media (max-width: 639px) { .global-sp-mr-38vw { margin-right: 38vw !important; } .global-sp-pr-38vw { padding-right: 38vw !important; } } @media (max-width: 639px) { .global-sp-mb-38vw { margin-bottom: 38vw !important; } .global-sp-pb-38vw { padding-bottom: 38vw !important; } } @media (max-width: 639px) { .global-sp-ml-38vw { margin-left: 38vw !important; } .global-sp-pl-38vw { padding-left: 38vw !important; } } @media (max-width: 639px) { .global-sp-mt-39vw { margin-top: 39vw !important; } .global-sp-pt-39vw { padding-top: 39vw !important; } } @media (max-width: 639px) { .global-sp-mr-39vw { margin-right: 39vw !important; } .global-sp-pr-39vw { padding-right: 39vw !important; } } @media (max-width: 639px) { .global-sp-mb-39vw { margin-bottom: 39vw !important; } .global-sp-pb-39vw { padding-bottom: 39vw !important; } } @media (max-width: 639px) { .global-sp-ml-39vw { margin-left: 39vw !important; } .global-sp-pl-39vw { padding-left: 39vw !important; } } @media (max-width: 639px) { .global-sp-mt-40vw { margin-top: 40vw !important; } .global-sp-pt-40vw { padding-top: 40vw !important; } } @media (max-width: 639px) { .global-sp-mr-40vw { margin-right: 40vw !important; } .global-sp-pr-40vw { padding-right: 40vw !important; } } @media (max-width: 639px) { .global-sp-mb-40vw { margin-bottom: 40vw !important; } .global-sp-pb-40vw { padding-bottom: 40vw !important; } } @media (max-width: 639px) { .global-sp-ml-40vw { margin-left: 40vw !important; } .global-sp-pl-40vw { padding-left: 40vw !important; } } @media (max-width: 639px) { .global-sp-mt-41vw { margin-top: 41vw !important; } .global-sp-pt-41vw { padding-top: 41vw !important; } } @media (max-width: 639px) { .global-sp-mr-41vw { margin-right: 41vw !important; } .global-sp-pr-41vw { padding-right: 41vw !important; } } @media (max-width: 639px) { .global-sp-mb-41vw { margin-bottom: 41vw !important; } .global-sp-pb-41vw { padding-bottom: 41vw !important; } } @media (max-width: 639px) { .global-sp-ml-41vw { margin-left: 41vw !important; } .global-sp-pl-41vw { padding-left: 41vw !important; } } @media (max-width: 639px) { .global-sp-mt-42vw { margin-top: 42vw !important; } .global-sp-pt-42vw { padding-top: 42vw !important; } } @media (max-width: 639px) { .global-sp-mr-42vw { margin-right: 42vw !important; } .global-sp-pr-42vw { padding-right: 42vw !important; } } @media (max-width: 639px) { .global-sp-mb-42vw { margin-bottom: 42vw !important; } .global-sp-pb-42vw { padding-bottom: 42vw !important; } } @media (max-width: 639px) { .global-sp-ml-42vw { margin-left: 42vw !important; } .global-sp-pl-42vw { padding-left: 42vw !important; } } @media (max-width: 639px) { .global-sp-mt-43vw { margin-top: 43vw !important; } .global-sp-pt-43vw { padding-top: 43vw !important; } } @media (max-width: 639px) { .global-sp-mr-43vw { margin-right: 43vw !important; } .global-sp-pr-43vw { padding-right: 43vw !important; } } @media (max-width: 639px) { .global-sp-mb-43vw { margin-bottom: 43vw !important; } .global-sp-pb-43vw { padding-bottom: 43vw !important; } } @media (max-width: 639px) { .global-sp-ml-43vw { margin-left: 43vw !important; } .global-sp-pl-43vw { padding-left: 43vw !important; } } @media (max-width: 639px) { .global-sp-mt-44vw { margin-top: 44vw !important; } .global-sp-pt-44vw { padding-top: 44vw !important; } } @media (max-width: 639px) { .global-sp-mr-44vw { margin-right: 44vw !important; } .global-sp-pr-44vw { padding-right: 44vw !important; } } @media (max-width: 639px) { .global-sp-mb-44vw { margin-bottom: 44vw !important; } .global-sp-pb-44vw { padding-bottom: 44vw !important; } } @media (max-width: 639px) { .global-sp-ml-44vw { margin-left: 44vw !important; } .global-sp-pl-44vw { padding-left: 44vw !important; } } @media (max-width: 639px) { .global-sp-mt-45vw { margin-top: 45vw !important; } .global-sp-pt-45vw { padding-top: 45vw !important; } } @media (max-width: 639px) { .global-sp-mr-45vw { margin-right: 45vw !important; } .global-sp-pr-45vw { padding-right: 45vw !important; } } @media (max-width: 639px) { .global-sp-mb-45vw { margin-bottom: 45vw !important; } .global-sp-pb-45vw { padding-bottom: 45vw !important; } } @media (max-width: 639px) { .global-sp-ml-45vw { margin-left: 45vw !important; } .global-sp-pl-45vw { padding-left: 45vw !important; } } @media (max-width: 639px) { .global-sp-mt-46vw { margin-top: 46vw !important; } .global-sp-pt-46vw { padding-top: 46vw !important; } } @media (max-width: 639px) { .global-sp-mr-46vw { margin-right: 46vw !important; } .global-sp-pr-46vw { padding-right: 46vw !important; } } @media (max-width: 639px) { .global-sp-mb-46vw { margin-bottom: 46vw !important; } .global-sp-pb-46vw { padding-bottom: 46vw !important; } } @media (max-width: 639px) { .global-sp-ml-46vw { margin-left: 46vw !important; } .global-sp-pl-46vw { padding-left: 46vw !important; } } @media (max-width: 639px) { .global-sp-mt-47vw { margin-top: 47vw !important; } .global-sp-pt-47vw { padding-top: 47vw !important; } } @media (max-width: 639px) { .global-sp-mr-47vw { margin-right: 47vw !important; } .global-sp-pr-47vw { padding-right: 47vw !important; } } @media (max-width: 639px) { .global-sp-mb-47vw { margin-bottom: 47vw !important; } .global-sp-pb-47vw { padding-bottom: 47vw !important; } } @media (max-width: 639px) { .global-sp-ml-47vw { margin-left: 47vw !important; } .global-sp-pl-47vw { padding-left: 47vw !important; } } @media (max-width: 639px) { .global-sp-mt-48vw { margin-top: 48vw !important; } .global-sp-pt-48vw { padding-top: 48vw !important; } } @media (max-width: 639px) { .global-sp-mr-48vw { margin-right: 48vw !important; } .global-sp-pr-48vw { padding-right: 48vw !important; } } @media (max-width: 639px) { .global-sp-mb-48vw { margin-bottom: 48vw !important; } .global-sp-pb-48vw { padding-bottom: 48vw !important; } } @media (max-width: 639px) { .global-sp-ml-48vw { margin-left: 48vw !important; } .global-sp-pl-48vw { padding-left: 48vw !important; } } @media (max-width: 639px) { .global-sp-mt-49vw { margin-top: 49vw !important; } .global-sp-pt-49vw { padding-top: 49vw !important; } } @media (max-width: 639px) { .global-sp-mr-49vw { margin-right: 49vw !important; } .global-sp-pr-49vw { padding-right: 49vw !important; } } @media (max-width: 639px) { .global-sp-mb-49vw { margin-bottom: 49vw !important; } .global-sp-pb-49vw { padding-bottom: 49vw !important; } } @media (max-width: 639px) { .global-sp-ml-49vw { margin-left: 49vw !important; } .global-sp-pl-49vw { padding-left: 49vw !important; } } @media (max-width: 639px) { .global-sp-mt-50vw { margin-top: 50vw !important; } .global-sp-pt-50vw { padding-top: 50vw !important; } } @media (max-width: 639px) { .global-sp-mr-50vw { margin-right: 50vw !important; } .global-sp-pr-50vw { padding-right: 50vw !important; } } @media (max-width: 639px) { .global-sp-mb-50vw { margin-bottom: 50vw !important; } .global-sp-pb-50vw { padding-bottom: 50vw !important; } } @media (max-width: 639px) { .global-sp-ml-50vw { margin-left: 50vw !important; } .global-sp-pl-50vw { padding-left: 50vw !important; } } @media (max-width: 639px) { .global-sp-mt-51vw { margin-top: 51vw !important; } .global-sp-pt-51vw { padding-top: 51vw !important; } } @media (max-width: 639px) { .global-sp-mr-51vw { margin-right: 51vw !important; } .global-sp-pr-51vw { padding-right: 51vw !important; } } @media (max-width: 639px) { .global-sp-mb-51vw { margin-bottom: 51vw !important; } .global-sp-pb-51vw { padding-bottom: 51vw !important; } } @media (max-width: 639px) { .global-sp-ml-51vw { margin-left: 51vw !important; } .global-sp-pl-51vw { padding-left: 51vw !important; } } @media (max-width: 639px) { .global-sp-mt-52vw { margin-top: 52vw !important; } .global-sp-pt-52vw { padding-top: 52vw !important; } } @media (max-width: 639px) { .global-sp-mr-52vw { margin-right: 52vw !important; } .global-sp-pr-52vw { padding-right: 52vw !important; } } @media (max-width: 639px) { .global-sp-mb-52vw { margin-bottom: 52vw !important; } .global-sp-pb-52vw { padding-bottom: 52vw !important; } } @media (max-width: 639px) { .global-sp-ml-52vw { margin-left: 52vw !important; } .global-sp-pl-52vw { padding-left: 52vw !important; } } @media (max-width: 639px) { .global-sp-mt-53vw { margin-top: 53vw !important; } .global-sp-pt-53vw { padding-top: 53vw !important; } } @media (max-width: 639px) { .global-sp-mr-53vw { margin-right: 53vw !important; } .global-sp-pr-53vw { padding-right: 53vw !important; } } @media (max-width: 639px) { .global-sp-mb-53vw { margin-bottom: 53vw !important; } .global-sp-pb-53vw { padding-bottom: 53vw !important; } } @media (max-width: 639px) { .global-sp-ml-53vw { margin-left: 53vw !important; } .global-sp-pl-53vw { padding-left: 53vw !important; } } @media (max-width: 639px) { .global-sp-mt-54vw { margin-top: 54vw !important; } .global-sp-pt-54vw { padding-top: 54vw !important; } } @media (max-width: 639px) { .global-sp-mr-54vw { margin-right: 54vw !important; } .global-sp-pr-54vw { padding-right: 54vw !important; } } @media (max-width: 639px) { .global-sp-mb-54vw { margin-bottom: 54vw !important; } .global-sp-pb-54vw { padding-bottom: 54vw !important; } } @media (max-width: 639px) { .global-sp-ml-54vw { margin-left: 54vw !important; } .global-sp-pl-54vw { padding-left: 54vw !important; } } @media (max-width: 639px) { .global-sp-mt-55vw { margin-top: 55vw !important; } .global-sp-pt-55vw { padding-top: 55vw !important; } } @media (max-width: 639px) { .global-sp-mr-55vw { margin-right: 55vw !important; } .global-sp-pr-55vw { padding-right: 55vw !important; } } @media (max-width: 639px) { .global-sp-mb-55vw { margin-bottom: 55vw !important; } .global-sp-pb-55vw { padding-bottom: 55vw !important; } } @media (max-width: 639px) { .global-sp-ml-55vw { margin-left: 55vw !important; } .global-sp-pl-55vw { padding-left: 55vw !important; } } @media (max-width: 639px) { .global-sp-mt-56vw { margin-top: 56vw !important; } .global-sp-pt-56vw { padding-top: 56vw !important; } } @media (max-width: 639px) { .global-sp-mr-56vw { margin-right: 56vw !important; } .global-sp-pr-56vw { padding-right: 56vw !important; } } @media (max-width: 639px) { .global-sp-mb-56vw { margin-bottom: 56vw !important; } .global-sp-pb-56vw { padding-bottom: 56vw !important; } } @media (max-width: 639px) { .global-sp-ml-56vw { margin-left: 56vw !important; } .global-sp-pl-56vw { padding-left: 56vw !important; } } @media (max-width: 639px) { .global-sp-mt-57vw { margin-top: 57vw !important; } .global-sp-pt-57vw { padding-top: 57vw !important; } } @media (max-width: 639px) { .global-sp-mr-57vw { margin-right: 57vw !important; } .global-sp-pr-57vw { padding-right: 57vw !important; } } @media (max-width: 639px) { .global-sp-mb-57vw { margin-bottom: 57vw !important; } .global-sp-pb-57vw { padding-bottom: 57vw !important; } } @media (max-width: 639px) { .global-sp-ml-57vw { margin-left: 57vw !important; } .global-sp-pl-57vw { padding-left: 57vw !important; } } @media (max-width: 639px) { .global-sp-mt-58vw { margin-top: 58vw !important; } .global-sp-pt-58vw { padding-top: 58vw !important; } } @media (max-width: 639px) { .global-sp-mr-58vw { margin-right: 58vw !important; } .global-sp-pr-58vw { padding-right: 58vw !important; } } @media (max-width: 639px) { .global-sp-mb-58vw { margin-bottom: 58vw !important; } .global-sp-pb-58vw { padding-bottom: 58vw !important; } } @media (max-width: 639px) { .global-sp-ml-58vw { margin-left: 58vw !important; } .global-sp-pl-58vw { padding-left: 58vw !important; } } @media (max-width: 639px) { .global-sp-mt-59vw { margin-top: 59vw !important; } .global-sp-pt-59vw { padding-top: 59vw !important; } } @media (max-width: 639px) { .global-sp-mr-59vw { margin-right: 59vw !important; } .global-sp-pr-59vw { padding-right: 59vw !important; } } @media (max-width: 639px) { .global-sp-mb-59vw { margin-bottom: 59vw !important; } .global-sp-pb-59vw { padding-bottom: 59vw !important; } } @media (max-width: 639px) { .global-sp-ml-59vw { margin-left: 59vw !important; } .global-sp-pl-59vw { padding-left: 59vw !important; } } @media (max-width: 639px) { .global-sp-mt-60vw { margin-top: 60vw !important; } .global-sp-pt-60vw { padding-top: 60vw !important; } } @media (max-width: 639px) { .global-sp-mr-60vw { margin-right: 60vw !important; } .global-sp-pr-60vw { padding-right: 60vw !important; } } @media (max-width: 639px) { .global-sp-mb-60vw { margin-bottom: 60vw !important; } .global-sp-pb-60vw { padding-bottom: 60vw !important; } } @media (max-width: 639px) { .global-sp-ml-60vw { margin-left: 60vw !important; } .global-sp-pl-60vw { padding-left: 60vw !important; } } @media (max-width: 639px) { .global-sp-mt-61vw { margin-top: 61vw !important; } .global-sp-pt-61vw { padding-top: 61vw !important; } } @media (max-width: 639px) { .global-sp-mr-61vw { margin-right: 61vw !important; } .global-sp-pr-61vw { padding-right: 61vw !important; } } @media (max-width: 639px) { .global-sp-mb-61vw { margin-bottom: 61vw !important; } .global-sp-pb-61vw { padding-bottom: 61vw !important; } } @media (max-width: 639px) { .global-sp-ml-61vw { margin-left: 61vw !important; } .global-sp-pl-61vw { padding-left: 61vw !important; } } @media (max-width: 639px) { .global-sp-mt-62vw { margin-top: 62vw !important; } .global-sp-pt-62vw { padding-top: 62vw !important; } } @media (max-width: 639px) { .global-sp-mr-62vw { margin-right: 62vw !important; } .global-sp-pr-62vw { padding-right: 62vw !important; } } @media (max-width: 639px) { .global-sp-mb-62vw { margin-bottom: 62vw !important; } .global-sp-pb-62vw { padding-bottom: 62vw !important; } } @media (max-width: 639px) { .global-sp-ml-62vw { margin-left: 62vw !important; } .global-sp-pl-62vw { padding-left: 62vw !important; } } @media (max-width: 639px) { .global-sp-mt-63vw { margin-top: 63vw !important; } .global-sp-pt-63vw { padding-top: 63vw !important; } } @media (max-width: 639px) { .global-sp-mr-63vw { margin-right: 63vw !important; } .global-sp-pr-63vw { padding-right: 63vw !important; } } @media (max-width: 639px) { .global-sp-mb-63vw { margin-bottom: 63vw !important; } .global-sp-pb-63vw { padding-bottom: 63vw !important; } } @media (max-width: 639px) { .global-sp-ml-63vw { margin-left: 63vw !important; } .global-sp-pl-63vw { padding-left: 63vw !important; } } @media (max-width: 639px) { .global-sp-mt-64vw { margin-top: 64vw !important; } .global-sp-pt-64vw { padding-top: 64vw !important; } } @media (max-width: 639px) { .global-sp-mr-64vw { margin-right: 64vw !important; } .global-sp-pr-64vw { padding-right: 64vw !important; } } @media (max-width: 639px) { .global-sp-mb-64vw { margin-bottom: 64vw !important; } .global-sp-pb-64vw { padding-bottom: 64vw !important; } } @media (max-width: 639px) { .global-sp-ml-64vw { margin-left: 64vw !important; } .global-sp-pl-64vw { padding-left: 64vw !important; } } @media (max-width: 639px) { .global-sp-mt-65vw { margin-top: 65vw !important; } .global-sp-pt-65vw { padding-top: 65vw !important; } } @media (max-width: 639px) { .global-sp-mr-65vw { margin-right: 65vw !important; } .global-sp-pr-65vw { padding-right: 65vw !important; } } @media (max-width: 639px) { .global-sp-mb-65vw { margin-bottom: 65vw !important; } .global-sp-pb-65vw { padding-bottom: 65vw !important; } } @media (max-width: 639px) { .global-sp-ml-65vw { margin-left: 65vw !important; } .global-sp-pl-65vw { padding-left: 65vw !important; } } @media (max-width: 639px) { .global-sp-mt-66vw { margin-top: 66vw !important; } .global-sp-pt-66vw { padding-top: 66vw !important; } } @media (max-width: 639px) { .global-sp-mr-66vw { margin-right: 66vw !important; } .global-sp-pr-66vw { padding-right: 66vw !important; } } @media (max-width: 639px) { .global-sp-mb-66vw { margin-bottom: 66vw !important; } .global-sp-pb-66vw { padding-bottom: 66vw !important; } } @media (max-width: 639px) { .global-sp-ml-66vw { margin-left: 66vw !important; } .global-sp-pl-66vw { padding-left: 66vw !important; } } @media (max-width: 639px) { .global-sp-mt-67vw { margin-top: 67vw !important; } .global-sp-pt-67vw { padding-top: 67vw !important; } } @media (max-width: 639px) { .global-sp-mr-67vw { margin-right: 67vw !important; } .global-sp-pr-67vw { padding-right: 67vw !important; } } @media (max-width: 639px) { .global-sp-mb-67vw { margin-bottom: 67vw !important; } .global-sp-pb-67vw { padding-bottom: 67vw !important; } } @media (max-width: 639px) { .global-sp-ml-67vw { margin-left: 67vw !important; } .global-sp-pl-67vw { padding-left: 67vw !important; } } @media (max-width: 639px) { .global-sp-mt-68vw { margin-top: 68vw !important; } .global-sp-pt-68vw { padding-top: 68vw !important; } } @media (max-width: 639px) { .global-sp-mr-68vw { margin-right: 68vw !important; } .global-sp-pr-68vw { padding-right: 68vw !important; } } @media (max-width: 639px) { .global-sp-mb-68vw { margin-bottom: 68vw !important; } .global-sp-pb-68vw { padding-bottom: 68vw !important; } } @media (max-width: 639px) { .global-sp-ml-68vw { margin-left: 68vw !important; } .global-sp-pl-68vw { padding-left: 68vw !important; } } @media (max-width: 639px) { .global-sp-mt-69vw { margin-top: 69vw !important; } .global-sp-pt-69vw { padding-top: 69vw !important; } } @media (max-width: 639px) { .global-sp-mr-69vw { margin-right: 69vw !important; } .global-sp-pr-69vw { padding-right: 69vw !important; } } @media (max-width: 639px) { .global-sp-mb-69vw { margin-bottom: 69vw !important; } .global-sp-pb-69vw { padding-bottom: 69vw !important; } } @media (max-width: 639px) { .global-sp-ml-69vw { margin-left: 69vw !important; } .global-sp-pl-69vw { padding-left: 69vw !important; } } @media (max-width: 639px) { .global-sp-mt-70vw { margin-top: 70vw !important; } .global-sp-pt-70vw { padding-top: 70vw !important; } } @media (max-width: 639px) { .global-sp-mr-70vw { margin-right: 70vw !important; } .global-sp-pr-70vw { padding-right: 70vw !important; } } @media (max-width: 639px) { .global-sp-mb-70vw { margin-bottom: 70vw !important; } .global-sp-pb-70vw { padding-bottom: 70vw !important; } } @media (max-width: 639px) { .global-sp-ml-70vw { margin-left: 70vw !important; } .global-sp-pl-70vw { padding-left: 70vw !important; } } @media (max-width: 639px) { .global-sp-mt-71vw { margin-top: 71vw !important; } .global-sp-pt-71vw { padding-top: 71vw !important; } } @media (max-width: 639px) { .global-sp-mr-71vw { margin-right: 71vw !important; } .global-sp-pr-71vw { padding-right: 71vw !important; } } @media (max-width: 639px) { .global-sp-mb-71vw { margin-bottom: 71vw !important; } .global-sp-pb-71vw { padding-bottom: 71vw !important; } } @media (max-width: 639px) { .global-sp-ml-71vw { margin-left: 71vw !important; } .global-sp-pl-71vw { padding-left: 71vw !important; } } @media (max-width: 639px) { .global-sp-mt-72vw { margin-top: 72vw !important; } .global-sp-pt-72vw { padding-top: 72vw !important; } } @media (max-width: 639px) { .global-sp-mr-72vw { margin-right: 72vw !important; } .global-sp-pr-72vw { padding-right: 72vw !important; } } @media (max-width: 639px) { .global-sp-mb-72vw { margin-bottom: 72vw !important; } .global-sp-pb-72vw { padding-bottom: 72vw !important; } } @media (max-width: 639px) { .global-sp-ml-72vw { margin-left: 72vw !important; } .global-sp-pl-72vw { padding-left: 72vw !important; } } @media (max-width: 639px) { .global-sp-mt-73vw { margin-top: 73vw !important; } .global-sp-pt-73vw { padding-top: 73vw !important; } } @media (max-width: 639px) { .global-sp-mr-73vw { margin-right: 73vw !important; } .global-sp-pr-73vw { padding-right: 73vw !important; } } @media (max-width: 639px) { .global-sp-mb-73vw { margin-bottom: 73vw !important; } .global-sp-pb-73vw { padding-bottom: 73vw !important; } } @media (max-width: 639px) { .global-sp-ml-73vw { margin-left: 73vw !important; } .global-sp-pl-73vw { padding-left: 73vw !important; } } @media (max-width: 639px) { .global-sp-mt-74vw { margin-top: 74vw !important; } .global-sp-pt-74vw { padding-top: 74vw !important; } } @media (max-width: 639px) { .global-sp-mr-74vw { margin-right: 74vw !important; } .global-sp-pr-74vw { padding-right: 74vw !important; } } @media (max-width: 639px) { .global-sp-mb-74vw { margin-bottom: 74vw !important; } .global-sp-pb-74vw { padding-bottom: 74vw !important; } } @media (max-width: 639px) { .global-sp-ml-74vw { margin-left: 74vw !important; } .global-sp-pl-74vw { padding-left: 74vw !important; } } @media (max-width: 639px) { .global-sp-mt-75vw { margin-top: 75vw !important; } .global-sp-pt-75vw { padding-top: 75vw !important; } } @media (max-width: 639px) { .global-sp-mr-75vw { margin-right: 75vw !important; } .global-sp-pr-75vw { padding-right: 75vw !important; } } @media (max-width: 639px) { .global-sp-mb-75vw { margin-bottom: 75vw !important; } .global-sp-pb-75vw { padding-bottom: 75vw !important; } } @media (max-width: 639px) { .global-sp-ml-75vw { margin-left: 75vw !important; } .global-sp-pl-75vw { padding-left: 75vw !important; } } @media (max-width: 639px) { .global-sp-mt-76vw { margin-top: 76vw !important; } .global-sp-pt-76vw { padding-top: 76vw !important; } } @media (max-width: 639px) { .global-sp-mr-76vw { margin-right: 76vw !important; } .global-sp-pr-76vw { padding-right: 76vw !important; } } @media (max-width: 639px) { .global-sp-mb-76vw { margin-bottom: 76vw !important; } .global-sp-pb-76vw { padding-bottom: 76vw !important; } } @media (max-width: 639px) { .global-sp-ml-76vw { margin-left: 76vw !important; } .global-sp-pl-76vw { padding-left: 76vw !important; } } @media (max-width: 639px) { .global-sp-mt-77vw { margin-top: 77vw !important; } .global-sp-pt-77vw { padding-top: 77vw !important; } } @media (max-width: 639px) { .global-sp-mr-77vw { margin-right: 77vw !important; } .global-sp-pr-77vw { padding-right: 77vw !important; } } @media (max-width: 639px) { .global-sp-mb-77vw { margin-bottom: 77vw !important; } .global-sp-pb-77vw { padding-bottom: 77vw !important; } } @media (max-width: 639px) { .global-sp-ml-77vw { margin-left: 77vw !important; } .global-sp-pl-77vw { padding-left: 77vw !important; } } @media (max-width: 639px) { .global-sp-mt-78vw { margin-top: 78vw !important; } .global-sp-pt-78vw { padding-top: 78vw !important; } } @media (max-width: 639px) { .global-sp-mr-78vw { margin-right: 78vw !important; } .global-sp-pr-78vw { padding-right: 78vw !important; } } @media (max-width: 639px) { .global-sp-mb-78vw { margin-bottom: 78vw !important; } .global-sp-pb-78vw { padding-bottom: 78vw !important; } } @media (max-width: 639px) { .global-sp-ml-78vw { margin-left: 78vw !important; } .global-sp-pl-78vw { padding-left: 78vw !important; } } @media (max-width: 639px) { .global-sp-mt-79vw { margin-top: 79vw !important; } .global-sp-pt-79vw { padding-top: 79vw !important; } } @media (max-width: 639px) { .global-sp-mr-79vw { margin-right: 79vw !important; } .global-sp-pr-79vw { padding-right: 79vw !important; } } @media (max-width: 639px) { .global-sp-mb-79vw { margin-bottom: 79vw !important; } .global-sp-pb-79vw { padding-bottom: 79vw !important; } } @media (max-width: 639px) { .global-sp-ml-79vw { margin-left: 79vw !important; } .global-sp-pl-79vw { padding-left: 79vw !important; } } @media (max-width: 639px) { .global-sp-mt-80vw { margin-top: 80vw !important; } .global-sp-pt-80vw { padding-top: 80vw !important; } } @media (max-width: 639px) { .global-sp-mr-80vw { margin-right: 80vw !important; } .global-sp-pr-80vw { padding-right: 80vw !important; } } @media (max-width: 639px) { .global-sp-mb-80vw { margin-bottom: 80vw !important; } .global-sp-pb-80vw { padding-bottom: 80vw !important; } } @media (max-width: 639px) { .global-sp-ml-80vw { margin-left: 80vw !important; } .global-sp-pl-80vw { padding-left: 80vw !important; } } @media (max-width: 639px) { .global-sp-mt-81vw { margin-top: 81vw !important; } .global-sp-pt-81vw { padding-top: 81vw !important; } } @media (max-width: 639px) { .global-sp-mr-81vw { margin-right: 81vw !important; } .global-sp-pr-81vw { padding-right: 81vw !important; } } @media (max-width: 639px) { .global-sp-mb-81vw { margin-bottom: 81vw !important; } .global-sp-pb-81vw { padding-bottom: 81vw !important; } } @media (max-width: 639px) { .global-sp-ml-81vw { margin-left: 81vw !important; } .global-sp-pl-81vw { padding-left: 81vw !important; } } @media (max-width: 639px) { .global-sp-mt-82vw { margin-top: 82vw !important; } .global-sp-pt-82vw { padding-top: 82vw !important; } } @media (max-width: 639px) { .global-sp-mr-82vw { margin-right: 82vw !important; } .global-sp-pr-82vw { padding-right: 82vw !important; } } @media (max-width: 639px) { .global-sp-mb-82vw { margin-bottom: 82vw !important; } .global-sp-pb-82vw { padding-bottom: 82vw !important; } } @media (max-width: 639px) { .global-sp-ml-82vw { margin-left: 82vw !important; } .global-sp-pl-82vw { padding-left: 82vw !important; } } @media (max-width: 639px) { .global-sp-mt-83vw { margin-top: 83vw !important; } .global-sp-pt-83vw { padding-top: 83vw !important; } } @media (max-width: 639px) { .global-sp-mr-83vw { margin-right: 83vw !important; } .global-sp-pr-83vw { padding-right: 83vw !important; } } @media (max-width: 639px) { .global-sp-mb-83vw { margin-bottom: 83vw !important; } .global-sp-pb-83vw { padding-bottom: 83vw !important; } } @media (max-width: 639px) { .global-sp-ml-83vw { margin-left: 83vw !important; } .global-sp-pl-83vw { padding-left: 83vw !important; } } @media (max-width: 639px) { .global-sp-mt-84vw { margin-top: 84vw !important; } .global-sp-pt-84vw { padding-top: 84vw !important; } } @media (max-width: 639px) { .global-sp-mr-84vw { margin-right: 84vw !important; } .global-sp-pr-84vw { padding-right: 84vw !important; } } @media (max-width: 639px) { .global-sp-mb-84vw { margin-bottom: 84vw !important; } .global-sp-pb-84vw { padding-bottom: 84vw !important; } } @media (max-width: 639px) { .global-sp-ml-84vw { margin-left: 84vw !important; } .global-sp-pl-84vw { padding-left: 84vw !important; } } @media (max-width: 639px) { .global-sp-mt-85vw { margin-top: 85vw !important; } .global-sp-pt-85vw { padding-top: 85vw !important; } } @media (max-width: 639px) { .global-sp-mr-85vw { margin-right: 85vw !important; } .global-sp-pr-85vw { padding-right: 85vw !important; } } @media (max-width: 639px) { .global-sp-mb-85vw { margin-bottom: 85vw !important; } .global-sp-pb-85vw { padding-bottom: 85vw !important; } } @media (max-width: 639px) { .global-sp-ml-85vw { margin-left: 85vw !important; } .global-sp-pl-85vw { padding-left: 85vw !important; } } @media (max-width: 639px) { .global-sp-mt-86vw { margin-top: 86vw !important; } .global-sp-pt-86vw { padding-top: 86vw !important; } } @media (max-width: 639px) { .global-sp-mr-86vw { margin-right: 86vw !important; } .global-sp-pr-86vw { padding-right: 86vw !important; } } @media (max-width: 639px) { .global-sp-mb-86vw { margin-bottom: 86vw !important; } .global-sp-pb-86vw { padding-bottom: 86vw !important; } } @media (max-width: 639px) { .global-sp-ml-86vw { margin-left: 86vw !important; } .global-sp-pl-86vw { padding-left: 86vw !important; } } @media (max-width: 639px) { .global-sp-mt-87vw { margin-top: 87vw !important; } .global-sp-pt-87vw { padding-top: 87vw !important; } } @media (max-width: 639px) { .global-sp-mr-87vw { margin-right: 87vw !important; } .global-sp-pr-87vw { padding-right: 87vw !important; } } @media (max-width: 639px) { .global-sp-mb-87vw { margin-bottom: 87vw !important; } .global-sp-pb-87vw { padding-bottom: 87vw !important; } } @media (max-width: 639px) { .global-sp-ml-87vw { margin-left: 87vw !important; } .global-sp-pl-87vw { padding-left: 87vw !important; } } @media (max-width: 639px) { .global-sp-mt-88vw { margin-top: 88vw !important; } .global-sp-pt-88vw { padding-top: 88vw !important; } } @media (max-width: 639px) { .global-sp-mr-88vw { margin-right: 88vw !important; } .global-sp-pr-88vw { padding-right: 88vw !important; } } @media (max-width: 639px) { .global-sp-mb-88vw { margin-bottom: 88vw !important; } .global-sp-pb-88vw { padding-bottom: 88vw !important; } } @media (max-width: 639px) { .global-sp-ml-88vw { margin-left: 88vw !important; } .global-sp-pl-88vw { padding-left: 88vw !important; } } @media (max-width: 639px) { .global-sp-mt-89vw { margin-top: 89vw !important; } .global-sp-pt-89vw { padding-top: 89vw !important; } } @media (max-width: 639px) { .global-sp-mr-89vw { margin-right: 89vw !important; } .global-sp-pr-89vw { padding-right: 89vw !important; } } @media (max-width: 639px) { .global-sp-mb-89vw { margin-bottom: 89vw !important; } .global-sp-pb-89vw { padding-bottom: 89vw !important; } } @media (max-width: 639px) { .global-sp-ml-89vw { margin-left: 89vw !important; } .global-sp-pl-89vw { padding-left: 89vw !important; } } @media (max-width: 639px) { .global-sp-mt-90vw { margin-top: 90vw !important; } .global-sp-pt-90vw { padding-top: 90vw !important; } } @media (max-width: 639px) { .global-sp-mr-90vw { margin-right: 90vw !important; } .global-sp-pr-90vw { padding-right: 90vw !important; } } @media (max-width: 639px) { .global-sp-mb-90vw { margin-bottom: 90vw !important; } .global-sp-pb-90vw { padding-bottom: 90vw !important; } } @media (max-width: 639px) { .global-sp-ml-90vw { margin-left: 90vw !important; } .global-sp-pl-90vw { padding-left: 90vw !important; } } @media (max-width: 639px) { .global-sp-mt-91vw { margin-top: 91vw !important; } .global-sp-pt-91vw { padding-top: 91vw !important; } } @media (max-width: 639px) { .global-sp-mr-91vw { margin-right: 91vw !important; } .global-sp-pr-91vw { padding-right: 91vw !important; } } @media (max-width: 639px) { .global-sp-mb-91vw { margin-bottom: 91vw !important; } .global-sp-pb-91vw { padding-bottom: 91vw !important; } } @media (max-width: 639px) { .global-sp-ml-91vw { margin-left: 91vw !important; } .global-sp-pl-91vw { padding-left: 91vw !important; } } @media (max-width: 639px) { .global-sp-mt-92vw { margin-top: 92vw !important; } .global-sp-pt-92vw { padding-top: 92vw !important; } } @media (max-width: 639px) { .global-sp-mr-92vw { margin-right: 92vw !important; } .global-sp-pr-92vw { padding-right: 92vw !important; } } @media (max-width: 639px) { .global-sp-mb-92vw { margin-bottom: 92vw !important; } .global-sp-pb-92vw { padding-bottom: 92vw !important; } } @media (max-width: 639px) { .global-sp-ml-92vw { margin-left: 92vw !important; } .global-sp-pl-92vw { padding-left: 92vw !important; } } @media (max-width: 639px) { .global-sp-mt-93vw { margin-top: 93vw !important; } .global-sp-pt-93vw { padding-top: 93vw !important; } } @media (max-width: 639px) { .global-sp-mr-93vw { margin-right: 93vw !important; } .global-sp-pr-93vw { padding-right: 93vw !important; } } @media (max-width: 639px) { .global-sp-mb-93vw { margin-bottom: 93vw !important; } .global-sp-pb-93vw { padding-bottom: 93vw !important; } } @media (max-width: 639px) { .global-sp-ml-93vw { margin-left: 93vw !important; } .global-sp-pl-93vw { padding-left: 93vw !important; } } @media (max-width: 639px) { .global-sp-mt-94vw { margin-top: 94vw !important; } .global-sp-pt-94vw { padding-top: 94vw !important; } } @media (max-width: 639px) { .global-sp-mr-94vw { margin-right: 94vw !important; } .global-sp-pr-94vw { padding-right: 94vw !important; } } @media (max-width: 639px) { .global-sp-mb-94vw { margin-bottom: 94vw !important; } .global-sp-pb-94vw { padding-bottom: 94vw !important; } } @media (max-width: 639px) { .global-sp-ml-94vw { margin-left: 94vw !important; } .global-sp-pl-94vw { padding-left: 94vw !important; } } @media (max-width: 639px) { .global-sp-mt-95vw { margin-top: 95vw !important; } .global-sp-pt-95vw { padding-top: 95vw !important; } } @media (max-width: 639px) { .global-sp-mr-95vw { margin-right: 95vw !important; } .global-sp-pr-95vw { padding-right: 95vw !important; } } @media (max-width: 639px) { .global-sp-mb-95vw { margin-bottom: 95vw !important; } .global-sp-pb-95vw { padding-bottom: 95vw !important; } } @media (max-width: 639px) { .global-sp-ml-95vw { margin-left: 95vw !important; } .global-sp-pl-95vw { padding-left: 95vw !important; } } @media (max-width: 639px) { .global-sp-mt-96vw { margin-top: 96vw !important; } .global-sp-pt-96vw { padding-top: 96vw !important; } } @media (max-width: 639px) { .global-sp-mr-96vw { margin-right: 96vw !important; } .global-sp-pr-96vw { padding-right: 96vw !important; } } @media (max-width: 639px) { .global-sp-mb-96vw { margin-bottom: 96vw !important; } .global-sp-pb-96vw { padding-bottom: 96vw !important; } } @media (max-width: 639px) { .global-sp-ml-96vw { margin-left: 96vw !important; } .global-sp-pl-96vw { padding-left: 96vw !important; } } @media (max-width: 639px) { .global-sp-mt-97vw { margin-top: 97vw !important; } .global-sp-pt-97vw { padding-top: 97vw !important; } } @media (max-width: 639px) { .global-sp-mr-97vw { margin-right: 97vw !important; } .global-sp-pr-97vw { padding-right: 97vw !important; } } @media (max-width: 639px) { .global-sp-mb-97vw { margin-bottom: 97vw !important; } .global-sp-pb-97vw { padding-bottom: 97vw !important; } } @media (max-width: 639px) { .global-sp-ml-97vw { margin-left: 97vw !important; } .global-sp-pl-97vw { padding-left: 97vw !important; } } @media (max-width: 639px) { .global-sp-mt-98vw { margin-top: 98vw !important; } .global-sp-pt-98vw { padding-top: 98vw !important; } } @media (max-width: 639px) { .global-sp-mr-98vw { margin-right: 98vw !important; } .global-sp-pr-98vw { padding-right: 98vw !important; } } @media (max-width: 639px) { .global-sp-mb-98vw { margin-bottom: 98vw !important; } .global-sp-pb-98vw { padding-bottom: 98vw !important; } } @media (max-width: 639px) { .global-sp-ml-98vw { margin-left: 98vw !important; } .global-sp-pl-98vw { padding-left: 98vw !important; } } @media (max-width: 639px) { .global-sp-mt-99vw { margin-top: 99vw !important; } .global-sp-pt-99vw { padding-top: 99vw !important; } } @media (max-width: 639px) { .global-sp-mr-99vw { margin-right: 99vw !important; } .global-sp-pr-99vw { padding-right: 99vw !important; } } @media (max-width: 639px) { .global-sp-mb-99vw { margin-bottom: 99vw !important; } .global-sp-pb-99vw { padding-bottom: 99vw !important; } } @media (max-width: 639px) { .global-sp-ml-99vw { margin-left: 99vw !important; } .global-sp-pl-99vw { padding-left: 99vw !important; } } @media (max-width: 639px) { .global-sp-mt-100vw { margin-top: 100vw !important; } .global-sp-pt-100vw { padding-top: 100vw !important; } } @media (max-width: 639px) { .global-sp-mr-100vw { margin-right: 100vw !important; } .global-sp-pr-100vw { padding-right: 100vw !important; } } @media (max-width: 639px) { .global-sp-mb-100vw { margin-bottom: 100vw !important; } .global-sp-pb-100vw { padding-bottom: 100vw !important; } } @media (max-width: 639px) { .global-sp-ml-100vw { margin-left: 100vw !important; } .global-sp-pl-100vw { padding-left: 100vw !important; } } @media (max-width: 639px) { .global-sp-mt-101vw { margin-top: 101vw !important; } .global-sp-pt-101vw { padding-top: 101vw !important; } } @media (max-width: 639px) { .global-sp-mr-101vw { margin-right: 101vw !important; } .global-sp-pr-101vw { padding-right: 101vw !important; } } @media (max-width: 639px) { .global-sp-mb-101vw { margin-bottom: 101vw !important; } .global-sp-pb-101vw { padding-bottom: 101vw !important; } } @media (max-width: 639px) { .global-sp-ml-101vw { margin-left: 101vw !important; } .global-sp-pl-101vw { padding-left: 101vw !important; } } @media (max-width: 639px) { .global-sp-mt-102vw { margin-top: 102vw !important; } .global-sp-pt-102vw { padding-top: 102vw !important; } } @media (max-width: 639px) { .global-sp-mr-102vw { margin-right: 102vw !important; } .global-sp-pr-102vw { padding-right: 102vw !important; } } @media (max-width: 639px) { .global-sp-mb-102vw { margin-bottom: 102vw !important; } .global-sp-pb-102vw { padding-bottom: 102vw !important; } } @media (max-width: 639px) { .global-sp-ml-102vw { margin-left: 102vw !important; } .global-sp-pl-102vw { padding-left: 102vw !important; } } @media (max-width: 639px) { .global-sp-mt-103vw { margin-top: 103vw !important; } .global-sp-pt-103vw { padding-top: 103vw !important; } } @media (max-width: 639px) { .global-sp-mr-103vw { margin-right: 103vw !important; } .global-sp-pr-103vw { padding-right: 103vw !important; } } @media (max-width: 639px) { .global-sp-mb-103vw { margin-bottom: 103vw !important; } .global-sp-pb-103vw { padding-bottom: 103vw !important; } } @media (max-width: 639px) { .global-sp-ml-103vw { margin-left: 103vw !important; } .global-sp-pl-103vw { padding-left: 103vw !important; } } @media (max-width: 639px) { .global-sp-mt-104vw { margin-top: 104vw !important; } .global-sp-pt-104vw { padding-top: 104vw !important; } } @media (max-width: 639px) { .global-sp-mr-104vw { margin-right: 104vw !important; } .global-sp-pr-104vw { padding-right: 104vw !important; } } @media (max-width: 639px) { .global-sp-mb-104vw { margin-bottom: 104vw !important; } .global-sp-pb-104vw { padding-bottom: 104vw !important; } } @media (max-width: 639px) { .global-sp-ml-104vw { margin-left: 104vw !important; } .global-sp-pl-104vw { padding-left: 104vw !important; } } @media (max-width: 639px) { .global-sp-mt-105vw { margin-top: 105vw !important; } .global-sp-pt-105vw { padding-top: 105vw !important; } } @media (max-width: 639px) { .global-sp-mr-105vw { margin-right: 105vw !important; } .global-sp-pr-105vw { padding-right: 105vw !important; } } @media (max-width: 639px) { .global-sp-mb-105vw { margin-bottom: 105vw !important; } .global-sp-pb-105vw { padding-bottom: 105vw !important; } } @media (max-width: 639px) { .global-sp-ml-105vw { margin-left: 105vw !important; } .global-sp-pl-105vw { padding-left: 105vw !important; } } @media (max-width: 639px) { .global-sp-mt-106vw { margin-top: 106vw !important; } .global-sp-pt-106vw { padding-top: 106vw !important; } } @media (max-width: 639px) { .global-sp-mr-106vw { margin-right: 106vw !important; } .global-sp-pr-106vw { padding-right: 106vw !important; } } @media (max-width: 639px) { .global-sp-mb-106vw { margin-bottom: 106vw !important; } .global-sp-pb-106vw { padding-bottom: 106vw !important; } } @media (max-width: 639px) { .global-sp-ml-106vw { margin-left: 106vw !important; } .global-sp-pl-106vw { padding-left: 106vw !important; } } @media (max-width: 639px) { .global-sp-mt-107vw { margin-top: 107vw !important; } .global-sp-pt-107vw { padding-top: 107vw !important; } } @media (max-width: 639px) { .global-sp-mr-107vw { margin-right: 107vw !important; } .global-sp-pr-107vw { padding-right: 107vw !important; } } @media (max-width: 639px) { .global-sp-mb-107vw { margin-bottom: 107vw !important; } .global-sp-pb-107vw { padding-bottom: 107vw !important; } } @media (max-width: 639px) { .global-sp-ml-107vw { margin-left: 107vw !important; } .global-sp-pl-107vw { padding-left: 107vw !important; } } @media (max-width: 639px) { .global-sp-mt-108vw { margin-top: 108vw !important; } .global-sp-pt-108vw { padding-top: 108vw !important; } } @media (max-width: 639px) { .global-sp-mr-108vw { margin-right: 108vw !important; } .global-sp-pr-108vw { padding-right: 108vw !important; } } @media (max-width: 639px) { .global-sp-mb-108vw { margin-bottom: 108vw !important; } .global-sp-pb-108vw { padding-bottom: 108vw !important; } } @media (max-width: 639px) { .global-sp-ml-108vw { margin-left: 108vw !important; } .global-sp-pl-108vw { padding-left: 108vw !important; } } @media (max-width: 639px) { .global-sp-mt-109vw { margin-top: 109vw !important; } .global-sp-pt-109vw { padding-top: 109vw !important; } } @media (max-width: 639px) { .global-sp-mr-109vw { margin-right: 109vw !important; } .global-sp-pr-109vw { padding-right: 109vw !important; } } @media (max-width: 639px) { .global-sp-mb-109vw { margin-bottom: 109vw !important; } .global-sp-pb-109vw { padding-bottom: 109vw !important; } } @media (max-width: 639px) { .global-sp-ml-109vw { margin-left: 109vw !important; } .global-sp-pl-109vw { padding-left: 109vw !important; } } @media (max-width: 639px) { .global-sp-mt-110vw { margin-top: 110vw !important; } .global-sp-pt-110vw { padding-top: 110vw !important; } } @media (max-width: 639px) { .global-sp-mr-110vw { margin-right: 110vw !important; } .global-sp-pr-110vw { padding-right: 110vw !important; } } @media (max-width: 639px) { .global-sp-mb-110vw { margin-bottom: 110vw !important; } .global-sp-pb-110vw { padding-bottom: 110vw !important; } } @media (max-width: 639px) { .global-sp-ml-110vw { margin-left: 110vw !important; } .global-sp-pl-110vw { padding-left: 110vw !important; } } @media (max-width: 639px) { .global-sp-mt-111vw { margin-top: 111vw !important; } .global-sp-pt-111vw { padding-top: 111vw !important; } } @media (max-width: 639px) { .global-sp-mr-111vw { margin-right: 111vw !important; } .global-sp-pr-111vw { padding-right: 111vw !important; } } @media (max-width: 639px) { .global-sp-mb-111vw { margin-bottom: 111vw !important; } .global-sp-pb-111vw { padding-bottom: 111vw !important; } } @media (max-width: 639px) { .global-sp-ml-111vw { margin-left: 111vw !important; } .global-sp-pl-111vw { padding-left: 111vw !important; } } @media (max-width: 639px) { .global-sp-mt-112vw { margin-top: 112vw !important; } .global-sp-pt-112vw { padding-top: 112vw !important; } } @media (max-width: 639px) { .global-sp-mr-112vw { margin-right: 112vw !important; } .global-sp-pr-112vw { padding-right: 112vw !important; } } @media (max-width: 639px) { .global-sp-mb-112vw { margin-bottom: 112vw !important; } .global-sp-pb-112vw { padding-bottom: 112vw !important; } } @media (max-width: 639px) { .global-sp-ml-112vw { margin-left: 112vw !important; } .global-sp-pl-112vw { padding-left: 112vw !important; } } @media (max-width: 639px) { .global-sp-mt-113vw { margin-top: 113vw !important; } .global-sp-pt-113vw { padding-top: 113vw !important; } } @media (max-width: 639px) { .global-sp-mr-113vw { margin-right: 113vw !important; } .global-sp-pr-113vw { padding-right: 113vw !important; } } @media (max-width: 639px) { .global-sp-mb-113vw { margin-bottom: 113vw !important; } .global-sp-pb-113vw { padding-bottom: 113vw !important; } } @media (max-width: 639px) { .global-sp-ml-113vw { margin-left: 113vw !important; } .global-sp-pl-113vw { padding-left: 113vw !important; } } @media (max-width: 639px) { .global-sp-mt-114vw { margin-top: 114vw !important; } .global-sp-pt-114vw { padding-top: 114vw !important; } } @media (max-width: 639px) { .global-sp-mr-114vw { margin-right: 114vw !important; } .global-sp-pr-114vw { padding-right: 114vw !important; } } @media (max-width: 639px) { .global-sp-mb-114vw { margin-bottom: 114vw !important; } .global-sp-pb-114vw { padding-bottom: 114vw !important; } } @media (max-width: 639px) { .global-sp-ml-114vw { margin-left: 114vw !important; } .global-sp-pl-114vw { padding-left: 114vw !important; } } @media (max-width: 639px) { .global-sp-mt-115vw { margin-top: 115vw !important; } .global-sp-pt-115vw { padding-top: 115vw !important; } } @media (max-width: 639px) { .global-sp-mr-115vw { margin-right: 115vw !important; } .global-sp-pr-115vw { padding-right: 115vw !important; } } @media (max-width: 639px) { .global-sp-mb-115vw { margin-bottom: 115vw !important; } .global-sp-pb-115vw { padding-bottom: 115vw !important; } } @media (max-width: 639px) { .global-sp-ml-115vw { margin-left: 115vw !important; } .global-sp-pl-115vw { padding-left: 115vw !important; } } @media (max-width: 639px) { .global-sp-mt-116vw { margin-top: 116vw !important; } .global-sp-pt-116vw { padding-top: 116vw !important; } } @media (max-width: 639px) { .global-sp-mr-116vw { margin-right: 116vw !important; } .global-sp-pr-116vw { padding-right: 116vw !important; } } @media (max-width: 639px) { .global-sp-mb-116vw { margin-bottom: 116vw !important; } .global-sp-pb-116vw { padding-bottom: 116vw !important; } } @media (max-width: 639px) { .global-sp-ml-116vw { margin-left: 116vw !important; } .global-sp-pl-116vw { padding-left: 116vw !important; } } @media (max-width: 639px) { .global-sp-mt-117vw { margin-top: 117vw !important; } .global-sp-pt-117vw { padding-top: 117vw !important; } } @media (max-width: 639px) { .global-sp-mr-117vw { margin-right: 117vw !important; } .global-sp-pr-117vw { padding-right: 117vw !important; } } @media (max-width: 639px) { .global-sp-mb-117vw { margin-bottom: 117vw !important; } .global-sp-pb-117vw { padding-bottom: 117vw !important; } } @media (max-width: 639px) { .global-sp-ml-117vw { margin-left: 117vw !important; } .global-sp-pl-117vw { padding-left: 117vw !important; } } @media (max-width: 639px) { .global-sp-mt-118vw { margin-top: 118vw !important; } .global-sp-pt-118vw { padding-top: 118vw !important; } } @media (max-width: 639px) { .global-sp-mr-118vw { margin-right: 118vw !important; } .global-sp-pr-118vw { padding-right: 118vw !important; } } @media (max-width: 639px) { .global-sp-mb-118vw { margin-bottom: 118vw !important; } .global-sp-pb-118vw { padding-bottom: 118vw !important; } } @media (max-width: 639px) { .global-sp-ml-118vw { margin-left: 118vw !important; } .global-sp-pl-118vw { padding-left: 118vw !important; } } @media (max-width: 639px) { .global-sp-mt-119vw { margin-top: 119vw !important; } .global-sp-pt-119vw { padding-top: 119vw !important; } } @media (max-width: 639px) { .global-sp-mr-119vw { margin-right: 119vw !important; } .global-sp-pr-119vw { padding-right: 119vw !important; } } @media (max-width: 639px) { .global-sp-mb-119vw { margin-bottom: 119vw !important; } .global-sp-pb-119vw { padding-bottom: 119vw !important; } } @media (max-width: 639px) { .global-sp-ml-119vw { margin-left: 119vw !important; } .global-sp-pl-119vw { padding-left: 119vw !important; } } @media (max-width: 639px) { .global-sp-mt-120vw { margin-top: 120vw !important; } .global-sp-pt-120vw { padding-top: 120vw !important; } } @media (max-width: 639px) { .global-sp-mr-120vw { margin-right: 120vw !important; } .global-sp-pr-120vw { padding-right: 120vw !important; } } @media (max-width: 639px) { .global-sp-mb-120vw { margin-bottom: 120vw !important; } .global-sp-pb-120vw { padding-bottom: 120vw !important; } } @media (max-width: 639px) { .global-sp-ml-120vw { margin-left: 120vw !important; } .global-sp-pl-120vw { padding-left: 120vw !important; } } @media (max-width: 639px) { .global-sp-mt-121vw { margin-top: 121vw !important; } .global-sp-pt-121vw { padding-top: 121vw !important; } } @media (max-width: 639px) { .global-sp-mr-121vw { margin-right: 121vw !important; } .global-sp-pr-121vw { padding-right: 121vw !important; } } @media (max-width: 639px) { .global-sp-mb-121vw { margin-bottom: 121vw !important; } .global-sp-pb-121vw { padding-bottom: 121vw !important; } } @media (max-width: 639px) { .global-sp-ml-121vw { margin-left: 121vw !important; } .global-sp-pl-121vw { padding-left: 121vw !important; } } @media (max-width: 639px) { .global-sp-mt-122vw { margin-top: 122vw !important; } .global-sp-pt-122vw { padding-top: 122vw !important; } } @media (max-width: 639px) { .global-sp-mr-122vw { margin-right: 122vw !important; } .global-sp-pr-122vw { padding-right: 122vw !important; } } @media (max-width: 639px) { .global-sp-mb-122vw { margin-bottom: 122vw !important; } .global-sp-pb-122vw { padding-bottom: 122vw !important; } } @media (max-width: 639px) { .global-sp-ml-122vw { margin-left: 122vw !important; } .global-sp-pl-122vw { padding-left: 122vw !important; } } @media (max-width: 639px) { .global-sp-mt-123vw { margin-top: 123vw !important; } .global-sp-pt-123vw { padding-top: 123vw !important; } } @media (max-width: 639px) { .global-sp-mr-123vw { margin-right: 123vw !important; } .global-sp-pr-123vw { padding-right: 123vw !important; } } @media (max-width: 639px) { .global-sp-mb-123vw { margin-bottom: 123vw !important; } .global-sp-pb-123vw { padding-bottom: 123vw !important; } } @media (max-width: 639px) { .global-sp-ml-123vw { margin-left: 123vw !important; } .global-sp-pl-123vw { padding-left: 123vw !important; } } @media (max-width: 639px) { .global-sp-mt-124vw { margin-top: 124vw !important; } .global-sp-pt-124vw { padding-top: 124vw !important; } } @media (max-width: 639px) { .global-sp-mr-124vw { margin-right: 124vw !important; } .global-sp-pr-124vw { padding-right: 124vw !important; } } @media (max-width: 639px) { .global-sp-mb-124vw { margin-bottom: 124vw !important; } .global-sp-pb-124vw { padding-bottom: 124vw !important; } } @media (max-width: 639px) { .global-sp-ml-124vw { margin-left: 124vw !important; } .global-sp-pl-124vw { padding-left: 124vw !important; } } @media (max-width: 639px) { .global-sp-mt-125vw { margin-top: 125vw !important; } .global-sp-pt-125vw { padding-top: 125vw !important; } } @media (max-width: 639px) { .global-sp-mr-125vw { margin-right: 125vw !important; } .global-sp-pr-125vw { padding-right: 125vw !important; } } @media (max-width: 639px) { .global-sp-mb-125vw { margin-bottom: 125vw !important; } .global-sp-pb-125vw { padding-bottom: 125vw !important; } } @media (max-width: 639px) { .global-sp-ml-125vw { margin-left: 125vw !important; } .global-sp-pl-125vw { padding-left: 125vw !important; } } @media (max-width: 639px) { .global-sp-mt-126vw { margin-top: 126vw !important; } .global-sp-pt-126vw { padding-top: 126vw !important; } } @media (max-width: 639px) { .global-sp-mr-126vw { margin-right: 126vw !important; } .global-sp-pr-126vw { padding-right: 126vw !important; } } @media (max-width: 639px) { .global-sp-mb-126vw { margin-bottom: 126vw !important; } .global-sp-pb-126vw { padding-bottom: 126vw !important; } } @media (max-width: 639px) { .global-sp-ml-126vw { margin-left: 126vw !important; } .global-sp-pl-126vw { padding-left: 126vw !important; } } @media (max-width: 639px) { .global-sp-mt-127vw { margin-top: 127vw !important; } .global-sp-pt-127vw { padding-top: 127vw !important; } } @media (max-width: 639px) { .global-sp-mr-127vw { margin-right: 127vw !important; } .global-sp-pr-127vw { padding-right: 127vw !important; } } @media (max-width: 639px) { .global-sp-mb-127vw { margin-bottom: 127vw !important; } .global-sp-pb-127vw { padding-bottom: 127vw !important; } } @media (max-width: 639px) { .global-sp-ml-127vw { margin-left: 127vw !important; } .global-sp-pl-127vw { padding-left: 127vw !important; } } @media (max-width: 639px) { .global-sp-mt-128vw { margin-top: 128vw !important; } .global-sp-pt-128vw { padding-top: 128vw !important; } } @media (max-width: 639px) { .global-sp-mr-128vw { margin-right: 128vw !important; } .global-sp-pr-128vw { padding-right: 128vw !important; } } @media (max-width: 639px) { .global-sp-mb-128vw { margin-bottom: 128vw !important; } .global-sp-pb-128vw { padding-bottom: 128vw !important; } } @media (max-width: 639px) { .global-sp-ml-128vw { margin-left: 128vw !important; } .global-sp-pl-128vw { padding-left: 128vw !important; } } @media (max-width: 639px) { .global-sp-mt-129vw { margin-top: 129vw !important; } .global-sp-pt-129vw { padding-top: 129vw !important; } } @media (max-width: 639px) { .global-sp-mr-129vw { margin-right: 129vw !important; } .global-sp-pr-129vw { padding-right: 129vw !important; } } @media (max-width: 639px) { .global-sp-mb-129vw { margin-bottom: 129vw !important; } .global-sp-pb-129vw { padding-bottom: 129vw !important; } } @media (max-width: 639px) { .global-sp-ml-129vw { margin-left: 129vw !important; } .global-sp-pl-129vw { padding-left: 129vw !important; } } @media (max-width: 639px) { .global-sp-mt-130vw { margin-top: 130vw !important; } .global-sp-pt-130vw { padding-top: 130vw !important; } } @media (max-width: 639px) { .global-sp-mr-130vw { margin-right: 130vw !important; } .global-sp-pr-130vw { padding-right: 130vw !important; } } @media (max-width: 639px) { .global-sp-mb-130vw { margin-bottom: 130vw !important; } .global-sp-pb-130vw { padding-bottom: 130vw !important; } } @media (max-width: 639px) { .global-sp-ml-130vw { margin-left: 130vw !important; } .global-sp-pl-130vw { padding-left: 130vw !important; } } @media (max-width: 639px) { .global-sp-mt-131vw { margin-top: 131vw !important; } .global-sp-pt-131vw { padding-top: 131vw !important; } } @media (max-width: 639px) { .global-sp-mr-131vw { margin-right: 131vw !important; } .global-sp-pr-131vw { padding-right: 131vw !important; } } @media (max-width: 639px) { .global-sp-mb-131vw { margin-bottom: 131vw !important; } .global-sp-pb-131vw { padding-bottom: 131vw !important; } } @media (max-width: 639px) { .global-sp-ml-131vw { margin-left: 131vw !important; } .global-sp-pl-131vw { padding-left: 131vw !important; } } @media (max-width: 639px) { .global-sp-mt-132vw { margin-top: 132vw !important; } .global-sp-pt-132vw { padding-top: 132vw !important; } } @media (max-width: 639px) { .global-sp-mr-132vw { margin-right: 132vw !important; } .global-sp-pr-132vw { padding-right: 132vw !important; } } @media (max-width: 639px) { .global-sp-mb-132vw { margin-bottom: 132vw !important; } .global-sp-pb-132vw { padding-bottom: 132vw !important; } } @media (max-width: 639px) { .global-sp-ml-132vw { margin-left: 132vw !important; } .global-sp-pl-132vw { padding-left: 132vw !important; } } @media (max-width: 639px) { .global-sp-mt-133vw { margin-top: 133vw !important; } .global-sp-pt-133vw { padding-top: 133vw !important; } } @media (max-width: 639px) { .global-sp-mr-133vw { margin-right: 133vw !important; } .global-sp-pr-133vw { padding-right: 133vw !important; } } @media (max-width: 639px) { .global-sp-mb-133vw { margin-bottom: 133vw !important; } .global-sp-pb-133vw { padding-bottom: 133vw !important; } } @media (max-width: 639px) { .global-sp-ml-133vw { margin-left: 133vw !important; } .global-sp-pl-133vw { padding-left: 133vw !important; } } @media (max-width: 639px) { .global-sp-mt-134vw { margin-top: 134vw !important; } .global-sp-pt-134vw { padding-top: 134vw !important; } } @media (max-width: 639px) { .global-sp-mr-134vw { margin-right: 134vw !important; } .global-sp-pr-134vw { padding-right: 134vw !important; } } @media (max-width: 639px) { .global-sp-mb-134vw { margin-bottom: 134vw !important; } .global-sp-pb-134vw { padding-bottom: 134vw !important; } } @media (max-width: 639px) { .global-sp-ml-134vw { margin-left: 134vw !important; } .global-sp-pl-134vw { padding-left: 134vw !important; } } @media (max-width: 639px) { .global-sp-mt-135vw { margin-top: 135vw !important; } .global-sp-pt-135vw { padding-top: 135vw !important; } } @media (max-width: 639px) { .global-sp-mr-135vw { margin-right: 135vw !important; } .global-sp-pr-135vw { padding-right: 135vw !important; } } @media (max-width: 639px) { .global-sp-mb-135vw { margin-bottom: 135vw !important; } .global-sp-pb-135vw { padding-bottom: 135vw !important; } } @media (max-width: 639px) { .global-sp-ml-135vw { margin-left: 135vw !important; } .global-sp-pl-135vw { padding-left: 135vw !important; } } @media (max-width: 639px) { .global-sp-mt-136vw { margin-top: 136vw !important; } .global-sp-pt-136vw { padding-top: 136vw !important; } } @media (max-width: 639px) { .global-sp-mr-136vw { margin-right: 136vw !important; } .global-sp-pr-136vw { padding-right: 136vw !important; } } @media (max-width: 639px) { .global-sp-mb-136vw { margin-bottom: 136vw !important; } .global-sp-pb-136vw { padding-bottom: 136vw !important; } } @media (max-width: 639px) { .global-sp-ml-136vw { margin-left: 136vw !important; } .global-sp-pl-136vw { padding-left: 136vw !important; } } @media (max-width: 639px) { .global-sp-mt-137vw { margin-top: 137vw !important; } .global-sp-pt-137vw { padding-top: 137vw !important; } } @media (max-width: 639px) { .global-sp-mr-137vw { margin-right: 137vw !important; } .global-sp-pr-137vw { padding-right: 137vw !important; } } @media (max-width: 639px) { .global-sp-mb-137vw { margin-bottom: 137vw !important; } .global-sp-pb-137vw { padding-bottom: 137vw !important; } } @media (max-width: 639px) { .global-sp-ml-137vw { margin-left: 137vw !important; } .global-sp-pl-137vw { padding-left: 137vw !important; } } @media (max-width: 639px) { .global-sp-mt-138vw { margin-top: 138vw !important; } .global-sp-pt-138vw { padding-top: 138vw !important; } } @media (max-width: 639px) { .global-sp-mr-138vw { margin-right: 138vw !important; } .global-sp-pr-138vw { padding-right: 138vw !important; } } @media (max-width: 639px) { .global-sp-mb-138vw { margin-bottom: 138vw !important; } .global-sp-pb-138vw { padding-bottom: 138vw !important; } } @media (max-width: 639px) { .global-sp-ml-138vw { margin-left: 138vw !important; } .global-sp-pl-138vw { padding-left: 138vw !important; } } @media (max-width: 639px) { .global-sp-mt-139vw { margin-top: 139vw !important; } .global-sp-pt-139vw { padding-top: 139vw !important; } } @media (max-width: 639px) { .global-sp-mr-139vw { margin-right: 139vw !important; } .global-sp-pr-139vw { padding-right: 139vw !important; } } @media (max-width: 639px) { .global-sp-mb-139vw { margin-bottom: 139vw !important; } .global-sp-pb-139vw { padding-bottom: 139vw !important; } } @media (max-width: 639px) { .global-sp-ml-139vw { margin-left: 139vw !important; } .global-sp-pl-139vw { padding-left: 139vw !important; } } @media (max-width: 639px) { .global-sp-mt-140vw { margin-top: 140vw !important; } .global-sp-pt-140vw { padding-top: 140vw !important; } } @media (max-width: 639px) { .global-sp-mr-140vw { margin-right: 140vw !important; } .global-sp-pr-140vw { padding-right: 140vw !important; } } @media (max-width: 639px) { .global-sp-mb-140vw { margin-bottom: 140vw !important; } .global-sp-pb-140vw { padding-bottom: 140vw !important; } } @media (max-width: 639px) { .global-sp-ml-140vw { margin-left: 140vw !important; } .global-sp-pl-140vw { padding-left: 140vw !important; } } @media (max-width: 639px) { .global-sp-mt-141vw { margin-top: 141vw !important; } .global-sp-pt-141vw { padding-top: 141vw !important; } } @media (max-width: 639px) { .global-sp-mr-141vw { margin-right: 141vw !important; } .global-sp-pr-141vw { padding-right: 141vw !important; } } @media (max-width: 639px) { .global-sp-mb-141vw { margin-bottom: 141vw !important; } .global-sp-pb-141vw { padding-bottom: 141vw !important; } } @media (max-width: 639px) { .global-sp-ml-141vw { margin-left: 141vw !important; } .global-sp-pl-141vw { padding-left: 141vw !important; } } @media (max-width: 639px) { .global-sp-mt-142vw { margin-top: 142vw !important; } .global-sp-pt-142vw { padding-top: 142vw !important; } } @media (max-width: 639px) { .global-sp-mr-142vw { margin-right: 142vw !important; } .global-sp-pr-142vw { padding-right: 142vw !important; } } @media (max-width: 639px) { .global-sp-mb-142vw { margin-bottom: 142vw !important; } .global-sp-pb-142vw { padding-bottom: 142vw !important; } } @media (max-width: 639px) { .global-sp-ml-142vw { margin-left: 142vw !important; } .global-sp-pl-142vw { padding-left: 142vw !important; } } @media (max-width: 639px) { .global-sp-mt-143vw { margin-top: 143vw !important; } .global-sp-pt-143vw { padding-top: 143vw !important; } } @media (max-width: 639px) { .global-sp-mr-143vw { margin-right: 143vw !important; } .global-sp-pr-143vw { padding-right: 143vw !important; } } @media (max-width: 639px) { .global-sp-mb-143vw { margin-bottom: 143vw !important; } .global-sp-pb-143vw { padding-bottom: 143vw !important; } } @media (max-width: 639px) { .global-sp-ml-143vw { margin-left: 143vw !important; } .global-sp-pl-143vw { padding-left: 143vw !important; } } @media (max-width: 639px) { .global-sp-mt-144vw { margin-top: 144vw !important; } .global-sp-pt-144vw { padding-top: 144vw !important; } } @media (max-width: 639px) { .global-sp-mr-144vw { margin-right: 144vw !important; } .global-sp-pr-144vw { padding-right: 144vw !important; } } @media (max-width: 639px) { .global-sp-mb-144vw { margin-bottom: 144vw !important; } .global-sp-pb-144vw { padding-bottom: 144vw !important; } } @media (max-width: 639px) { .global-sp-ml-144vw { margin-left: 144vw !important; } .global-sp-pl-144vw { padding-left: 144vw !important; } } @media (max-width: 639px) { .global-sp-mt-145vw { margin-top: 145vw !important; } .global-sp-pt-145vw { padding-top: 145vw !important; } } @media (max-width: 639px) { .global-sp-mr-145vw { margin-right: 145vw !important; } .global-sp-pr-145vw { padding-right: 145vw !important; } } @media (max-width: 639px) { .global-sp-mb-145vw { margin-bottom: 145vw !important; } .global-sp-pb-145vw { padding-bottom: 145vw !important; } } @media (max-width: 639px) { .global-sp-ml-145vw { margin-left: 145vw !important; } .global-sp-pl-145vw { padding-left: 145vw !important; } } @media (max-width: 639px) { .global-sp-mt-146vw { margin-top: 146vw !important; } .global-sp-pt-146vw { padding-top: 146vw !important; } } @media (max-width: 639px) { .global-sp-mr-146vw { margin-right: 146vw !important; } .global-sp-pr-146vw { padding-right: 146vw !important; } } @media (max-width: 639px) { .global-sp-mb-146vw { margin-bottom: 146vw !important; } .global-sp-pb-146vw { padding-bottom: 146vw !important; } } @media (max-width: 639px) { .global-sp-ml-146vw { margin-left: 146vw !important; } .global-sp-pl-146vw { padding-left: 146vw !important; } } @media (max-width: 639px) { .global-sp-mt-147vw { margin-top: 147vw !important; } .global-sp-pt-147vw { padding-top: 147vw !important; } } @media (max-width: 639px) { .global-sp-mr-147vw { margin-right: 147vw !important; } .global-sp-pr-147vw { padding-right: 147vw !important; } } @media (max-width: 639px) { .global-sp-mb-147vw { margin-bottom: 147vw !important; } .global-sp-pb-147vw { padding-bottom: 147vw !important; } } @media (max-width: 639px) { .global-sp-ml-147vw { margin-left: 147vw !important; } .global-sp-pl-147vw { padding-left: 147vw !important; } } @media (max-width: 639px) { .global-sp-mt-148vw { margin-top: 148vw !important; } .global-sp-pt-148vw { padding-top: 148vw !important; } } @media (max-width: 639px) { .global-sp-mr-148vw { margin-right: 148vw !important; } .global-sp-pr-148vw { padding-right: 148vw !important; } } @media (max-width: 639px) { .global-sp-mb-148vw { margin-bottom: 148vw !important; } .global-sp-pb-148vw { padding-bottom: 148vw !important; } } @media (max-width: 639px) { .global-sp-ml-148vw { margin-left: 148vw !important; } .global-sp-pl-148vw { padding-left: 148vw !important; } } @media (max-width: 639px) { .global-sp-mt-149vw { margin-top: 149vw !important; } .global-sp-pt-149vw { padding-top: 149vw !important; } } @media (max-width: 639px) { .global-sp-mr-149vw { margin-right: 149vw !important; } .global-sp-pr-149vw { padding-right: 149vw !important; } } @media (max-width: 639px) { .global-sp-mb-149vw { margin-bottom: 149vw !important; } .global-sp-pb-149vw { padding-bottom: 149vw !important; } } @media (max-width: 639px) { .global-sp-ml-149vw { margin-left: 149vw !important; } .global-sp-pl-149vw { padding-left: 149vw !important; } } @media (max-width: 639px) { .global-sp-mt-150vw { margin-top: 150vw !important; } .global-sp-pt-150vw { padding-top: 150vw !important; } } @media (max-width: 639px) { .global-sp-mr-150vw { margin-right: 150vw !important; } .global-sp-pr-150vw { padding-right: 150vw !important; } } @media (max-width: 639px) { .global-sp-mb-150vw { margin-bottom: 150vw !important; } .global-sp-pb-150vw { padding-bottom: 150vw !important; } } @media (max-width: 639px) { .global-sp-ml-150vw { margin-left: 150vw !important; } .global-sp-pl-150vw { padding-left: 150vw !important; } } @media (max-width: 639px) { .global-sp-mt-151vw { margin-top: 151vw !important; } .global-sp-pt-151vw { padding-top: 151vw !important; } } @media (max-width: 639px) { .global-sp-mr-151vw { margin-right: 151vw !important; } .global-sp-pr-151vw { padding-right: 151vw !important; } } @media (max-width: 639px) { .global-sp-mb-151vw { margin-bottom: 151vw !important; } .global-sp-pb-151vw { padding-bottom: 151vw !important; } } @media (max-width: 639px) { .global-sp-ml-151vw { margin-left: 151vw !important; } .global-sp-pl-151vw { padding-left: 151vw !important; } } @media (max-width: 639px) { .global-sp-mt-152vw { margin-top: 152vw !important; } .global-sp-pt-152vw { padding-top: 152vw !important; } } @media (max-width: 639px) { .global-sp-mr-152vw { margin-right: 152vw !important; } .global-sp-pr-152vw { padding-right: 152vw !important; } } @media (max-width: 639px) { .global-sp-mb-152vw { margin-bottom: 152vw !important; } .global-sp-pb-152vw { padding-bottom: 152vw !important; } } @media (max-width: 639px) { .global-sp-ml-152vw { margin-left: 152vw !important; } .global-sp-pl-152vw { padding-left: 152vw !important; } } @media (max-width: 639px) { .global-sp-mt-153vw { margin-top: 153vw !important; } .global-sp-pt-153vw { padding-top: 153vw !important; } } @media (max-width: 639px) { .global-sp-mr-153vw { margin-right: 153vw !important; } .global-sp-pr-153vw { padding-right: 153vw !important; } } @media (max-width: 639px) { .global-sp-mb-153vw { margin-bottom: 153vw !important; } .global-sp-pb-153vw { padding-bottom: 153vw !important; } } @media (max-width: 639px) { .global-sp-ml-153vw { margin-left: 153vw !important; } .global-sp-pl-153vw { padding-left: 153vw !important; } } @media (max-width: 639px) { .global-sp-mt-154vw { margin-top: 154vw !important; } .global-sp-pt-154vw { padding-top: 154vw !important; } } @media (max-width: 639px) { .global-sp-mr-154vw { margin-right: 154vw !important; } .global-sp-pr-154vw { padding-right: 154vw !important; } } @media (max-width: 639px) { .global-sp-mb-154vw { margin-bottom: 154vw !important; } .global-sp-pb-154vw { padding-bottom: 154vw !important; } } @media (max-width: 639px) { .global-sp-ml-154vw { margin-left: 154vw !important; } .global-sp-pl-154vw { padding-left: 154vw !important; } } @media (max-width: 639px) { .global-sp-mt-155vw { margin-top: 155vw !important; } .global-sp-pt-155vw { padding-top: 155vw !important; } } @media (max-width: 639px) { .global-sp-mr-155vw { margin-right: 155vw !important; } .global-sp-pr-155vw { padding-right: 155vw !important; } } @media (max-width: 639px) { .global-sp-mb-155vw { margin-bottom: 155vw !important; } .global-sp-pb-155vw { padding-bottom: 155vw !important; } } @media (max-width: 639px) { .global-sp-ml-155vw { margin-left: 155vw !important; } .global-sp-pl-155vw { padding-left: 155vw !important; } } @media (max-width: 639px) { .global-sp-mt-156vw { margin-top: 156vw !important; } .global-sp-pt-156vw { padding-top: 156vw !important; } } @media (max-width: 639px) { .global-sp-mr-156vw { margin-right: 156vw !important; } .global-sp-pr-156vw { padding-right: 156vw !important; } } @media (max-width: 639px) { .global-sp-mb-156vw { margin-bottom: 156vw !important; } .global-sp-pb-156vw { padding-bottom: 156vw !important; } } @media (max-width: 639px) { .global-sp-ml-156vw { margin-left: 156vw !important; } .global-sp-pl-156vw { padding-left: 156vw !important; } } @media (max-width: 639px) { .global-sp-mt-157vw { margin-top: 157vw !important; } .global-sp-pt-157vw { padding-top: 157vw !important; } } @media (max-width: 639px) { .global-sp-mr-157vw { margin-right: 157vw !important; } .global-sp-pr-157vw { padding-right: 157vw !important; } } @media (max-width: 639px) { .global-sp-mb-157vw { margin-bottom: 157vw !important; } .global-sp-pb-157vw { padding-bottom: 157vw !important; } } @media (max-width: 639px) { .global-sp-ml-157vw { margin-left: 157vw !important; } .global-sp-pl-157vw { padding-left: 157vw !important; } } @media (max-width: 639px) { .global-sp-mt-158vw { margin-top: 158vw !important; } .global-sp-pt-158vw { padding-top: 158vw !important; } } @media (max-width: 639px) { .global-sp-mr-158vw { margin-right: 158vw !important; } .global-sp-pr-158vw { padding-right: 158vw !important; } } @media (max-width: 639px) { .global-sp-mb-158vw { margin-bottom: 158vw !important; } .global-sp-pb-158vw { padding-bottom: 158vw !important; } } @media (max-width: 639px) { .global-sp-ml-158vw { margin-left: 158vw !important; } .global-sp-pl-158vw { padding-left: 158vw !important; } } @media (max-width: 639px) { .global-sp-mt-159vw { margin-top: 159vw !important; } .global-sp-pt-159vw { padding-top: 159vw !important; } } @media (max-width: 639px) { .global-sp-mr-159vw { margin-right: 159vw !important; } .global-sp-pr-159vw { padding-right: 159vw !important; } } @media (max-width: 639px) { .global-sp-mb-159vw { margin-bottom: 159vw !important; } .global-sp-pb-159vw { padding-bottom: 159vw !important; } } @media (max-width: 639px) { .global-sp-ml-159vw { margin-left: 159vw !important; } .global-sp-pl-159vw { padding-left: 159vw !important; } } @media (max-width: 639px) { .global-sp-mt-160vw { margin-top: 160vw !important; } .global-sp-pt-160vw { padding-top: 160vw !important; } } @media (max-width: 639px) { .global-sp-mr-160vw { margin-right: 160vw !important; } .global-sp-pr-160vw { padding-right: 160vw !important; } } @media (max-width: 639px) { .global-sp-mb-160vw { margin-bottom: 160vw !important; } .global-sp-pb-160vw { padding-bottom: 160vw !important; } } @media (max-width: 639px) { .global-sp-ml-160vw { margin-left: 160vw !important; } .global-sp-pl-160vw { padding-left: 160vw !important; } } .global-displayNone { display: none !important; } .global-fontSizeSmallest { font-size: 0.6em !important; } .global-fontSizeSmaller { font-size: 0.8em !important; } .global-fontSizeLarger { font-size: 1.2em !important; } .global-fontSizeLargest { font-size: 1.4em !important; } .global-fontWeightNormal { font-weight: normal !important; } .global-fontWeightBold { font-weight: bold !important; } .global-textAlignLeft { text-align: left !important; } .global-textAlignRight { text-align: right !important; } .global-textAlignCenter { text-align: center !important; } .global-colorWhite { color: #fff !important; } .global-colorBlack { color: #000 !important; } .global-colorRed { color: #C51818 !important; } .global-colorGreen { color: #06a02e !important; } .global-textLink { text-decoration: underline; } .global-textLink:hover { text-decoration: none; } /* Text meant only for screen readers. */ .screen-reader-text:not(:focus):not(:active) { border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; width: 1px; word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */ } .screen-reader-text:focus { background-color: #000; border-radius: 3px; -webkit-box-shadow: 0 0 2px 2px #000; box-shadow: 0 0 2px 2px #000; clip: auto !important; clip-path: none; color: #fff; display: block; font-size: 0.875rem; font-weight: 700; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; } .global-pcOnly { display: none !important; } span.global-spOnly { display: inline !important; } .global-spOnly { display: block !important; } body { font-family: "Zen Kaku Gothic New", sans-serif; line-height: 1.5; } body.-headerActive { height: 100%; overflow: hidden; } body .tool-container.tool-top { top: 38vw !important; } main { overflow: hidden; color: #000; line-height: 1.6; } summary { list-style: none; } /* 一部ブラウザで消えなかった場合は以下も追記 */ summary::-webkit-details-marker { display: none; } .wp-block-embed.is-type-video { margin-top: 6.25vw; } .wp-block-embed.is-type-video .wp-block-embed__wrapper { display: block; position: relative; width: 100%; margin: 0 auto; } .wp-block-embed.is-type-video .wp-block-embed__wrapper::before { display: block; padding-top: calc(100% / 1.7777777778); content: ""; } .wp-block-embed.is-type-video .wp-block-embed__wrapper iframe { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } img { height: auto; } .pswp__button--arrow--next, .pswp__button--arrow--prev { display: block !important; visibility: visible !important; opacity: 1 !important; z-index: 10000 !important; } #tip_chat_www { width: 30vw !important; height: 30vw !important; right: 0 !important; bottom: 0 !important; z-index: 10 !important; } #tip_chat_www img { width: 30vw !important; height: 30vw !important; } #shanghai-ai-close_tip_chat { right: 0 !important; } .banner01__list01 { display: -ms-grid; display: grid; } .banner01__item01 { overflow: hidden; } .banner01__item01:not(:first-child) { margin-top: 6vw; } .banner01__link01:hover .banner01__img01 { -webkit-transform: scale(1.1); transform: scale(1.1); } .banner01__img01 { width: 100%; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; vertical-align: bottom; } .banner02__listWrapper01:not(.swiper-initialized) { margin: 0 5vw; } .banner02__img { vertical-align: bottom; } .breadcrumb__inner { padding: 0 5.3333333333vw; background: #06a02e; overflow-x: scroll; } .breadcrumb__list { display: -webkit-box; display: -ms-flexbox; display: flex; height: 8vw; margin: 0 auto; } .breadcrumb__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .breadcrumb__item:not(:last-child) { padding-right: 6.6666666667vw; } .breadcrumb__item:not(:last-child)::after { display: block; position: absolute; width: 1.3333333333vw; height: 2.1333333333vw; top: 50%; right: 2.1333333333vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/breadcrumb_arrow.svg) no-repeat; background-size: 100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .breadcrumb__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; text-decoration: none; } .breadcrumb__link:hover { text-decoration: underline; text-decoration-color: #303030; } .breadcrumb__txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 1.3333333333vw; font-size: 3.2vw; color: #fff; white-space: nowrap; } .breadcrumb__img { width: 5.3333333333vw; height: 4vw; } .button01 { margin: 0 auto; } .button01__inner01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .button01__link01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-width: 72vw; height: 12.8vw; padding: 0 8vw; background: #fff; border: 0.5333333333vw solid #06a02e; border-radius: 12.8vw; color: #06a02e; -webkit-transition: 0.2s; transition: 0.2s; } .button01__link01:hover { background: #06a02e; color: #fff; } .button01__link01:hover .button01__link01-1::before { display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #06a02e; border-right: 0.2666666667vw solid #06a02e; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .button01__link01:hover .button01__link01-1::after { background: #fff; } .button01__link01.-green { background: #06a02e; border: 0.5333333333vw solid #fff; } .button01__link01.-green .button01__link01-1 { color: #fff; } .button01__link01.-green .button01__link01-1::before { display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #06a02e; border-right: 0.2666666667vw solid #06a02e; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .button01__link01.-green .button01__link01-1::after { background: #fff; } .button01__link01-1 { position: relative; padding-right: 6.4vw; font-size: 4.5333333333vw; } .button01__link01-1::before, .button01__link01-1::after { display: block; position: absolute; -webkit-transition: 0.2s; transition: 0.2s; content: ""; } .button01__link01-1::before { top: 50%; right: 1.0666666667vw; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; } .button01__link01-1::after { right: 0; top: 50%; width: 3.7333333333vw; height: 3.7333333333vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .button01__link02 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 88vw; height: 13.8666666667vw; background: #fff; border: 0.5333333333vw solid #06a02e; border-radius: 13.8666666667vw; -webkit-transition: background 0.2s; transition: background 0.2s; } .button01__link02:hover { background: #f0fff4; } .button01__link02.-green { background: #06a02e; border: 0.5333333333vw solid #fff; } .button01__link02.-green .button01__link02-1 { color: #fff; } .button01__link02.-green .button01__link02-1::before { display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #06a02e; border-right: 0.2666666667vw solid #06a02e; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .button01__link02.-green .button01__link02-1::after { background: #fff; } .button01__link02-1 { position: relative; padding-right: 6.4vw; font-size: 4.8vw; color: #06a02e; } .button01__link02-1::before { display: block; position: absolute; top: 50%; right: 1.0666666667vw; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .button01__link02-1::after { content: ""; display: block; position: absolute; right: 0; top: 50%; width: 3.7333333333vw; height: 3.7333333333vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .button01__link03 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 100%; height: 21.6vw; background: #06a02e; border-right: 0.8vw solid #fff; border-bottom: 0.8vw solid #fff; border-radius: 21.6vw; -webkit-box-shadow: 0 0.8vw 0.8vw 0.2666666667vw rgba(0, 0, 0, 0.15); box-shadow: 0 0.8vw 0.8vw 0.2666666667vw rgba(0, 0, 0, 0.15); -webkit-transition: -webkit-filter 0.2s; transition: -webkit-filter 0.2s; transition: filter 0.2s; transition: filter 0.2s, -webkit-filter 0.2s; } .button01__link03:hover { -webkit-filter: brightness(0.95); filter: brightness(0.95); } .button01__link03:hover::after { position: absolute; left: 50%; top: 94.8%; width: 0; height: 0; border-style: solid; border-right: 4.5333333333vw solid transparent; border-left: 4.5333333333vw solid transparent; border-top: 3.2vw solid #f0fff4; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .button01__link03-1 { display: inline-block; position: relative; padding-right: 9.0666666667vw; font-size: 5.0666666667vw; font-weight: 500; color: #fff; } .button01__link03-1::before { display: block; position: absolute; top: 50%; right: 2.1333333333vw; display: block; width: 2.6666666667vw; height: 2.6666666667vw; border-top: 0.5333333333vw solid #06a02e; border-right: 0.5333333333vw solid #06a02e; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .button01__link03-1::after { content: ""; display: block; position: absolute; right: 0; top: 50%; width: 6.6666666667vw; height: 6.6666666667vw; background: #fff; border-radius: 9.6vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .catList01__item01 { width: 100%; padding: 5.3333333333vw; background: #fff; border: 0.2666666667vw solid #E0E0E0; border-radius: 4vw; } .catList01__item01:not(:first-child) { margin-top: 4.2666666667vw; } .catList01__ttl01 { position: relative; padding-left: 6.4vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border-1.png) no-repeat left center; font-size: 5.0666666667vw; } .catList01__list02 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 2.6666666667vw; } .catList01__item02 { position: relative; } .catList01__item02:not(:last-child)::after { content: ","; font-size: 3.2vw; color: #03468c; } .catList01__link01 { margin-right: 1.0666666667vw; font-size: 3.7333333333vw; font-weight: 500; color: #03468c; text-decoration: underline; } .catList01__link01:hover { text-decoration: none; } .catList01__button01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 26.6666666667vw; margin-top: 2.6666666667vw; margin-left: auto; cursor: pointer; } .catList01__button01.-active .catList01__button01-1::before { content: "-"; top: 35%; right: 0.8vw; font-size: 4.8vw; } .catList01__button01:hover { text-decoration: underline; } .catList01__button01-1 { position: relative; padding-right: 6.4vw; font-size: 3.2vw; } .catList01__button01-1::before { display: block; position: absolute; top: 50%; right: 0.5333333333vw; content: "+"; font-size: 3.2vw; color: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } .catList01__button01-1::after { content: ""; display: block; position: absolute; right: 0; top: 50%; width: 3.7333333333vw; height: 3.7333333333vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cont01 { position: relative; z-index: 1; } .cont01__listWrapper01 { display: block; position: relative; width: calc(80vw * 2 + 5.3333333333vw * 1); -webkit-box-sizing: content-box; box-sizing: content-box; } .cont01__listWrapper01.swiper .cont01__item01:not(:last-child) { margin-bottom: 0; } .cont01__link01:hover .cont01__img { -webkit-transform: scale(1.1); transform: scale(1.1); } .cont01__imgWrapper01 { border-radius: 15px; overflow: hidden; } .cont01__img { max-width: 100%; vertical-align: bottom; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .cont01__txtWrapper01 { position: relative; margin: -30px 20px 0; border-radius: 15px; background: #fff; z-index: 1; -webkit-transition: background 0.2s; transition: background 0.2s; } .cont01__txt01 { position: relative; padding: 20px 50px 20px 20px; } .cont01__txt01::before { display: block; position: absolute; top: 50%; right: 26px; display: block; width: 8px; height: 8px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .cont01__txt01::after { content: ""; display: block; position: absolute; right: 20px; top: 50%; width: 21px; height: 21px; background: #06a02e; border-radius: 12px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cont01__pagination { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 90vw; } .cont01__pagination span { display: inline-block; width: 3.7333333333vw; height: 3.7333333333vw; margin: 0 1.3333333333vw; background: #fff; border: 0.2666666667vw solid #06a02e; border-radius: 3.7333333333vw; -webkit-transition: -webkit-filter 0.2s; transition: -webkit-filter 0.2s; transition: filter 0.2s; transition: filter 0.2s, -webkit-filter 0.2s; } .cont01__pagination span.swiper-pagination-bullet-active { background: #06a02e; } .cont02__inner01 { position: relative; margin: 0 auto; padding: 27.7333333333vw 0 170.6666666667vw; background: url(/wordpress/wp-content/themes/safari/dist/img/top/cont02_bg-top.png) no-repeat left top/100% auto, url(/wordpress/wp-content/themes/safari/dist/img/top/cont02_bg-bottom.png) no-repeat left bottom/100% auto, #05942a; } .cont02__inner01::before { content: ""; display: block; position: absolute; top: 21.3333333333vw; right: 0; bottom: 21.3333333333vw; left: 0; background: url(/wordpress/wp-content/themes/safari/dist/img/top/sp/cont02_bg-repeat.png) repeat left top/100% auto; } .cont02__inner01::after { display: block; position: absolute; left: 2.6666666667vw; bottom: -2.6666666667vw; width: 78.9333333333vw; height: calc(78.9333333333vw / 2.614973262); background: url(/wordpress/wp-content/themes/safari/dist/img/top/cont02_bg-1.png) no-repeat center top/100% auto; content: ""; } .cont02__inner01-1 { width: 320vw; max-width: 96%; margin: 21.3333333333vw auto 0; } .cont02__ttl01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; width: 100%; height: 85.3333333333vw; color: #fff; } .cont02__ttl01::before { display: block; position: absolute; left: 0; bottom: 0; width: 96vw; height: calc(96vw / 0.8719153937); background: url(/wordpress/wp-content/themes/safari/dist/img/top/sp/cont02_bg-2.png) no-repeat center top/100% auto; content: ""; } .cont02__ttl01-1 { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; position: relative; z-index: 1; font-size: 8vw; font-weight: bold; line-height: 1.2; } .cont02__ttl01-2 { position: relative; display: inline-block; margin-top: 5.3333333333vw; font-size: 4.2666666667vw; z-index: 1; } .cont02__list01 { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; position: relative; z-index: 1; } .cont02__item01 { width: 100%; margin-top: 5.3333333333vw; } .cont02__item01:nth-child(odd) .cont02__txtWrapper01 { border-radius: 0 4vw 4vw 4vw; } .cont02__item01:nth-child(odd) .cont02__imgWrapper01 { border-radius: 4vw 26.6666666667vw 4vw 4vw; } .cont02__item01:nth-child(even) .cont02__txtWrapper01 { border-radius: 4vw 0 4vw 4vw; } .cont02__item01:nth-child(even) .cont02__imgWrapper01 { border-radius: 26.6666666667vw 4vw 4vw; } .cont02__item01:nth-child(1) .cont02__txt01::before { display: block; position: absolute; left: 1.3333333333vw; top: 50%; width: 4vw; height: calc(4vw / 0.6818181818); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_beginner-black.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .cont02__item01:nth-child(2) .cont02__txt01::before { display: block; position: absolute; left: 1.3333333333vw; top: 50%; width: 5.8666666667vw; height: calc(5.8666666667vw / 1); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_tree-black.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .cont02__item01:nth-child(3) .cont02__txt01::before { display: block; position: absolute; left: 1.3333333333vw; top: 50%; width: 4.8vw; height: calc(4.8vw / 1.0588235294); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_paws-black.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .cont02__item01:nth-child(4) .cont02__txt01::before { display: block; position: absolute; left: 1.3333333333vw; top: 50%; width: 5.6vw; height: calc(5.6vw / 1); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_note-black.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .cont02__item01:nth-child(5) .cont02__txt01::before { display: block; position: absolute; left: 1.3333333333vw; top: 50%; width: 4.8vw; height: calc(4.8vw / 1); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_meat-black.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .cont02__item01:nth-child(6) .cont02__txt01::before { display: block; position: absolute; left: 1.3333333333vw; top: 50%; width: 8vw; height: calc(8vw / 2.1428571429); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_sai-black.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .cont02__item01:nth-child(7) .cont02__txt01::before { display: block; position: absolute; left: 1.3333333333vw; top: 50%; width: 5.8666666667vw; height: calc(5.8666666667vw / 1.2941176471); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_camera-black.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .cont02__link01:hover .cont02__img { -webkit-transform: scale(1.1); transform: scale(1.1); } .cont02__imgWrapper01 { border-radius: 4vw 0 4vw 4vw; overflow: hidden; } .cont02__img { width: 100%; vertical-align: bottom; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .cont02__txtWrapper01 { position: relative; padding: 5.3333333333vw; background: #fff; z-index: 1; -webkit-transition: background 0.2s; transition: background 0.2s; } .cont02__txtWrapper01::before { display: block; position: absolute; top: 9.3333333333vw; right: 7.4666666667vw; display: block; width: 1.6vw; height: 1.6vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .cont02__txtWrapper01::after { content: ""; display: block; position: absolute; right: 5.3333333333vw; top: 6.6666666667vw; width: 5.6vw; height: 5.6vw; background: #06a02e; border-radius: 3.2vw; } .cont02__txt01 { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; position: relative; padding-left: 14.6666666667vw; padding-right: 8vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border-1.png) no-repeat left 9.0666666667vw center; font-size: 5.3333333333vw; font-weight: bold; } .cont02__txt02 { margin-top: 2.6666666667vw; font-size: 4.2666666667vw; } @media screen and (max-width: 373.3333333333vw) { .cont02__inner01 { padding: 5.8vw 0 45.5vw; } .cont02__inner01-1 { max-width: 86%; } } .cont03__inner01 { padding-bottom: 8vw; } .cont03__areaLink01 { display: inline-block; padding: 2.1333333333vw 4.2666666667vw; border-radius: 0.8vw; background: #F85151; font-size: 3.2vw; color: #fff; text-align: center; -webkit-transition: 0.2s; transition: 0.2s; } .cont03__areaLink01:hover { opacity: 0.8; } .cont03__tagList01 { display: -webkit-box; display: -ms-flexbox; display: flex; } .cont03__tagItem01:not(:first-child) { margin-left: 5.3333333333vw; } .cont03__tagLink01 { display: block; padding: 2.4vw 8vw; border-radius: 0.8vw; background: #f5f5f5; -webkit-box-shadow: 0 0.8vw 2.1333333333vw 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0.8vw 2.1333333333vw 0 rgba(0, 0, 0, 0.15); font-size: 3.7333333333vw; -webkit-transition: background 0.2s; transition: background 0.2s; } .cont03__tagLink01:hover { background: #f0f0f0; } .cont03__inner02 { position: relative; overflow: hidden; } .cont03__listWrapper01 { display: block; position: relative; max-width: 100%; margin: 0 !important; -webkit-box-sizing: border-box; box-sizing: border-box; } .cont03__list01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cont03__item01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; padding: 8vw 5.3333333333vw 5.3333333333vw; } .cont03__imgWrapper { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; display: block; margin: 5.3333333333vw -5vw 0; overflow: hidden; } .cont03__img, .cont03__mov { display: block; width: 100vw; height: 61.3333333333vw; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .cont03__imgLink:hover .cont03__img, .cont03__imgLink:hover .cont03__mov { -webkit-transform: scale(1.1); transform: scale(1.1); } .cont03__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cont03__pagination span { display: inline-block; width: 2.6666666667vw; height: 2.6666666667vw; margin: 0 1.3333333333vw; background: #D1D1D1; border-radius: 2.6666666667vw; cursor: pointer; } .cont03__pagination span.swiper-pagination-bullet-active { background: #FF5353; } .cont03__pagination span:hover { opacity: 0.8; } .cont03__thumbList01 { position: relative; margin: 0 auto; padding: 0 5.3333333333vw; } .cont03__listWrapper02 { display: block; position: relative; width: calc(33.3333333333vw * 3 + 1.0666666667vw * 2); -webkit-box-sizing: content-box; box-sizing: content-box; } .cont03__listWrapper02.swiper .cont01__item01:not(:last-child) { margin-bottom: 0; } .cont03__item02 { height: auto !important; padding: 2.6666666667vw; border-radius: 1.0666666667vw; background: #fff; opacity: 0.7; cursor: pointer; } .cont03__item02.swiper-slide-thumb-active { opacity: 1; } .cont03__imgWrapper02 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .cont03__imgWrapper02 .cont03__img { width: auto; height: auto; max-width: 100%; max-height: 100%; border-radius: 1.3333333333vw; } .cont03__button02 { display: none; } .cont03__info01 { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .cont03__infoInner01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 8vw 5.3333333333vw; background: #fff; border-radius: 4vw; } .cont03__name01 { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; position: relative; width: 100%; padding-left: 6.4vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border-1.png) no-repeat left center; font-size: 5.3333333333vw; font-weight: bold; } .cont03__nameLink01 { display: block; position: relative; width: 100%; padding-right: 5.3333333333vw; } .cont03__nameLink01::before { display: block; position: absolute; top: 50%; right: 2.1333333333vw; display: block; width: 1.6vw; height: 1.6vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .cont03__nameLink01::after { content: ""; display: block; position: absolute; right: 0; top: 50%; width: 5.6vw; height: 5.6vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cont03__catList01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; width: calc(100% - 10.6666666667vw); margin-top: 4vw; border-right: 2px dotted #000; } .cont03__catItem01 { margin-bottom: 0.5333333333vw; padding: 0.5333333333vw 1.8666666667vw; background: #06a02e; border-radius: 1.0666666667vw; font-size: 3.7333333333vw; color: #fff; margin-right: 1.3333333333vw; } .cont03__catItem01.-blue { background: #03468c; } .cont03__link03 { position: relative; width: 10.6666666667vw; } .cont03__link03::before { display: block; position: absolute; right: 0; top: 50%; width: 5.6vw; height: calc(5.6vw / 0.8076923077); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_book-green.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .cont03__desc01 { display: none; } .cont03__defList01 { display: none; } .cont03__link02 { display: none; } .cont03__name02 { margin-top: 2.6666666667vw; font-size: 3.7333333333vw; font-weight: 500; color: #06a02e; } .cont04__inner01 { position: relative; padding: 10.6666666667vw 5.3333333333vw; background: #fff; border-radius: 5.3333333333vw; } .cont04__inner01::before { content: ""; width: calc(100% - 21.3333333333vw); height: 1.8666666667vw; position: absolute; left: 50%; top: 2.6666666667vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border_repeat-1.png) repeat-x left top; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .cont04__inner01::after { content: ""; width: calc(100% - 21.3333333333vw); height: 1.8666666667vw; position: absolute; left: 50%; bottom: 2.6666666667vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border_repeat-1.png) repeat-x left top; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .cont04__ttl01 { width: 57.3333333333vw; margin: 0 auto; text-align: center; } .cont04__img { width: 100%; vertical-align: bottom; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .cont04__link01:hover .cont04__img { -webkit-transform: scale(1.1); transform: scale(1.1); } .cont04__imgWrapper01 { margin-top: 5.3333333333vw; overflow: hidden; } .cont04__date01 { font-size: 4.2666666667vw; } .cont04__desc01 { margin-top: 3.2vw; font-size: 4.2666666667vw; } .cont04__tagList01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1.2vw; } .cont04__tagItem01 { margin-top: 1vw; margin-right: 1vw; } .cont04__tagLink01 { margin-top: 1vw; padding: 0.6vw 1.6vw; border-radius: 1vw; font-size: 3.5vw; font-weight: 500; color: #fff; -webkit-transition: -webkit-filter 0.2s; transition: -webkit-filter 0.2s; transition: filter 0.2s; transition: filter 0.2s, -webkit-filter 0.2s; } .cont04__tagLink01.-orange { background: #ff5800; } .cont04__tagLink01.-green { background: #06a02e; } .cont04__tagLink01.-blue { background: #03468c; } .cont04__tagLink01.-red { background: #C51818; } .cont04__tagLink01.-noLink { display: inline-block; } .cont04__tagLink01.-noLink:hover { -webkit-filter: brightness(1); filter: brightness(1); } .cont04__tagLink01:hover { -webkit-filter: brightness(0.95); filter: brightness(0.95); } .cont04__animalList01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1vw; } .cont04__animalItem01 { margin-top: 1vw; margin-right: 2vw; } .cont04__animalLink01 { padding-left: 3.5vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_paws-blue.svg) no-repeat left center; border-radius: 1vw; font-size: 3.5vw; font-weight: 500; color: #03468c; text-decoration: underline; } .cont04__animalLink01:hover { text-decoration: none; } .cont04__link02:hover { text-decoration: underline; } .cont05__tagList01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1.2vw; } .cont05__tagItem01 { margin-top: 1vw; margin-right: 1vw; } .cont05__tagLink01 { margin-top: 1vw; padding: 0.6vw 1.6vw; border-radius: 1vw; font-size: 3.5vw; font-weight: 500; color: #fff; -webkit-transition: -webkit-filter 0.2s; transition: -webkit-filter 0.2s; transition: filter 0.2s; transition: filter 0.2s, -webkit-filter 0.2s; } .cont05__tagLink01.-orange { background: #ff5800; } .cont05__tagLink01.-green { background: #06a02e; } .cont05__tagLink01.-blue { background: #03468c; } .cont05__tagLink01.-red { background: #C51818; } .cont05__tagLink01.-noLink { display: inline-block; } .cont05__tagLink01.-noLink:hover { -webkit-filter: brightness(1); filter: brightness(1); } .cont05__tagLink01:hover { -webkit-filter: brightness(0.95); filter: brightness(0.95); } .cont05__tagList02 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 2vw; } .cont05__tagItem02 { position: relative; } .cont05__tagItem02 + li::before { content: ","; font-size: 3vw; color: #03468c; } .cont05__tagLink02 { margin-right: 1vw; font-size: 3.5vw; font-weight: 500; color: #03468c; text-decoration: underline; } .cont05__tagLink02:hover { text-decoration: none; } .cont05__animalList01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1vw; } .cont05__animalItem01 { margin-top: 1vw; margin-right: 2vw; } .cont05__animalLink01 { padding-left: 3.5vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_paws-blue.svg) no-repeat left center; border-radius: 1vw; font-size: 3.5vw; font-weight: 500; color: #03468c; text-decoration: underline; } .cont05__animalLink01:hover { text-decoration: none; } .cont05__listWrapper01 { display: block; position: relative; width: calc(80vw * 2 + 5.3333333333vw * 1); -webkit-box-sizing: content-box; box-sizing: content-box; } .cont05__listWrapper01:not(.swiper-initialized) { width: 100% !important; left: auto; -webkit-transform: translateX(0); transform: translateX(0); } .cont05__listWrapper01:not(.swiper-initialized) .cont05__item01 { width: 100% !important; } .cont05__listWrapper01:not(.swiper-initialized) .cont05__pagination { display: none !important; } .cont05__listWrapper01:not(.swiper-initialized) .cont05__button01 { display: none !important; } .cont05__listWrapper01.swiper .cont01__item01:not(:last-child) { margin-bottom: 0; } .cont05__link { -webkit-transition: 0.2s; transition: 0.2s; } .cont05__link:hover { opacity: 0.8; } .cont05__item01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; height: auto !important; padding: 3.7333333333vw 4.2666666667vw 7.4666666667vw; background: #fff; border: 0.2666666667vw solid #E0E0E0; border-radius: 4vw; overflow: hidden; } .cont05__item01.-new::before { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; content: "NEW"; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: end; position: absolute; left: -10.6666666667vw; top: -10.6666666667vw; width: 21.3333333333vw; height: 21.3333333333vw; background: #06a02e; font-size: 3.2vw; color: #fff; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .cont05__imgLink01:hover .cont05__img { -webkit-transform: scale(1.1); transform: scale(1.1); } .cont05__imgWrapper01 { position: relative; border-radius: 2.6666666667vw; overflow: hidden; } .cont05__img { -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; vertical-align: bottom; } .cont05__iconWrapper01 { position: relative; } .cont05__iconList01 { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; right: -4vw; bottom: -5.3333333333vw; } .cont05__iconItem01 { width: 13.3333333333vw; } .cont05__txtWrapper01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-top: 3.7333333333vw; } .cont05__time01 { font-size: 3.2vw; } .cont05__txtLink01:hover { text-decoration: underline; } .cont05__ttl01 { font-size: 5.3333333333vw; font-weight: 500; } .cont05__desc01 { margin-top: 1.0666666667vw; font-size: 4.2666666667vw; color: #2E2E2E; } .cont05__desc01:not(.-visibleAll) { overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } .cont05__tagWrapper01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cont05__tagList01 { margin-top: 2.6666666667vw; } .cont05__link01 { display: inline-block; -ms-flex-item-align: end; align-self: flex-end; position: relative; margin-top: 5.3333333333vw; padding-right: 6.4vw; font-size: 3.7333333333vw; } .cont05__link01::before { display: block; position: absolute; top: 50%; right: 1.0666666667vw; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .cont05__link01::after { content: ""; display: block; position: absolute; right: 0; top: 50%; width: 3.7333333333vw; height: 3.7333333333vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cont05__link01:hover { text-decoration: underline; } .cont05__control01 { display: none; } .cont05__pagination { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 90vw; } .cont05__pagination span { display: inline-block; width: 3.7333333333vw; height: 3.7333333333vw; margin: 0 1.3333333333vw; background: #fff; border: 0.2666666667vw solid #06a02e; border-radius: 3.7333333333vw; -webkit-transition: -webkit-filter 0.2s; transition: -webkit-filter 0.2s; transition: filter 0.2s; transition: filter 0.2s, -webkit-filter 0.2s; } .cont05__pagination span.swiper-pagination-bullet-active { background: #06a02e; } .cont05__button01 { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; position: relative; width: 9.6vw; height: 9.6vw; border-radius: 9.6vw; background: #06a02e; -webkit-box-shadow: 0 1.3333333333vw 2.6666666667vw 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1.3333333333vw 2.6666666667vw 0 rgba(0, 0, 0, 0.15); } .cont05__button01:hover { background: #07b935; } .cont05__button01::after { position: absolute; top: 50%; } .cont05__button01.-prev { left: -5.3333333333vw; } .cont05__button01.-prev::after { display: block; width: 2.6666666667vw; height: 2.6666666667vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); left: 1.0666666667vw; } .cont05__button01.-next { right: -5.3333333333vw; } .cont05__button01.-next::after { display: block; width: 2.6666666667vw; height: 2.6666666667vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 3.7333333333vw; } .cont05__priceList01 { line-height: 1; margin-top: 5.3333333333vw; font-size: 3.7333333333vw; font-weight: 500; color: #06a02e; } .cont05__priceTtl01 { position: relative; top: -0.2666666667vw; margin-right: 5.3333333333vw; } .cont05__priceNum01 { margin-left: 2.6666666667vw; font-size: 6.4vw; color: #FF2D2D; } .cont05__priceNum02 { font-size: 4.2666666667vw; text-align: right; } .cont06__ttl01 { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; font-size: 8vw; font-weight: bold; line-height: 1.2; } .cont06__desc01 { margin-top: 5.3333333333vw; font-size: 4.2666666667vw; font-weight: 400; } .cont06__imgList01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 5.3333333333vw; } .cont06__img { border-radius: 5.3333333333vw; vertical-align: bottom; } .cont06__imgItem01 { width: 48%; } .cont07__tagList01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 6px; } .cont07__tagItem01 { margin-top: 4px; margin-right: 4px; } .cont07__tagLink01 { margin-top: 5px; padding: 3px 8px; border-radius: 5px; font-size: 14px; font-weight: 500; color: #fff; -webkit-transition: -webkit-filter 0.2s; transition: -webkit-filter 0.2s; transition: filter 0.2s; transition: filter 0.2s, -webkit-filter 0.2s; } .cont07__tagLink01.-orange { background: #ff5800; } .cont07__tagLink01.-green { background: #06a02e; } .cont07__tagLink01.-blue { background: #03468c; } .cont07__tagLink01.-red { background: #C51818; } .cont07__tagLink01.-noLink { display: inline-block; } .cont07__tagLink01.-noLink:hover { -webkit-filter: brightness(1); filter: brightness(1); } .cont07__tagLink01:hover { -webkit-filter: brightness(0.95); filter: brightness(0.95); } .cont07__ttl01 { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; font-size: 8vw; font-weight: bold; text-align: center; } .cont07__ttl02 { position: relative; font-size: 4.2666666667vw; font-weight: 500; color: #06a02e; text-align: center; } .cont07__ttl02::before { content: ""; position: absolute; top: 3.4666666667vw; left: 0; right: 0; height: 1.8666666667vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border_repeat-1.png) repeat-x; background-size: auto 1.8666666667vw; pointer-events: none; } .cont07__ttl02-1 { position: relative; padding: 0 4vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_sand.jpg) repeat; z-index: 1; } .cont07__tagList01 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cont07__tagLink01 { border-right: 0.5333333333vw solid #fff; border-bottom: 0.5333333333vw solid #fff; } .cont07__desc01 { width: 100%; margin: 5.3333333333vw auto 0; padding-top: 5.3333333333vw; border-top: 0.5333333333vw dotted #06a02e; font-size: 4.2666666667vw; line-height: 2; } .cont08__inner01 { position: relative; padding: 13.3333333333vw 5.3333333333vw 16vw; background: #fff; border-radius: 5.3333333333vw; -webkit-box-shadow: 0vw 1.3333333333vw 2.6666666667vw -0.8vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 1.3333333333vw 2.6666666667vw -0.8vw rgba(0, 0, 0, 0.4); } .cont08__inner01::before { content: ""; width: calc(100% - 21.3333333333vw); height: 1.8666666667vw; position: absolute; left: 50%; top: 2.6666666667vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border_repeat-1.png) repeat-x left top; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .cont08__inner01::after { content: ""; width: calc(100% - 21.3333333333vw); height: 1.8666666667vw; position: absolute; left: 50%; bottom: 2.6666666667vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border_repeat-1.png) repeat-x left top; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .cont08__ttl01 { width: 100%; padding-top: 24vw; background: url(/wordpress/wp-content/themes/safari/dist/img/animal/cont08_bg-ttl01.png) no-repeat center top/53.3333333333vw auto; font-size: 4.2666666667vw; text-align: center; } .cont08__list01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-top: 8vw; } .cont08__item01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .cont08__item01:not(:first-child) { margin-top: 5.3333333333vw; } .cont08__imgWrapper01 { margin-right: 2.6666666667vw; } .cont08__img01 { max-width: 31.4666666667vw; border-radius: 50%; vertical-align: bottom; } .cont08__name01 { font-size: 5.6vw; font-weight: 500; } .cont08__name01.-male .cont08__name01-1 { position: relative; padding-right: 6.9333333333vw; } .cont08__name01.-male .cont08__name01-1::after { content: "♂"; position: absolute; right: 0; top: 0; color: #03468c; font-weight: bold; } .cont08__name01.-female .cont08__name01-1 { position: relative; padding-right: 6.4vw; } .cont08__name01.-female .cont08__name01-1::after { content: "♀"; position: absolute; right: 0; top: 0; color: #C51818; font-weight: bold; } .cont09.-notice .cont09__ttl01 { position: initial; padding-left: 16vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border-1.png) no-repeat left 9.6vw center; } .cont09.-notice .cont09__ttl01::before { content: "※"; display: block; position: absolute; left: 4.8vw; top: 4.8vw; font-size: 6.9333333333vw; color: #06a02e; border: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: 0.2s; transition: 0.2s; } .cont09.-notice .cont09__ttl01::after { display: none; } .cont09.-notice .cont09__item01 { margin-top: 0; } .cont09.-notice .cont09__link01 { padding-right: 10.6666666667vw; padding-left: 4.8vw; border: 0.2666666667vw solid #06a02e; border-bottom: 1.0666666667vw solid #06a02e; } .cont09.-notice .cont09__link01::before { position: absolute; top: 50%; right: 4.5333333333vw; display: block; width: 1.6vw; height: 1.6vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; } .cont09.-notice .cont09__link01::after { content: ""; position: absolute; right: 2.6666666667vw; top: 50%; width: 5.3333333333vw; height: 5.3333333333vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cont09.-notice .cont09__link01:hover { background: #06a02e; color: #fff; } .cont09.-notice .cont09__link01:hover::before { display: block; width: 2.4vw; height: 2.4vw; border-top: 1px solid #06a02e; border-right: 1px solid #06a02e; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .cont09.-notice .cont09__link01:hover::after { background: #fff; } .cont09.-notice .cont09__link01:hover .cont09__ttl01 { background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border-gray.png) no-repeat left 9.6vw center; } .cont09.-notice .cont09__link01:hover .cont09__ttl01::before { color: #fff; } .cont09.-check .cont09__link01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cont09.-check .cont09__link01::before { top: 9.2vw; } .cont09.-check .cont09__link01::after { top: 9.2vw; } .cont09.-check .cont09__imgWrapper01 { margin-top: 5.3333333333vw; margin-bottom: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .cont09.-check .cont09__txtWrapper01 { margin-top: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .cont09.-check .cont09__txtWrapper01::before { display: block; position: absolute; top: 9.3333333333vw; right: 6.9333333333vw; display: block; width: 2.1333333333vw; height: 2.1333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .cont09.-check .cont09__txtWrapper01::after { content: ""; display: block; position: absolute; right: 5.3333333333vw; top: 6.6666666667vw; width: 5.6vw; height: 5.6vw; background: #06a02e; border-radius: 3.2vw; } .cont09.-check .cont09__ttl01::after { display: none; } .cont09__list01 { display: -ms-grid; display: grid; } .cont09__item01 { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 5.3333333333vw; } .cont09__link01 { position: relative; width: 100%; padding: 5.3333333333vw; background: #fff; border: 0.2666666667vw solid #E0E0E0; border-radius: 4vw; -webkit-transition: background 0.2s; transition: background 0.2s; } .cont09__link01:hover { background: #f0fff4; } .cont09__link01:hover .cont09__img { -webkit-transform: scale(1.1); transform: scale(1.1); } .cont09__link01.-border-green { border: 0.2666666667vw solid #06a02e; border-right: 0.8vw solid #06a02e; border-bottom: 0.8vw solid #06a02e; } .cont09__link01.-pdf { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .cont09__link01.-pdf:hover { background-color: #f0fff4; } .cont09__link01.-pdf .cont09__ttl01 { padding-right: 0; padding-bottom: 1.3333333333vw; padding-left: 8vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_download.png) no-repeat left center/5.3333333333vw auto; } .cont09__link01.-pdf .cont09__ttl01::after { display: none; } .cont09__imgWrapper01 { width: 100%; margin-right: 8vw; margin-bottom: 5.3333333333vw; border-radius: 2.1333333333vw; overflow: hidden; } .cont09__img { aspect-ratio: 3/2; -o-object-fit: cover; object-fit: cover; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .cont09__txtWrapper01 { width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .cont09__ttl01 { position: relative; padding-right: 10.6666666667vw; padding-left: 6.4vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border-1.png) no-repeat left center; font-size: 5.0666666667vw; } .cont09__ttl01::before { display: block; position: absolute; top: 50%; right: 1.6vw; display: block; width: 2.1333333333vw; height: 2.1333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .cont09__ttl01::after { content: ""; display: block; position: absolute; right: 0vw; top: 50%; width: 5.6vw; height: 5.6vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cont09__ttl01.-gray { background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border-gray.png) no-repeat left center; } .cont09__ttl01.-beginner { padding-left: 16vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border-1.png) no-repeat left 9.6vw center; } .cont09__ttl01.-beginner::before { display: block; position: absolute; left: 1.3333333333vw; top: 50%; width: 4vw; height: calc(4vw / 0.6818181818); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_beginner-black.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .cont09__ttl01.-tree { padding-left: 16vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border-1.png) no-repeat left 9.6vw center; } .cont09__ttl01.-tree::before { display: block; position: absolute; left: 1.3333333333vw; top: 50%; width: 5.8666666667vw; height: calc(5.8666666667vw / 1); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_tree-black.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .cont09__ttl01.-paws { padding-left: 16vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border-1.png) no-repeat left 9.6vw center; } .cont09__ttl01.-paws::before { display: block; position: absolute; left: 1.3333333333vw; top: 50%; width: 4.8vw; height: calc(4.8vw / 1.0588235294); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_paws-black.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .cont09__ttl01.-note { padding-left: 16vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border-1.png) no-repeat left 9.6vw center; } .cont09__ttl01.-note::before { display: block; position: absolute; left: 1.3333333333vw; top: 50%; width: 5.6vw; height: calc(5.6vw / 1); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_note-black.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .cont09__ttl01.-meat { padding-left: 16vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border-1.png) no-repeat left 9.6vw center; } .cont09__ttl01.-meat::before { display: block; position: absolute; left: 1.3333333333vw; top: 50%; width: 4.8vw; height: calc(4.8vw / 1); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_meat-black.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .cont09__ttl01.-sai { padding-left: 16vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border-1.png) no-repeat left 9.6vw center; } .cont09__ttl01.-sai::before { display: block; position: absolute; left: 1.3333333333vw; top: 50%; width: 8vw; height: calc(8vw / 2.1428571429); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_sai-black.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .cont09__ttl01.-camera { padding-left: 16vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border-1.png) no-repeat left 9.6vw center; } .cont09__ttl01.-camera::before { display: block; position: absolute; left: 1.3333333333vw; top: 50%; width: 5.8666666667vw; height: calc(5.8666666667vw / 1.2941176471); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_camera-black.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .cont09__desc01 { margin-top: 2.6666666667vw; font-size: 4.2666666667vw; } .cont09__img { vertical-align: bottom; } .cont09__filesize { text-align: right; font-size: 4.2666666667vw; font-weight: 500; color: #06a02e; } .cont10__tagList01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1.2vw; } .cont10__tagItem01 { margin-top: 1vw; margin-right: 1vw; } .cont10__tagLink01 { margin-top: 1vw; padding: 0.6vw 1.6vw; border-radius: 1vw; font-size: 3.5vw; font-weight: 500; color: #fff; -webkit-transition: -webkit-filter 0.2s; transition: -webkit-filter 0.2s; transition: filter 0.2s; transition: filter 0.2s, -webkit-filter 0.2s; } .cont10__tagLink01.-orange { background: #ff5800; } .cont10__tagLink01.-green { background: #06a02e; } .cont10__tagLink01.-blue { background: #03468c; } .cont10__tagLink01.-red { background: #C51818; } .cont10__tagLink01.-noLink { display: inline-block; } .cont10__tagLink01.-noLink:hover { -webkit-filter: brightness(1); filter: brightness(1); } .cont10__tagLink01:hover { -webkit-filter: brightness(0.95); filter: brightness(0.95); } .cont10__tagList02 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 2vw; } .cont10__tagItem02 { position: relative; } .cont10__tagItem02 + li::before { content: ","; font-size: 3vw; color: #03468c; } .cont10__tagLink02 { margin-right: 1vw; font-size: 3.5vw; font-weight: 500; color: #03468c; text-decoration: underline; } .cont10__tagLink02:hover { text-decoration: none; } .cont10__animalList01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 1vw; } .cont10__animalItem01 { margin-top: 1vw; margin-right: 2vw; } .cont10__animalLink01 { padding-left: 3.5vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_paws-blue.svg) no-repeat left center; border-radius: 1vw; font-size: 3.5vw; font-weight: 500; color: #03468c; text-decoration: underline; } .cont10__animalLink01:hover { text-decoration: none; } .cont10__inner01-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cont10__tagList01 { margin-top: 0; } .cont10__tagItem01 { margin-top: 0; margin-bottom: 1vw; } .cont10__tagList02 { width: 100%; } .cont10__tagLink02 { text-decoration: underline; } .cont10__tagLink02:hover { text-decoration: none; } .cont10__animalList01 { width: 100%; } .cont10__date01 { font-size: 3.7333333333vw; font-weight: bold; color: #06a02e; } .cont11__imgWrapper01 { width: 100% !important; } .cont11__imgWrapper01 img { width: 100%; border-radius: 4vw; } .cont11__txtWrapper01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100% !important; margin-top: 4.2666666667vw; } .cont11__ttl01 { position: relative; margin-bottom: 2.6666666667vw; padding-left: 6.4vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border-1.png) repeat-y left center/2.1333333333vw auto; font-size: 5.3333333333vw; font-weight: 500; } .cont11__desc01 { font-size: 4.2666666667vw; } .cont11__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .cont11__pagination span { display: inline-block; width: 3.7333333333vw; height: 3.7333333333vw; margin: 0 1.3333333333vw; background: #fff; border: 0.2666666667vw solid #06a02e; border-radius: 3.7333333333vw; -webkit-transition: -webkit-filter 0.2s; transition: -webkit-filter 0.2s; transition: filter 0.2s; transition: filter 0.2s, -webkit-filter 0.2s; } .cont11__pagination span.swiper-pagination-bullet-active { background: #06a02e; } .cont11__link01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; min-width: 70vw; margin: 4.2666666667vw auto 0; padding: 1.6vw 8vw; background: #fff; border: 0.5333333333vw solid #06a02e; border-radius: 13.8666666667vw; color: #06a02e; -webkit-transition: 0.2s; transition: 0.2s; } .cont11__link01:hover { background: #06a02e; color: #fff; } .cont11__link01:hover::after { position: absolute; left: 50%; top: 94.8%; width: 0; height: 0; border-style: solid; border-right: 4.5333333333vw solid transparent; border-left: 4.5333333333vw solid transparent; border-top: 3.2vw solid #f0fff4; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .cont11__link01:hover .cont11__link01-1::before { display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #06a02e; border-right: 0.2666666667vw solid #06a02e; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .cont11__link01:hover .cont11__link01-1::after { background: #fff; } .cont11__link01-1 { display: inline-block; position: relative; padding-right: 5.3333333333vw; font-size: 4.2666666667vw; } .cont11__link01-1::before, .cont11__link01-1::after { display: block; position: absolute; -webkit-transition: 0.2s; transition: 0.2s; content: ""; } .cont11__link01-1::before { top: 50%; right: 1.3333333333vw; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; } .cont11__link01-1::after { right: 0; top: 50%; width: 4vw; height: 4vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cont12__link { -webkit-transition: 0.2s; transition: 0.2s; } .cont12__link:hover { opacity: 0.8; } .cont12__item01 { position: relative; padding: 5.3333333333vw 5.3333333333vw 8vw; border-radius: 4vw; overflow: hidden; } .cont12__item01.-typeA { background: #fff; border: 0.2666666667vw solid #06a02e; border-right: 0.8vw solid #06a02e; border-bottom: 0.8vw solid #06a02e; } .cont12__item01.-typeB { background: #06a02e; } .cont12__item01.-typeB .cont12__ttl01 { background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border_repeat-gray.png) repeat-x bottom; color: #fff; } .cont12__item01.-typeB .cont12__desc01 { color: #fff; } .cont12__item01.-typeB .cont12__link01 { color: #fff; } .cont12__item01.-typeB .cont12__link01::before { display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #06a02e; border-right: 0.2666666667vw solid #06a02e; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .cont12__item01.-typeB .cont12__link01::after { background: #fff; } .cont12__item01:not(:first-child) { margin-top: 5.3333333333vw; } .cont12__imgWrapper01 { width: 100%; margin-bottom: 5.3333333333vw; border-radius: 2.6666666667vw; overflow: hidden; } .cont12__imgLink01:hover .cont12__img { -webkit-transform: scale(1.1); transform: scale(1.1); } .cont12__img { vertical-align: bottom; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .cont12__txtWrapper01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; margin-top: 0; } .cont12__desc01 { margin-top: 2.6666666667vw; } .cont12__txtLink01:hover { text-decoration: underline; } .cont12__ttl01 { padding-bottom: 4vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border_repeat-1.png) repeat-x bottom/1.8666666667vw; background-size: auto 1.8666666667vw; font-size: 5.3333333333vw; font-weight: 500; } .cont12__desc01 { margin-top: 5.3333333333vw; font-size: 4.2666666667vw; color: #2E2E2E; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4; line-height: 2; } .cont12__link01 { display: inline-block; -ms-flex-item-align: end; align-self: flex-end; position: relative; margin-top: 2.6666666667vw; padding-right: 6.4vw; font-size: 3.7333333333vw; font-weight: 500; } .cont12__link01::before { display: block; position: absolute; top: 50%; right: 1.0666666667vw; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .cont12__link01::after { content: ""; display: block; position: absolute; right: 0; top: 50%; width: 3.7333333333vw; height: 3.7333333333vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cont12__link01:hover { text-decoration: underline; } .cont13__item01 { padding: 5.3333333333vw 5.3333333333vw 8vw; position: relative; background: #fff; border: 0.2666666667vw solid #E0E0E0; border-radius: 2.6666666667vw; } .cont13__item01:not(first-child) { margin-top: 6.6666666667vw; } .cont13__listWrapper01 { position: relative; width: 100%; margin: 5.3333333333vw 0 0 !important; -ms-flex-item-align: start; align-self: flex-start; } .cont13__img { border-radius: 2.6666666667vw; } .cont13__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cont13__pagination span { display: inline-block; width: 3.7333333333vw; height: 3.7333333333vw; margin: 0 1.3333333333vw; background: #fff; border: 0.2666666667vw solid #06a02e; border-radius: 3.7333333333vw; -webkit-transition: -webkit-filter 0.2s; transition: -webkit-filter 0.2s; transition: filter 0.2s; transition: filter 0.2s, -webkit-filter 0.2s; } .cont13__pagination span.swiper-pagination-bullet-active { background: #06a02e; } .cont13__iconList01 { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; top: 3.7333333333vw; left: 2.6666666667vw; z-index: 1; } .cont13__iconItem01 { width: 13.3333333333vw; } .cont13__txtWrapper01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .cont13__ttlWrapper01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .cont13__ttl01 { padding-bottom: 5.3333333333vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border_repeat-1.png) repeat-x bottom; background-size: auto 1.8666666667vw; font-size: 5.3333333333vw; font-weight: 500; } .cont13__time01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-item-align: start; align-self: flex-start; margin-top: 2.6666666667vw; padding: 0.8vw 2.6666666667vw; border: 0.2666666667vw solid #06a02e; border-radius: 1.0666666667vw; } .cont13__time01-1 { margin-right: 2.6666666667vw; font-size: 3.2vw; } .cont13__time01-2 { font-size: 3.7333333333vw; font-weight: 500; } .cont13__desc01 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-top: 2.6666666667vw; font-size: 4.2666666667vw; } .cont13__ttl02 { margin-top: 5.3333333333vw; font-size: 3.7333333333vw; font-weight: bold; color: #06a02e; } .cont13__smallTxt01 { font-size: 3.7333333333vw; } .cont13__priceItem01 { margin-top: 3.2vw; padding-bottom: 3.2vw; border-bottom: 0.5333333333vw dotted #000; } .cont13__dt01 { font-size: 3.7333333333vw; } .cont13__dd01 { font-size: 6.4vw; color: #FF2D2D; line-height: 1; } .cont13__dd01 span { font-size: 3.7333333333vw; } .cont13__detail01 { padding: 5.3333333333vw; background: #F7F7EA; border-radius: 1.0666666667vw; } .cont13__detailTtl01 { font-size: 4.2666666667vw; font-weight: bold; color: #06a02e; } .cont13__detailCont01 { font-size: 3.7333333333vw; } .cont13__linkWrapper01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .cont13__link01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 100%; height: 16vw; margin-top: 5.3333333333vw; padding: 2.6666666667vw 8vw; background: #fff; border: 0.5333333333vw solid #06a02e; border-radius: 13.8666666667vw; color: #06a02e; -webkit-transition: background 0.2s; transition: background 0.2s; } .cont13__link01.-green { background: #06a02e; border: none; -webkit-transition: -webkit-filter 0.2s; transition: -webkit-filter 0.2s; transition: filter 0.2s; transition: filter 0.2s, -webkit-filter 0.2s; } .cont13__link01.-green:hover { background: #06a02e; -webkit-filter: brightness(0.95); filter: brightness(0.95); } .cont13__link01.-green .cont13__link01-1 { color: #fff; } .cont13__link01.-green .cont13__link01-1::before { display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #06a02e; border-right: 0.2666666667vw solid #06a02e; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .cont13__link01.-green .cont13__link01-1::after { background: #fff; } .cont13__link01:hover { background: #06a02e; color: #fff; } .cont13__link01:hover::after { position: absolute; left: 50%; top: 94.8%; width: 0; height: 0; border-style: solid; border-right: 4.5333333333vw solid transparent; border-left: 4.5333333333vw solid transparent; border-top: 3.2vw solid #f0fff4; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .cont13__link01:hover .cont13__link01-1 { color: #fff; } .cont13__link01:hover .cont13__link01-1::before { display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #06a02e; border-right: 0.2666666667vw solid #06a02e; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .cont13__link01:hover .cont13__link01-1::after { background: #fff; } .cont13__link01-1 { display: inline-block; position: relative; padding-right: 6.9333333333vw; font-size: 3.7333333333vw; } .cont13__link01-1::before { display: block; position: absolute; top: 50%; right: 1.3333333333vw; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .cont13__link01-1::after { content: ""; display: block; position: absolute; right: 0; top: 50%; width: 4vw; height: 4vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cont14.-access .cont14__item01 { width: 100%; margin: 0; } .cont14.-access .cont14__item01:not(:first-child) { margin-top: 5.3333333333vw; } .cont14.-access .cont14__imgWrapper01 { margin-top: 0; } .cont14__list01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cont14__list01.-calendar .cont14__item01:nth-child(1) .cont14__ttl01 { background: #ce3131; } .cont14__list01.-calendar .cont14__item01:nth-child(1) .cont14__dt01 { color: #ce3131; } .cont14__list01.-calendar .cont14__item01:nth-child(2) .cont14__ttl01 { background: #2083a2; } .cont14__list01.-calendar .cont14__item01:nth-child(2) .cont14__dt01 { color: #2083a2; } .cont14__list01.-calendar .cont14__item01:nth-child(3) .cont14__ttl01 { background: #06a02e; } .cont14__list01.-calendar .cont14__item01:nth-child(3) .cont14__dt01 { color: #06a02e; } .cont14__item01 { width: 48%; margin: 0 0 4% 4%; border-radius: 4vw; background: #fff; -webkit-box-shadow: 0vw 0.5333333333vw 1.3333333333vw 0vw rgba(0, 0, 0, 0.3); box-shadow: 0vw 0.5333333333vw 1.3333333333vw 0vw rgba(0, 0, 0, 0.3); overflow: hidden; } .cont14__item01:nth-child(odd) { margin-left: 0; } .cont14__ttl01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 21.3333333333vw; background: #06a02e; font-size: 4.2666666667vw; font-weight: 500; color: #fff; text-align: center; line-height: 1.2; } .cont14__list02 { padding: 4.2666666667vw; } .cont14__list02.-flow { margin-top: 5.3333333333vw; padding: 0; } .cont14__list02.-flow .cont14__item02 { position: relative; margin-top: 0; padding-top: 0; border-top: 0.2666666667vw dashed #000; } .cont14__list02.-flow .cont14__item02::before { display: block; position: absolute; left: 50%; top: -3.2vw; width: 5.3333333333vw; height: calc(5.3333333333vw / 0.8695652174); padding: 0 2.6666666667vw; background: #fff url(/wordpress/wp-content/themes/safari/dist/img/common/icon_arrow_bottom-green.svg) no-repeat center top/5.3333333333vw auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-sizing: content-box; box-sizing: content-box; content: ""; } .cont14__item02:not(:first-child) { margin-top: 2.1333333333vw; padding-top: 2.1333333333vw; border-top: 0.5333333333vw dotted #000; } .cont14__dl01 { text-align: center; } .cont14__dt01 { font-size: 3.7333333333vw; font-weight: 500; color: #06a02e; } .cont14__dd01 { font-size: 4.2666666667vw; line-height: 1.2; } .cont14__inner02 { padding: 5.3333333333vw 5.3333333333vw 8vw; } .cont14__ttl02 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 21.3333333333vw; background: #06a02e; text-align: center; line-height: 1.2; } .cont14__ttl02-1 { font-size: 6.4vw; font-weight: 500; color: #fff; } .cont14__ttl02-2 { font-size: 3.7333333333vw; font-weight: 500; color: #fff; } .cont14__img { max-width: 100%; vertical-align: bottom; } .cont14__txt01 { margin-top: 5.3333333333vw; font-size: 4.2666666667vw; font-weight: bold; color: #06a02e; text-align: center; } .cont14__imgWrapper01 { margin-top: 5.3333333333vw; text-align: center; } .cont14__txt02 { padding: 8vw 0; font-size: 4.2666666667vw; text-align: center; } .cont14__link01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; min-width: 69.3333333333vw; padding: 1.6vw 8vw; background: #fff; border: 0.5333333333vw solid #06a02e; border-radius: 13.8666666667vw; color: #06a02e; -webkit-transition: 0.2s; transition: 0.2s; } .cont14__link01:hover { background: #06a02e; color: #fff; } .cont14__link01:hover .cont14__link01-1::before { display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #06a02e; border-right: 0.2666666667vw solid #06a02e; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .cont14__link01:hover .cont14__link01-1::after { background: #fff; } .cont14__link01-1 { display: inline-block; position: relative; padding-right: 5.3333333333vw; font-size: 4.2666666667vw; } .cont14__link01-1::before, .cont14__link01-1::after { display: block; position: absolute; -webkit-transition: 0.2s; transition: 0.2s; content: ""; } .cont14__link01-1::before { top: 50%; right: 1.3333333333vw; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; } .cont14__link01-1::after { right: 0; top: 50%; width: 4vw; height: 4vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cont15__inner01 { width: 89.3333333333vw; padding: 3.4666666667vw 3.4666666667vw; margin: 0 auto; background: url(/wordpress/wp-content/themes/safari/dist/img/sub/sp/cont15_bg-top.png) no-repeat left top/100% auto, url(/wordpress/wp-content/themes/safari/dist/img/sub/sp/cont15_bg-bottom.png) no-repeat left bottom/100% auto; } .cont15__link01 { display: block; position: relative; width: 100%; padding: 8vw 5.3333333333vw; background: #fff; border: 0.2666666667vw solid #06a02e; color: #000; -webkit-transition: 0.2s; transition: 0.2s; } .cont15__link01:hover { background: #06a02e; color: #fff; } .cont15__link01:hover .cont15__ttl01 { background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border_repeat-gray.png) repeat-x left bottom 3.2vw; } .cont15__link01:hover .cont15__ttl01::before { display: block; width: 1.8666666667vw; height: 1.8666666667vw; border-top: 0.2666666667vw solid #06a02e; border-right: 0.2666666667vw solid #06a02e; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .cont15__link01:hover .cont15__ttl01::after { background: #fff; } .cont15__link01:hover .cont15__ttl01-1 { background: #06a02e; } .cont15__ttl01 { position: relative; font-size: 5.8666666667vw; font-weight: bold; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border_repeat-1.png) repeat-x left bottom 3.2vw; background-size: auto 1.8666666667vw; } .cont15__ttl01::before, .cont15__ttl01::after { display: block; position: absolute; -webkit-transition: 0.2s; transition: 0.2s; content: ""; } .cont15__ttl01::before { top: 50%; right: 1.8666666667vw; display: block; width: 1.8666666667vw; height: 1.8666666667vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; } .cont15__ttl01::after { right: 0vw; top: 50%; width: 5.6vw; height: 5.6vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cont15__ttl01-1 { padding-right: 5.3333333333vw; background: #fff; -webkit-transition: background 0.2s; transition: background 0.2s; } .cont15__desc01 { margin-top: 5.3333333333vw; font-size: 4.2666666667vw; line-height: 1.8; } .cont15__desc02 { padding: 6.6666666667vw 4vw; background: #fff; border: 0.2666666667vw solid #06a02e; font-size: 4.2666666667vw; } .cont15__desc02 a { color: #145484; text-decoration: underline; } .cont15__desc02 a:hover { text-decoration: none; } .cont16__inner01 { width: 100%; padding: 5.3333333333vw; background: #06a02e; border-radius: 2.6666666667vw; } .cont16__txt01 { margin-right: 5.3333333333vw; font-weight: 500; color: #fff; } .cont16__txt01-1 { display: block; position: relative; font-size: 4.2666666667vw; text-align: center; } .cont16__txt01-2 { display: block; font-size: 6.9333333333vw; text-align: center; line-height: 1.2; } .cont16__txt02 { margin-top: 3.7333333333vw; padding-top: 3.7333333333vw; border-top: 0.2666666667vw solid #fff; font-weight: 500; color: #fff; } .cont16__txt02-1 { display: block; position: relative; font-size: 4.2666666667vw; text-align: center; } .cont16__txt02-2 { display: block; font-size: 4.2666666667vw; text-align: center; } .cont17__link01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 100%; padding: 5.3333333333vw 10.6666666667vw 6.6666666667vw 4.8vw; background: #fff; color: #000; border: 0.2666666667vw solid #06a02e; border-right: 0.5333333333vw solid #06a02e; border-bottom: 1.8666666667vw solid #06a02e; border-radius: 4vw; -webkit-transition: 0.2s; transition: 0.2s; } .cont17__link01::before, .cont17__link01::after { display: block; position: absolute; -webkit-transition: 0.2s; transition: 0.2s; content: ""; } .cont17__link01::before { top: 50%; right: 4.5333333333vw; display: block; width: 1.6vw; height: 1.6vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; } .cont17__link01::after { right: 2.6666666667vw; top: 50%; width: 5.3333333333vw; height: 5.3333333333vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cont17__link01:hover { background: #06a02e; color: #fff; } .cont17__link01:hover::before { display: block; width: 2.4vw; height: 2.4vw; border-top: 0.2666666667vw solid #06a02e; border-right: 0.2666666667vw solid #06a02e; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .cont17__link01:hover::after { background: #fff; } .cont17__link01:hover .cont17__ttl01 { background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border_repeat-gray.png) repeat-x left bottom; } .cont17__link01:hover .cont17__ttl01-1 { background: #06a02e; } .cont17__link01:hover .cont17__img01 { -webkit-transform: scale(1.1); transform: scale(1.1); } .cont17__txtWrapper01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cont17__imgWrapper01 { width: 29.3333333333vw; border-radius: 2.6666666667vw; overflow: hidden; } .cont17__img01 { vertical-align: bottom; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .cont17__ttl01 { width: 41.6vw; padding-bottom: 2.6666666667vw; font-size: 5.0666666667vw; font-weight: 500; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border_repeat-1.png) repeat-x left bottom/1.8666666667vw; background-size: auto 1.8666666667vw; line-height: 1.5; } .cont17__ttl01-1 { padding-right: 5.3333333333vw; background: #fff; -webkit-transition: background 0.2s; transition: background 0.2s; } .cont17__desc01 { width: 100%; margin-top: 5.3333333333vw; font-size: 4.2666666667vw; line-height: 1.8; } .cont17__desc02 { padding: 16vw 10.6666666667vw; background: #fff; border: 0.2666666667vw solid #06a02e; font-size: 5.3333333333vw; text-align: center; } .cont17__desc02 a { color: #145484; text-decoration: underline; } .cont17__desc02 a:hover { text-decoration: none; } .contact01__txt01 { font-size: 4.2666666667vw; font-weight: 500; text-align: center; } .contact01__list01 { margin-top: 6.4vw; } .contact01__item01 { width: 100%; } .contact01__item01:not(:first-child) { margin-top: 2%; } .contact01__link01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 17.8666666667vw; background: #fff; border: 0.2666666667vw solid #06a02e; border-right: 0.8vw solid #06a02e; border-bottom: 0.8vw solid #06a02e; border-radius: 4vw; color: #000; -webkit-transition: 0.2s; transition: 0.2s; } .contact01__link01:hover { background: #06a02e; color: #fff; } .contact01__link01:hover .contact01__link01-1 { background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border-gray.png) no-repeat left 10.6666666667vw center; } .contact01__link01:hover .contact01__link01-1.-mail { font-size: 4.8vw; } .contact01__link01:hover .contact01__link01-1.-mail::before { width: 5.8666666667vw; height: calc(5.8666666667vw / 1.2941176471); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_mail-white.svg) no-repeat center top/100% auto; } .contact01__link01:hover .contact01__link01-1.-tel { font-size: 6.9333333333vw; } .contact01__link01:hover .contact01__link01-1.-tel::before { width: 5.8666666667vw; height: calc(5.8666666667vw / 1); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_tel-white.svg) no-repeat center top/auto 100%; } .contact01__link01-1 { display: block; position: relative; width: 66.6666666667vw; padding-left: 16vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border-1.png) no-repeat left 10.6666666667vw center; font-weight: 500; text-align: center; } .contact01__link01-1.-mail { font-size: 4.8vw; } .contact01__link01-1.-mail::before { display: block; position: absolute; left: 0; top: 50%; width: 5.8666666667vw; height: calc(5.8666666667vw / 1.2941176471); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_mail-black.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .contact01__link01-1.-tel { font-size: 6.9333333333vw; } .contact01__link01-1.-tel::before { display: block; position: absolute; left: 0; top: 50%; width: 5.8666666667vw; height: calc(5.8666666667vw / 1); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_tel-black.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .container__inner01 { position: relative; } .container__inner01.-bgWhite-1 { background: #fff !important; } .container__inner01.-bgGreen-1 { background: #06972b; } .container__inner01.-bgBlue-1 { background: #03468c; } .container__inner01.-bgCream-1 { background: #F2EFDF; } .container__inner01.-bgSand { background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_sand.jpg) repeat left top; } .container__inner01.-bgAnimals::after { display: block; position: absolute; left: 50%; bottom: 0; width: 86.9333333333vw; height: calc(86.9333333333vw / 6.2717391304); background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_animals-1.png) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .container__inner01.-bgOverlayGreen::after { display: block; position: absolute; left: 50%; bottom: -1px; width: 100vw; height: calc(100vw / 7.3601532567); background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_bottom_overlay-green.png) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .container__inner01.-bgOverlayWhite { margin-top: -5.3333333333vw; } .container__inner01.-bgOverlayWhite::before { display: block; position: absolute; left: 50%; top: 0; width: 100vw; height: calc(100vw / 17.7777777778); background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_top_overlay-white.png) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .container__inner01.-bgOverlayPlace::before { content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/wordpress/wp-content/themes/safari/dist/img/animal/sp/place_overlay.png) repeat left top/100% auto; } .container__inner01.-box-shadow-top { -webkit-box-shadow: 0px -0.6vw 0.8vw 0px rgba(0, 0, 0, 0.1); box-shadow: 0px -0.6vw 0.8vw 0px rgba(0, 0, 0, 0.1); } .container__inner01.-box-shadow-bottom { -webkit-box-shadow: 0px 0.6vw 0.8vw 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 0.6vw 0.8vw 0px rgba(0, 0, 0, 0.1); } .container__inner01.-kv { z-index: 5; } .container__inner01.-banner { z-index: 1; } .container__inner01.-pickup { z-index: 5; } .container__inner01.-park { overflow: visible; } .container__inner02, .container__inner03 { display: block; margin: 0 auto; } .container__inner02.-w90vw, .container__inner03.-w90vw { width: 90vw; } .container__inner02.-w94vw, .container__inner03.-w94vw { width: 94vw; } .container__inner02.-w70vw, .container__inner03.-w70vw { width: 70vw; } .container__inner02.-bgWhite-1 { background: #fff !important; overflow: hidden; } .container__inner02.-border-radius-1 { border-radius: 15px; } .container__inner02 .container__inner02 { max-width: 100%; } .defList01__item01 { margin-top: 1.6vw; } .defList01__item01:first-child { margin-top: 0; } .defList01__dl01 { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 4.2666666667vw; } .defList01__dt01 { width: 20.8vw; padding: 5.3333333333vw; background: #06a02e; border-radius: 2.6666666667vw 0 0 2.6666666667vw; font-size: 4.2666666667vw; font-weight: 500; color: #fff; } .defList01__dd01 { width: calc(100% - 20.8vw); padding: 5.3333333333vw; background: #fff; border-radius: 0 2.6666666667vw 2.6666666667vw 0; font-size: 4.2666666667vw; } .defList02__item01 { border-top: 0.5333333333vw solid #06a02e; } .defList02__item01:last-child { border-bottom: 0.5333333333vw dotted #000; } .defList02__dl01 { padding: 3.7333333333vw 0; font-size: 4.2666666667vw; } .defList02__ttl01 { font-weight: 500; } .defList02__cont01 { margin-top: 1.3333333333vw; } .faq01__inner { display: block; margin: 0 auto; margin-top: 8vw; -webkit-box-sizing: border-box; box-sizing: border-box; } .faq01__item01 { margin-top: 5.3333333333vw; } .faq01__ttl01 { position: relative; padding: 5.3333333333vw 5.3333333333vw 5.3333333333vw 13.3333333333vw; background: #06a02e; border-radius: 4vw; border-bottom: 0.8vw solid #fff; font-size: 4.2666666667vw; font-weight: 500; color: #fff; line-height: 1.5; -webkit-box-shadow: 0vw 2.1333333333vw 2.6666666667vw -1.3333333333vw rgba(0, 0, 0, 0.3); box-shadow: 0vw 2.1333333333vw 2.6666666667vw -1.3333333333vw rgba(0, 0, 0, 0.3); } .faq01__ttl01::before { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; content: "Q"; position: absolute; left: 4vw; top: 3.7333333333vw; font-size: 8.5333333333vw; font-weight: bold; line-height: 1; } .faq01__ttlLink01 { display: block; position: relative; width: 100%; padding: 5.3333333333vw 13.3333333333vw; background: #06a02e; border-radius: 4vw; border-bottom: 0.8vw solid #fff; font-size: 4.2666666667vw; font-weight: 500; color: #fff; line-height: 1.5; -webkit-box-shadow: 0vw 2.1333333333vw 2.6666666667vw -1.3333333333vw rgba(0, 0, 0, 0.3); box-shadow: 0vw 2.1333333333vw 2.6666666667vw -1.3333333333vw rgba(0, 0, 0, 0.3); -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .faq01__ttlLink01::before { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; content: "Q"; position: absolute; left: 4vw; top: 3.7333333333vw; font-size: 8.5333333333vw; font-weight: bold; line-height: 1; } .faq01__ttlLink01::after { display: block; position: absolute; top: 50%; right: 6.4vw; display: block; width: 3.2vw; height: 3.2vw; border-top: 0.5333333333vw solid #fff; border-right: 0.5333333333vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .faq01__ttlLink01:hover { opacity: 0.8; } .faq01__details01 { position: relative; } .faq01__details01[open] .faq01__summary01::before { display: none; } .faq01__summary01 { position: relative; padding: 5.3333333333vw 10.6666666667vw 5.3333333333vw 13.3333333333vw; background: #06a02e; border-radius: 4vw; border-bottom: 0.8vw solid #fff; -webkit-box-shadow: 0vw 2.1333333333vw 2.6666666667vw -1.3333333333vw rgba(0, 0, 0, 0.3); box-shadow: 0vw 2.1333333333vw 2.6666666667vw -1.3333333333vw rgba(0, 0, 0, 0.3); cursor: pointer; } .faq01__summary01::before, .faq01__summary01::after { display: block; position: absolute; top: 50%; right: 6.4vw; z-index: 50; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 2.9333333333vw; height: 0.2666666667vw; background: #06a02e; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; content: ""; } .faq01__summary01::before { -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } .faq01__summary01-1 { font-size: 4.2666666667vw; font-weight: 500; color: #fff; line-height: 1.5; } .faq01__summary01-1::before { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; content: "Q"; position: absolute; left: 4vw; top: 3.7333333333vw; font-size: 8.5333333333vw; font-weight: bold; line-height: 1; } .faq01__summary01-1:after { display: block; position: absolute; top: 50%; right: 5.3333333333vw; width: 5.3333333333vw; height: 5.3333333333vw; border-radius: 5.3333333333vw; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; pointer-events: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .faq01__desc01 { position: relative; padding: 5.3333333333vw 5.3333333333vw 5.3333333333vw 13.3333333333vw; font-size: 4.2666666667vw; line-height: 2; } .faq01__desc01 strong, .faq01__desc01 b { font-weight: 500; } .faq01__desc01 a { text-decoration: underline; } .faq01__desc01 a:hover { text-decoration: none; } .faq01__desc01::before { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; content: "A"; position: absolute; left: 4vw; top: 4.8vw; font-size: 8.5333333333vw; font-weight: bold; color: #06a02e; line-height: 1; } .filter01__inner01 { background: #fff; border-radius: 2.6666666667vw; } .filter01__cont01 { width: 100%; padding: 0 5.3333333333vw; } .filter01__list01 { padding: 0 0 5.3333333333vw; } .filter01__item01 { background: #fff; border-radius: 2.6666666667vw; } .filter01__item01:not(first-child) { margin-top: 5.3333333333vw; } .filter01__ttl01 { margin-bottom: 2.6666666667vw; font-size: 4vw; font-weight: bold; color: #06a02e; } .filter01__list02 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .filter01__item02 { width: 50%; } .filter01__radioLabelWrapper01 { position: relative; } .filter01__radio01 { /* position: absolute; top: 0; left: 50%; */ -webkit-appearance: none; -moz-appearance: none; appearance: none; } .filter01__radio01:checked + .filter01__radioLabel01::after { display: block; } .filter01__radio01:checked + .mwform-radio-field-text::after { opacity: 1 !important; } .filter01__radioLabel01 { display: inline-block; position: relative; padding-left: 6.4vw; font-size: 3.7333333333vw; cursor: pointer; } .filter01__radioLabel01::before { display: block; position: absolute; top: 0.5333333333vw; left: 0; width: 4.2666666667vw; height: 4.2666666667vw; border: 0.2666666667vw solid #06a02e; border-radius: 26.6666666667vw; background: #fff; content: ""; } .filter01__radioLabel01::after { display: none; position: absolute; top: 1.6vw; left: 1.0666666667vw; width: 2.1333333333vw; height: 2.1333333333vw; border-radius: 26.6666666667vw; background: #06a02e; content: ""; } .filter01__details01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; background: #fff; border-radius: 2.6666666667vw; } .filter01__details01[open] .filter01__summary01-1::before { display: none; } .filter01__summary01 { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: 5.3333333333vw; padding-left: 21.3333333333vw; border-radius: 2.6666666667vw; -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 5.3333333333vw; font-weight: 500; color: #000; line-height: 1.6; cursor: pointer; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border-1.png) no-repeat left 16vw center; } .filter01__summary01[aria-expanded]::before { display: none; content: ""; } .filter01__summary01::marker { display: none; } .filter01__summary01::-webkit-details-marker { display: none; } .filter01__summary01::before { display: block; position: absolute; left: 5.3333333333vw; top: 50%; width: 5.6vw; height: calc(5.6vw / 1.1666666667); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_filter-black.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .filter01__summary01:after { display: block; position: absolute; top: 50%; right: 5.3333333333vw; width: 5.3333333333vw; height: 5.3333333333vw; border-radius: 5.3333333333vw; -webkit-box-sizing: border-box; box-sizing: border-box; background: #06a02e; pointer-events: none; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .filter01__summary01-1 { display: -webkit-box; display: -ms-flexbox; display: flex; color: #000; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .filter01__summary01-1::before, .filter01__summary01-1::after { display: block; position: absolute; top: 50%; right: 6.4vw; z-index: 50; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 2.9333333333vw; height: 0.2666666667vw; background: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; transition: opacity 0.2s, -webkit-transform 0.2s; transition: transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s, -webkit-transform 0.2s; content: ""; } .filter01__summary01-1::before { -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); } .filter01__summary01-1:hover { opacity: 0.8; } .filter01__checkLabelWrapper01 { position: relative; } .filter01__checkLabelWrapper01.-posCenter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .filter01__checkLabelWrapper01.-consent { margin-top: 5.3333333333vw; } .filter01__checkbox01 { position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .filter01__checkbox01:checked + .filter01__checkLabel01::after { display: block; } .filter01__checkbox01:checked + .mwform-checkbox-field-text::after { display: block !important; } .filter01__checkLabel01 { display: inline-block; position: relative; padding-left: 6.4vw; font-size: 3.7333333333vw; cursor: pointer; } .filter01__checkLabel01::before { display: block; position: absolute; top: 0.5333333333vw; left: 0; width: 4.8vw; height: 4.8vw; border: 0.2666666667vw solid #06a02e; border-radius: 0.5333333333vw; background: #fff; content: ""; } .filter01__checkLabel01::after { display: none; position: absolute; top: 1.0666666667vw; left: 0.5333333333vw; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 4vw; height: 2.1333333333vw; border-left: 0.5333333333vw solid #06a02e; border-bottom: 0.5333333333vw solid #06a02e; content: ""; } .filter02__item01 { background: #fff; border-radius: 2.6666666667vw; } .filter02__item01:not(first-child) { margin-top: 5.3333333333vw; } .filter02__ttl01 { margin-bottom: 2.6666666667vw; font-size: 4vw; font-weight: bold; color: #06a02e; } .filter02__list02 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .filter02__item02 { width: 50%; } .filter02__radioLabelWrapper01 { position: relative; } .filter02__radio01 { /* position: absolute; top: 0; left: 50%; */ -webkit-appearance: none; -moz-appearance: none; appearance: none; } .filter02__radio01:checked + .filter02__radioLabel01::after { display: block; } .filter02__radio01:checked + .mwform-radio-field-text::after { opacity: 1 !important; } .filter02__radioLabel01 { display: inline-block; position: relative; padding-left: 6.4vw; font-size: 3.7333333333vw; cursor: pointer; } .filter02__radioLabel01::before { display: block; position: absolute; top: 0.5333333333vw; left: 0; width: 4.2666666667vw; height: 4.2666666667vw; border: 0.2666666667vw solid #06a02e; border-radius: 26.6666666667vw; background: #fff; content: ""; } .filter02__radioLabel01::after { display: none; position: absolute; top: 1.6vw; left: 1.0666666667vw; width: 2.1333333333vw; height: 2.1333333333vw; border-radius: 26.6666666667vw; background: #06a02e; content: ""; } .filter02__details01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 2.6666666667vw; background: #fff; border-radius: 2.6666666667vw; } .filter02__details01[open] .filter02__summaryTxt01::after { display: block; position: absolute; top: 26%; right: -3.7333333333vw; display: block; width: 2.6666666667vw; height: 2.6666666667vw; border-top: 0.5333333333vw solid #fff; border-right: 0.5333333333vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); content: ""; } .filter02__summary01 { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding: 2.6666666667vw 10.6666666667vw; background: #06a02e; border-radius: 2.6666666667vw; -webkit-box-sizing: border-box; box-sizing: border-box; list-style: none; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; font-size: 3.7333333333vw; font-weight: bold; color: #000; line-height: 1.6; cursor: pointer; } .filter02__summary01[aria-expanded]::before { display: none; content: ""; } .filter02__summary01::marker { display: none; } .filter02__summary01::-webkit-details-marker { display: none; } .filter02__summaryTxt01 { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; position: relative; color: #fff; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .filter02__summaryTxt01::after { display: block; position: absolute; top: 68%; right: -3.7333333333vw; display: block; width: 2.6666666667vw; height: 2.6666666667vw; border-top: 0.5333333333vw solid #fff; border-right: 0.5333333333vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(135deg); transform: rotate(135deg); content: ""; } .filter02__summaryTxt01:hover { opacity: 0.8; } .filter02__cont01 { width: 100%; padding: 5.3333333333vw 0; background: #fff; } .filter02__checkLabelWrapper01 { position: relative; } .filter02__checkLabelWrapper01.-posCenter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .filter02__checkLabelWrapper01.-consent { margin-top: 5.3333333333vw; } .filter02__checkbox01 { position: absolute; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .filter02__checkbox01:checked + .filter02__checkLabel01::after { display: block; } .filter02__checkbox01:checked + .mwform-checkbox-field-text::after { display: block !important; } .filter02__checkLabel01 { display: inline-block; position: relative; padding-left: 6.4vw; font-size: 3.7333333333vw; cursor: pointer; } .filter02__checkLabel01::before { display: block; position: absolute; top: 0.5333333333vw; left: 0; width: 4.8vw; height: 4.8vw; border: 0.2666666667vw solid #06a02e; border-radius: 0.5333333333vw; background: #fff; content: ""; } .filter02__checkLabel01::after { display: none; position: absolute; top: 1.0666666667vw; left: 0.5333333333vw; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 4vw; height: 2.1333333333vw; border-left: 0.5333333333vw solid #06a02e; border-bottom: 0.5333333333vw solid #06a02e; content: ""; } .flowList01__item01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .flowList01__item01:not(:last-child) { margin-bottom: 12vw; } .flowList01__item01:not(:last-child)::after { display: block; position: absolute; left: 50%; bottom: -9.0666666667vw; width: 4.8vw; height: calc(4.8vw / 0.7826086957); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_arrow_bottom-green.svg) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .flowList01__txt01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 4vw; background: #fff; border-radius: 4vw; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-box-shadow: 0vw 0.5333333333vw 1.3333333333vw 0vw rgba(0, 0, 0, 0.3); box-shadow: 0vw 0.5333333333vw 1.3333333333vw 0vw rgba(0, 0, 0, 0.3); font-size: 4.2666666667vw; } .flowList01__txt01-1 { text-align: center; } .flowList02__list01 { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 8vw 1fr 8vw 1fr; grid-template-columns: repeat(3, 1fr); -webkit-column-gap: 8vw; -moz-column-gap: 8vw; column-gap: 8vw; row-gap: 8vw; } .flowList02__item01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; height: 10.6666666667vw; margin-bottom: 5.3333333333vw; background: #fff; border: 0.5333333333vw solid #06a02e; border-radius: 2.6666666667vw; font-size: 3.7333333333vw; font-weight: 500; color: #06a02e; } .flowList02__item01.-green { background: #06a02e; color: #fff; } .flowList02__item01:not(:last-child)::after { display: block; position: absolute; right: -7.4666666667vw; top: 50%; width: 6.1333333333vw; height: calc(6.1333333333vw / 1.2777777778); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_arrow_right-green.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .flowList03__item01 { position: relative; padding: 5.3333333333vw 8vw 8vw 5.3333333333vw; background: #fff; border: 0.2666666667vw solid #06a02e; border-right: 0.8vw solid #06a02e; border-bottom: 0.8vw solid #06a02e; border-radius: 4vw; } .flowList03__item01:not(:last-child) { margin-bottom: 16vw; } .flowList03__item01:not(:last-child)::after { display: block; position: absolute; left: 50%; bottom: -14.1333333333vw; width: 9.3333333333vw; height: calc(9.3333333333vw / 0.875); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_arrow_bottom-green.svg) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .flowList03__imgWrapper01 { width: 100%; margin-bottom: 5.3333333333vw; } .flowList03__img01 { vertical-align: bottom; border-radius: 2.6666666667vw; } .flowList03__txtWrapper01 { width: 100%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .flowList03__ttl01 { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 3.7333333333vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border_repeat-1.png) repeat-x bottom; background-size: auto 1.8666666667vw; font-size: 5.0666666667vw; font-weight: 500; } .flowList03__num01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 6.9333333333vw; min-width: 6.9333333333vw; height: 6.9333333333vw; margin-top: 0.5333333333vw; margin-right: 2.6666666667vw; background: #06a02e; border-radius: 6.9333333333vw; font-size: 4vw; font-weight: bold; color: #fff; } .flowList03__desc01 { margin-top: 4.2666666667vw; font-size: 4.2666666667vw; } .flowList03__qr01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 5.3333333333vw; } .flowList03__qrImg01 { vertical-align: bottom; } .flowList03__qrTxt01 { margin-left: 4.2666666667vw; font-size: 4.2666666667vw; font-weight: bold; color: #06a02e; } .flowList03__link01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 69.3333333333vw; margin: 5.3333333333vw auto 0; padding: 1.6vw 0; background: #fff; border: 0.5333333333vw solid #06a02e; border-radius: 13.8666666667vw; color: #06a02e; -webkit-transition: 0.2s; transition: 0.2s; } .flowList03__link01:hover { background: #06a02e; color: #fff; } .flowList03__link01:hover .flowList03__link01-1::before { display: block; width: 5px; height: 5px; border-top: 1px solid #06a02e; border-right: 1px solid #06a02e; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .flowList03__link01:hover .flowList03__link01-1::after { background: #fff; } .flowList03__link01-1 { display: inline-block; position: relative; padding-right: 5.3333333333vw; font-size: 3.7333333333vw; } .flowList03__link01-1::before, .flowList03__link01-1::after { display: block; position: absolute; -webkit-transition: 0.2s; transition: 0.2s; content: ""; } .flowList03__link01-1::before { top: 50%; right: 1.3333333333vw; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; } .flowList03__link01-1::after { right: 0; top: 50%; width: 4vw; height: 4vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .footer01 { padding-bottom: 18.6666666667vw; background: #03468c; } .footer01__imgWrapper { display: block; } .footer01__imgWrapper.-pagetop { display: none; } .footer01__img { display: block; width: 100%; } .footer01__pagetop { display: block; position: fixed; right: 13.3333333333vw; bottom: 13.3333333333vw; z-index: 100; opacity: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .footer01__pagetop:hover { opacity: 0.8 !important; } .footer01__pagetop.-active { opacity: 1; } .footer01__inner01 { width: 90vw; margin: 0 auto; padding: 16vw 0 6.6666666667vw; } .footer01__inner01-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer01__logo { width: 62.6666666667vw; } .footer01__logoLink { -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .footer01__logoLink:hover { opacity: 0.8; } .footer01__logoImg { width: 100%; } .footer01__sns01 { width: 100%; margin-top: 5.3333333333vw; } .footer01__snsTtl01 { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 50.6666666667vw; margin: 0 auto; padding: 0 5.3333333333vw; font-size: 4.5333333333vw; color: #fff; text-align: center; } .footer01__snsTtl01::before, .footer01__snsTtl01::after { content: ""; position: absolute; top: 2.1333333333vw; width: 0.2666666667vw; height: 4.2666666667vw; background: #fff; font-size: 4.8vw; } .footer01__snsTtl01::before { left: 0; -webkit-transform: rotate(-40deg); transform: rotate(-40deg); } .footer01__snsTtl01::after { right: 0.5333333333vw; -webkit-transform: rotate(40deg); transform: rotate(40deg); } .footer01__snsCont01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 13.8666666667vw; margin-top: 2.6666666667vw; background: #fff; border-radius: 12vw; } .footer01__snsList01 { display: -webkit-box; display: -ms-flexbox; display: flex; } .footer01__snsItem01 + li { margin-left: 8vw; } .footer01__snsLink01 { display: block; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .footer01__snsLink01.-facebook { width: 8.2666666667vw; } .footer01__snsLink01.-x { width: 6.6666666667vw; } .footer01__snsLink01.-instagram { width: 7.7333333333vw; } .footer01__snsLink01.-youtube { width: 8.2666666667vw; } .footer01__snsLink01.-line { width: 7.7333333333vw; } .footer01__snsLink01:hover { opacity: 0.8; } .footer01__snsImg { width: 100%; vertical-align: middle; } .footer01__inner01-2 { margin-top: 10.6666666667vw; } .footer01__list01 { margin-top: 2.6666666667vw; } .footer01__item01 { margin-top: 2.6666666667vw; } .footer01__item01:first-child { margin-top: 0; } .footer01__link01 { position: relative; padding-left: 7.4666666667vw; font-size: 4vw; color: #fff; line-height: 1; } .footer01__link01:hover { text-decoration: underline; } .footer01__link01::before { display: block; position: absolute; top: 50%; left: 1.0666666667vw; display: block; width: 1.0666666667vw; height: 1.0666666667vw; border-top: 0.2666666667vw solid #06a02e; border-right: 0.2666666667vw solid #06a02e; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .footer01__link01::after { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 3.2vw; height: 3.2vw; background: #fff; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .footer01__inner01-3 { margin-top: 10.6666666667vw; } .footer01__copyrights { font-size: 3.2vw; color: #fff; text-align: center; } .form01__item01 { margin-top: 1.6vw; } .form01__item01:first-child { margin-top: 0; } .form01__dl01 { border-radius: 2.6666666667vw; border: 0.2666666667vw solid #E0E0E0; font-size: 4.2666666667vw; overflow: hidden; } .form01__dt01 { position: relative; width: 100%; padding: 4vw 5.3333333333vw; background: #06a02e; font-size: 4vw; font-weight: 500; color: #fff; } .form01__dt01::after { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 4.5333333333vw; right: 5.3333333333vw; width: 15.4666666667vw; height: 5.6vw; padding: 1.3333333333vw 3.7333333333vw; background: #fff; border-radius: 5.6vw; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 3.2vw; font-weight: 500; color: #06a02e; line-height: 1; text-align: center; content: "任意"; } .form01__dt01.-required::after { content: "必須"; background: #EDF702; } .form01__dd01 { width: 100%; padding: 5.3333333333vw; background: #fff; } .form01__inputWrapper01, .form01__selectWrapper01, .form01__textareaWrapper01 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .form01__inputWrapper01 { position: relative; } .form01__selectWrapper01 { position: relative; max-width: 120vw; } .form01__selectWrapper01::before { display: block; position: absolute; top: calc(50% + 1.3333333333vw); right: 5.3333333333vw; display: block; width: 3.2vw; height: 3.2vw; border-top: 0.5333333333vw solid #06a02e; border-right: 0.5333333333vw solid #06a02e; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(135deg); transform: rotate(135deg); content: ""; z-index: 1; } .form01__selectWrapper01:not(:last-child) { margin-right: 1.3333333333vw; } .form01__input01 { width: 100%; height: 100%; padding: 0; border: none; border-radius: 0; -webkit-box-sizing: border-box; box-sizing: border-box; background: none; -webkit-appearance: none; } .form01__select01 { width: 100%; height: 100%; border: none; border-radius: 0; background: none transparent; font-size: inherit; color: inherit; vertical-align: middle; text-indent: 0.01px; text-overflow: ""; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form01__select01::-ms-expand { display: none; } .form01__textarea01 { -webkit-appearance: none; -moz-appearance: none; appearance: none; resize: none; padding: 0; border: 0; border-radius: 0; outline: none; background: transparent; } .form01__input01, .form01__select01, .form01__textarea01 { padding: 4vw 4vw; background: #F6F7EA; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 3.7333333333vw; color: #000; line-height: 1.8; -webkit-transition: border 0.2s; transition: border 0.2s; border-radius: 1.0666666667vw; } .form01__input01, .form01__select01 { max-width: 120vw; height: 14.4vw; } .form01__input01::-webkit-input-placeholder, .form01__textarea01::-webkit-input-placeholder { color: #b4b4b4; } .form01__input01::-moz-placeholder, .form01__textarea01::-moz-placeholder { color: #b4b4b4; } .form01__input01:-ms-input-placeholder, .form01__textarea01:-ms-input-placeholder { color: #b4b4b4; } .form01__input01::-ms-input-placeholder, .form01__textarea01::-ms-input-placeholder { color: #b4b4b4; } .form01__input01::placeholder, .form01__textarea01::placeholder { color: #b4b4b4; } .form01__select01 { cursor: pointer; } .form01__textarea01 { width: 100%; height: 53.3333333333vw; } .form01 .error { display: block; font-size: 3.7333333333vw; color: #FF2D2D; } .form01__inner02 { display: block; margin-top: 10.6666666667vw; -webkit-box-sizing: border-box; box-sizing: border-box; } .form01__radioWrapper { position: relative; } .form01__checkboxWrapper { position: relative; } .form01__checkboxWrapper.-consent { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 5.3333333333vw; } .form01__radioList, .form01__checkboxList { margin-bottom: -2.6666666667vw; } .form01__radioList.-wrap, .form01__checkboxList.-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .form01__radioItem, .form01__checkboxItem { position: relative; margin-bottom: 2.6666666667vw; } .form01__radioItem:not(:last-child), .form01__checkboxItem:not(:last-child) { margin-right: 10.6666666667vw; } .form01__radio, .form01__checkbox { position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; pointer-events: none; } .form01__radio:checked + .form01__radioLabel::after { opacity: 1; } .form01__radio:checked + .mwform-radio-field-text::after { opacity: 1 !important; } .form01__radio:focus + .form01__radioLabel { background: rgba(0, 0, 0, 0.05); } .form01__radio:focus + .mwform-radio-field-text { background: rgba(0, 0, 0, 0.05); } .form01__checkbox:checked + .form01__checkboxLabel::after { opacity: 1; } .form01__checkbox:focus + .form01__checkboxLabel { background: rgba(0, 0, 0, 0.05); } .form01__radioLabel, .form01__checkboxLabel { display: inline-block; position: relative; padding: 2.6666666667vw 5.3333333333vw 2.6666666667vw 13.3333333333vw; border-radius: 1.6vw; -webkit-box-sizing: border-box; box-sizing: border-box; font-size: 4.8vw; color: #000; line-height: 1.6; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .form01__radioLabel:hover, .form01__checkboxLabel:hover { background: rgba(0, 0, 0, 0.05); } .form01__radioLabel:active, .form01__checkboxLabel:active { background: rgba(0, 0, 0, 0.1); } .form01__radioLabel::before { display: block; position: absolute; top: 2.1333333333vw; left: 2.6666666667vw; width: 8.8vw; height: 8.8vw; border: 0.2666666667vw solid #e4e4e4; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f6f6f6; content: ""; } .form01__radioLabel::after { display: block; position: absolute; top: 4vw; left: 4.5333333333vw; width: 5.0666666667vw; height: 5.0666666667vw; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; background: #06a02e; opacity: 0; content: ""; } .form01__checkboxLabel { font-size: 4.2666666667vw; } .form01__checkboxLabel::before { display: block; position: absolute; top: 3.7333333333vw; left: 5.3333333333vw; width: 5.3333333333vw; height: 5.3333333333vw; border: 0.5333333333vw solid #06a02e; -webkit-box-sizing: border-box; box-sizing: border-box; background: #f6f6f6; content: ""; } .form01__checkboxLabel::after { display: block; position: absolute; top: 4.8vw; left: 5.6vw; width: 4.8vw; height: 2.1333333333vw; border-left: 0.5333333333vw solid #06a02e; border-bottom: 0.5333333333vw solid #06a02e; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; content: ""; } .form01__txt01 { font-size: 3.7333333333vw; } .form01__link01 { padding-right: 4vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_blank-blue.svg) no-repeat right center/3.4666666667vw auto; color: #044B9F; } .form01__link01:hover { text-decoration: underline; } .form01__btnList01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 5.3333333333vw; } .form01__btnItem01 { width: 49%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .form01__btnItem01:not(:first-child) { margin-left: 2.6666666667vw; } .form01__btnItem01.-goBack { position: relative; } .form01__btnItem01.-goBack::before { display: block; position: absolute; top: 50%; left: 5.3333333333vw; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); content: ""; z-index: 1; } .form01__btnItem01.-goBack::after { content: ""; display: block; position: absolute; left: 5.3333333333vw; top: 50%; width: 4vw; height: 4vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .form01__btnLink01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 100%; padding: 2.6666666667vw 8vw; background: #fff; border: 0.5333333333vw solid #06a02e; border-radius: 13.8666666667vw; padding-right: 10.6666666667vw; font-size: 4.2666666667vw; color: #06a02e; text-align: center; -webkit-transition: 0.2s; transition: 0.2s; } .form01__btnLink01.-prev { padding-left: 11.7333333333vw; } .form01__btnLink01.-prev:hover { background: #06a02e; color: #fff; } .form01__btnLink01.-next { background: #06a02e; color: #fff; } .form01__btnLink01.-next::before { display: block; position: absolute; top: 50%; right: 6.6666666667vw; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #06a02e; border-right: 0.2666666667vw solid #06a02e; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .form01__btnLink01.-next::after { content: ""; display: block; position: absolute; right: 5.3333333333vw; top: 50%; width: 4vw; height: 4vw; background: #fff; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .form01__btnLink01.-next:hover { -webkit-filter: brightness(0.95); filter: brightness(0.95); } .gallery01__list01 { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } .gallery01__link01:hover { -webkit-filter: brightness(0.95); filter: brightness(0.95); } .gallery01__link01:hover .gallery01__img { -webkit-transform: scale(1.1); transform: scale(1.1); } .gallery01__imgWrapper { display: block; overflow: hidden; } .gallery01__img { display: block; width: 100%; aspect-ratio: 4/3; -o-object-fit: cover; object-fit: cover; vertical-align: bottom; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .gallery01__button01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 72vw; height: 12.8vw; margin: 6.9333333333vw auto -6.9333333333vw; background: #fff; border: 0.5333333333vw solid #06a02e; border-radius: 12.8vw; color: #06a02e; z-index: 1; -webkit-transition: 0.2s; transition: 0.2s; } .gallery01__button01:hover { background: #06a02e; color: #fff; } .gallery01__button01:hover .gallery01__button01-1::before { display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #06a02e; border-right: 0.2666666667vw solid #06a02e; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .gallery01__button01:hover .gallery01__button01-1::after { background: #fff; } .gallery01__button01-1 { position: relative; padding-right: 6.4vw; font-size: 4.2666666667vw; } .gallery01__button01-1::before, .gallery01__button01-1::after { display: block; position: absolute; -webkit-transition: 0.2s; transition: 0.2s; content: ""; } .gallery01__button01-1::before { display: block; position: absolute; top: 50%; right: 1.0666666667vw; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .gallery01__button01-1::after { content: ""; display: block; position: absolute; right: 0; top: 50%; width: 3.7333333333vw; height: 3.7333333333vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .gallery01__list02 { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 0.5333333333vw 1fr 0.5333333333vw 1fr; grid-template-columns: repeat(3, 1fr); -webkit-column-gap: 0.5333333333vw; -moz-column-gap: 0.5333333333vw; column-gap: 0.5333333333vw; row-gap: 0.5333333333vw; } .gallery01__list02.-childCount-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gallery01__list02.-childCount-1 .gallery01__item02 { width: calc(33.3333333333% - 1.0666666667vw * 1); } .gallery01__list02.-childCount-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .gallery01__list02.-childCount-2 .gallery01__item02 { width: calc(33.3333333333% - 1.0666666667vw * 2); } .gallery01__link02:hover { -webkit-filter: brightness(0.95); filter: brightness(0.95); } .gallery01__img02 { display: block; width: 100%; aspect-ratio: 1/1; -o-object-fit: cover; object-fit: cover; border-radius: 2.6666666667vw; } .gallery01__button02 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 70vw; height: 13.8666666667vw; margin: 6vw auto 0; background: #fff; border: 0.5333333333vw solid #06a02e; border-radius: 13.8666666667vw; color: #06a02e; -webkit-transition: 0.2s; transition: 0.2s; } .gallery01__button02:hover { background: #06a02e; color: #fff; } .gallery01__button02:hover .gallery01__button02-1::before { color: #06a02e; } .gallery01__button02:hover .gallery01__button02-1::after { background: #fff; } .gallery01__button02.-active .gallery01__button02-1::before { content: "-"; top: 40%; right: 1.0666666667vw; font-size: 4.8vw; } .gallery01__button02-1 { position: relative; padding-right: 6.4vw; font-size: 4.8vw; } .gallery01__button02-1::before { display: block; position: absolute; top: calc(50% - 0.2vw); right: 0.8vw; content: "+"; font-size: 3.2vw; color: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } .gallery01__button02-1::after { content: ""; display: block; position: absolute; right: 0; top: 50%; width: 3.7333333333vw; height: 3.7333333333vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header01 { width: 100%; padding-top: 8vw; } .header01.-scrolled { position: fixed; left: 0; top: 0; z-index: 100; } .header01.-scrolled .header01__inner01 { padding: 0 !important; } .header01.-scrolled .header01__logo { display: none; } .header01.-active .header01__inner01 { padding: 2.6666666667vw 18.1333333333vw 2.6666666667vw 5.3333333333vw !important; } .header01.-active .header01__logo { display: block; } .header01.-active .header01__summaryLine01::before, .header01.-active .header01__summaryLine01::after { left: 0.8vw; } .header01.-active .header01__summaryLine01::before { -webkit-transform: rotate(30deg); transform: rotate(30deg); } .header01.-active .header01__summaryLine01::after { -webkit-transform: rotate(-30deg); transform: rotate(-30deg); top: 4.8vw; } .header01.-active .header01__summaryLine01-1 { opacity: 0; } .header01.-active .header01__detailsCont01 { position: fixed; left: 0; top: 23.2vw; width: 100%; height: calc(100vh - 23.2vw); background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_sand.jpg) repeat left top; overflow-y: scroll; overflow-x: hidden; z-index: 99; } .header01.-active .header01__detailsCont01::before { display: block; position: absolute; left: calc(50% - 197.3333333333vw); bottom: 0; width: 51.7333333333vw; height: calc(51.7333333333vw / 1.0960451977); background: url(/wordpress/wp-content/themes/safari/dist/img/common/header01_bg-leaf-3.png) no-repeat center top/100% auto; content: ""; } .header01.-active .header01__detailsCont01::after { display: block; position: absolute; right: calc(50% - 82.6666666667vw); bottom: 0; width: 31.4666666667vw; height: calc(31.4666666667vw / 1.2291666667); background: url(/wordpress/wp-content/themes/safari/dist/img/common/header01_bg-leaf-4.png) no-repeat center top/100% auto; content: ""; } @-webkit-keyframes fadeIn { 0% { top: -100%; } 100% { top: 0; } } @keyframes fadeIn { 0% { top: -100%; } 100% { top: 0; } } .header01.-scrolled { -webkit-animation: fadeIn 0.2s cubic-bezier(0.33, 1, 0.68, 1) forwards; animation: fadeIn 0.2s cubic-bezier(0.33, 1, 0.68, 1) forwards; } .header01__inner01 { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; padding: 2.6666666667vw 18.1333333333vw 2.6666666667vw 5.3333333333vw; background: #fff; } .header01__inner01-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header01__logo { width: 41.0666666667vw; } .header01__logoLink { margin-right: 8vw; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .header01__logoLink:hover { opacity: 0.8; } .header01__logoImg { vertical-align: bottom; } .header01__time01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 0; left: 0; width: 100%; height: 8vw; padding-left: 20px; background: #03468c; color: #fff; } .header01__timeTtl01 { margin-right: 2.6666666667vw; font-size: 3.2vw; text-align: center; } .header01__timeDesc01 { font-size: 4.2666666667vw; font-weight: 500; text-align: center; } .header01__timeLink01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; -webkit-transition: -webkit-filter 0.2s; transition: -webkit-filter 0.2s; transition: filter 0.2s; transition: filter 0.2s, -webkit-filter 0.2s; } .header01__timeLink01-1 { position: relative; padding-right: 5.3333333333vw; } .header01__timeLink01-1::before { display: block; position: absolute; top: 50%; right: 1.0666666667vw; display: block; width: 1.0666666667vw; height: 1.0666666667vw; border-top: 0.2666666667vw solid #03468c; border-right: 0.2666666667vw solid #03468c; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .header01__timeLink01-1::after { content: ""; display: block; position: absolute; right: 0; top: 50%; width: 3.2vw; height: 3.2vw; background: #fff; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header01__list01 { display: none; } .header01__inner01-2 { margin-left: auto; } .header01__list02 { display: none; } .header01__inner01-3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 90vw; margin: 0 auto; padding-top: 5.3333333333vw; } .header01__homeLink01 { position: relative; padding-left: 5.8666666667vw; font-size: 3.7333333333vw; } .header01__homeLink01::before { display: block; position: absolute; top: 50%; left: 0; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); content: ""; z-index: 1; } .header01__homeLink01::after { content: ""; display: block; position: absolute; left: 0; top: 50%; width: 3.7333333333vw; height: 3.7333333333vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header01__list03 { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header01__item03:not(:first-child) { margin-left: 1.0666666667vw; } .header01__link03 { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; position: relative !important; right: 0 !important; width: 32vw !important; height: 7.7333333333vw !important; padding: 0 !important; padding-right: 3.2vw !important; background: #000 !important; border-radius: 1.0666666667vw !important; font-size: 3.2vw !important; font-weight: 500 !important; color: #fff !important; -webkit-transition: opacity 0.2s !important; transition: opacity 0.2s !important; } .header01__link03:hover { opacity: 0.8 !important; } .header01__link03::before { display: block; position: absolute; top: 50%; right: 3.7333333333vw; display: block; width: 1.0666666667vw; height: 1.0666666667vw; border-top: 0.2666666667vw solid #000; border-right: 0.2666666667vw solid #000; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .header01__link03::after { content: ""; display: block; position: absolute; right: 2.6666666667vw; top: 50%; width: 3.2vw; height: 3.2vw; background: #fff; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header01__inner01-4 { position: absolute; right: 0; top: 0; width: 18.1333333333vw; height: 18.1333333333vw; } .header01__details01 { height: 100%; } .header01__summary01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; width: 100%; height: 100%; padding-bottom: 2.6666666667vw; background: #FCB814; border-radius: 0 0 0 5.3333333333vw; -webkit-box-shadow: 0vw 1.3333333333vw 2.6666666667vw -0.8vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 1.3333333333vw 2.6666666667vw -0.8vw rgba(0, 0, 0, 0.4); -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; z-index: 100; -webkit-transition: -webkit-filter 0.2s; transition: -webkit-filter 0.2s; transition: filter 0.2s; transition: filter 0.2s, -webkit-filter 0.2s; } .header01__summary01:hover { -webkit-filter: brightness(0.95); filter: brightness(0.95); } .header01__summaryTxt01 { margin-bottom: 1.3333333333vw; font-size: 3.7333333333vw; font-weight: 500; color: #000; } .header01__summaryLine01 { display: block; position: relative; width: 9.6vw; height: 4.2666666667vw; } .header01__summaryLine01::before { top: 0; -webkit-transform-origin: left top; transform-origin: left top; } .header01__summaryLine01::after { bottom: 0; -webkit-transform-origin: left bottom; transform-origin: left bottom; } .header01__summaryLine01-1, .header01__summaryLine01::before, .header01__summaryLine01::after { display: block; position: absolute; left: 0; width: 100%; height: 0.5333333333vw; background-color: #000; content: ""; } .header01__summaryLine01-1 { top: 1.8666666667vw; } .header01__hover { display: none; } .header01__detailsContInner01 { width: 90vw; margin: 0 auto; } .header01__detailsContInner02 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; width: 90vw; margin: 2.6666666667vw auto 0; } .header01__detailsContInner02-1 { position: relative; width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-top: 13.3333333333vw; } .header01__detailsContInner02-1::before { display: block; position: absolute; left: -16vw; top: -8vw; width: 26.1333333333vw; height: calc(26.1333333333vw / 1.2727272727); background: url(/wordpress/wp-content/themes/safari/dist/img/common/header01_bg-leaf-1.png) no-repeat center top/100% auto; content: ""; } .header01__detailsContInner02-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; position: relative; width: 100%; } .header01__detailsContInner02-2::before { display: block; position: absolute; right: -26.6666666667vw; top: -13.3333333333vw; width: 39.4666666667vw; height: calc(39.4666666667vw / 1.1044776119); background: url(/wordpress/wp-content/themes/safari/dist/img/common/header01_bg-leaf-2.png) no-repeat center top/100% auto; content: ""; } .header01__basicMenu { position: relative; width: 100%; padding: 9.3333333333vw 5.3333333333vw 10.6666666667vw; background: #F7F7EA; border: 0.2666666667vw solid #06a02e; border-right: 1.3333333333vw solid #06a02e; border-bottom: 1.3333333333vw solid #06a02e; border-radius: 5.3333333333vw; z-index: 1; } .header01__basicMenu::before { display: block; position: absolute; right: 2.6666666667vw; top: 8vw; width: 21.8666666667vw; height: calc(21.8666666667vw / 1.3442622951); background: url(/wordpress/wp-content/themes/safari/dist/img/common/header01_bg-capybara-1.png) no-repeat center top/100% auto; content: ""; } .header01__basicMenu::after { display: block; position: absolute; right: 16.8vw; bottom: -8.5333333333vw; width: 15.4666666667vw; height: calc(15.4666666667vw / 0.6015037594); background: url(/wordpress/wp-content/themes/safari/dist/img/common/header_bg-detailTtl01-2.png) no-repeat center top/100% auto; content: ""; } .header01__detailsTtlWrapper01 { position: relative; width: 100%; padding: 13.3333333333vw 5.3333333333vw; background: #fff url(/wordpress/wp-content/themes/safari/dist/img/common/header_bg-detailTtl01-1.png) no-repeat right bottom -8vw/26.6666666667vw auto; border-radius: 5.3333333333vw; border-right: 1.3333333333vw solid #06a02e; border-bottom: 1.3333333333vw solid #06a02e; } .header01__detailsTtlWrapper01::before { content: ""; width: calc(100% - 21.3333333333vw); height: 1.8666666667vw; position: absolute; left: 50%; top: 5.3333333333vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border_repeat-1.png) repeat-x left top; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .header01__detailsTtlWrapper01::after { content: ""; width: calc(100% - 21.3333333333vw); height: 1.8666666667vw; position: absolute; left: 50%; bottom: 5.3333333333vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border_repeat-1.png) repeat-x left top; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .header01__detailsTtl01 { position: relative; font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; font-size: 7.4666666667vw; font-weight: bold; color: #000; } .header01__beginner01 { position: relative; width: 100%; margin-top: 8vw; z-index: 1; text-align: center; } .header01__beginnerImgWrapper01 { display: block; width: 100%; border-radius: 34.9333333333vw; border-right: 0.8vw solid #06a02e; border-bottom: 0.8vw solid #06a02e; overflow: hidden; } .header01__beginnerImg01 { width: 100%; vertical-align: bottom; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .header01__beginnerLink01:hover .header01__linkTxt01 { text-decoration: underline; } .header01__beginnerLink01:hover .header01__beginnerImg01 { -webkit-transform: scale(1.1); transform: scale(1.1); } .header01__linkTxt01 { position: relative; padding-right: 5.8666666667vw; font-size: 4.2666666667vw; } .header01__linkTxt01::before { display: block; position: absolute; top: 50%; right: 1.0666666667vw; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .header01__linkTxt01::after { content: ""; display: block; position: absolute; right: 0; top: 50%; width: 3.7333333333vw; height: 3.7333333333vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header01__list04 { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 0 1fr; grid-template-columns: repeat(2, 1fr); -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; row-gap: 0; } .header01__item04 { margin-top: 5.3333333333vw; } .header01__link04 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header01__link04:hover { text-decoration: underline; } .header01__link04:hover .header01__linkImg01 { -webkit-transform: scale(1.1); transform: scale(1.1); } .header01__linkImgWrapper01 { display: block; margin-bottom: 2.6666666667vw; border-radius: 50%; border-right: 0.8vw solid #06a02e; border-bottom: 0.8vw solid #06a02e; overflow: hidden; } .header01__linkImg01 { width: 30.4vw; vertical-align: bottom; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } .header01__detailsTtl02 { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; padding-bottom: 2.6666666667vw; font-size: 7.4666666667vw; font-weight: bold; color: #000; border-bottom: 0.2666666667vw solid #06a02e; } .header01__list05 { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 5.3333333333vw 1fr; grid-template-columns: repeat(2, 1fr); -webkit-column-gap: 5.3333333333vw; -moz-column-gap: 5.3333333333vw; column-gap: 5.3333333333vw; row-gap: 3.7333333333vw; margin-top: 5.3333333333vw; } .header01__item05 { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-bottom: 4vw; border-bottom: 0.2666666667vw dashed #000; } .header01__link05 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; padding-top: 10.6666666667vw; font-size: 4.2666666667vw; -webkit-box-sizing: content-box; box-sizing: content-box; line-height: 1.5; } .header01__link05.-tree::before { display: block; position: absolute; left: 50%; top: 0; width: 7.4666666667vw; height: calc(7.4666666667vw / 1); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_bus-black.svg) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .header01__link05.-note::before { display: block; position: absolute; left: 50%; top: 1.6vw; width: 6.1333333333vw; height: calc(6.1333333333vw / 0.9333333333); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_note-black.svg) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .header01__link05.-flag::before { display: block; position: absolute; left: 50%; top: 1.6vw; width: 5.6vw; height: calc(5.6vw / 0.7857142857); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_flag-black.svg) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .header01__link05.-yen::before { display: block; position: absolute; left: 50%; top: 1.8666666667vw; width: 5.6vw; height: calc(5.6vw / 1); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_yen-black.svg) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .header01__link05.-clock::before { display: block; position: absolute; left: 50%; top: 1.8666666667vw; width: 5.6vw; height: calc(5.6vw / 1); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_clock-black.svg) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .header01__link05.-access::before { display: block; position: absolute; left: 50%; top: 2.1333333333vw; width: 9.6vw; height: calc(9.6vw / 2.4); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_car-black.svg) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .header01__link05.-map::before { display: block; position: absolute; left: 50%; top: 1.8666666667vw; width: 7.2vw; height: calc(7.2vw / 1); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_map-black.svg) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .header01__link05.-sai::before { display: block; position: absolute; left: 50%; top: 2.6666666667vw; width: 10.1333333333vw; height: calc(10.1333333333vw / 2.1111111111); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_sai-black.svg) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .header01__link05.-faq::before { display: block; position: absolute; left: 50%; top: 1.6vw; width: 14.9333333333vw; height: calc(14.9333333333vw / 2.0740740741); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_faq-black.svg) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .header01__link05.-restaurant::before { display: block; position: absolute; left: 50%; top: 1.6vw; width: 5.3333333333vw; height: calc(5.3333333333vw / 0.7407407407); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_restaurant-black.svg) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .header01__link05.-blog::before { display: block; position: absolute; left: 50%; top: 1.6vw; width: 6.1333333333vw; height: calc(6.1333333333vw / 0.8846153846); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_book-black.svg) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .header01__detailsContInner03 { width: 90vw; margin: 10.6666666667vw auto; } .header01__sns01 { width: 100%; margin: 0 auto 0; padding: 3.7333333333vw 8vw 6.6666666667vw; background: #fff; border-radius: 8vw; } .header01__snsTtl01 { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; width: 37.3333333333vw; margin: 0 auto; padding: 0 4.2666666667vw; font-size: 4.8vw; line-height: 1.4; color: #000; text-align: center; } .header01__snsTtl01::before, .header01__snsTtl01::after { content: ""; position: absolute; top: 1.6vw; width: 0.2666666667vw; height: 4.2666666667vw; background: #000; font-size: 4.8vw; } .header01__snsTtl01::before { left: 1.0666666667vw; -webkit-transform: rotate(-40deg); transform: rotate(-40deg); } .header01__snsTtl01::after { right: 1.6vw; -webkit-transform: rotate(40deg); transform: rotate(40deg); } .header01__snsCont01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 2.6666666667vw; border-radius: 12vw; } .header01__snsList01 { display: -webkit-box; display: -ms-flexbox; display: flex; } .header01__snsItem01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header01__snsItem01 + li { margin-left: 8vw; } .header01__snsLink01 { display: inline-block; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .header01__snsLink01.-facebook { width: 9.6vw; } .header01__snsLink01.-x { width: 7.4666666667vw; } .header01__snsLink01.-instagram { width: 8.8vw; } .header01__snsLink01.-youtube { width: 9.3333333333vw; } .header01__snsLink01.-line { width: 8.8vw; } .header01__snsLink01:hover { opacity: 0.8; } .header01__snsImg { width: 100%; height: auto; vertical-align: middle; } .header01__search01 { position: relative; width: 90vw; margin-top: 10.6666666667vw; } .header01__search01::before { display: block; position: absolute; left: 50%; top: -16.5333333333vw; width: 19.4666666667vw; height: calc(19.4666666667vw / 0.8496732026); background: url(/wordpress/wp-content/themes/safari/dist/img/common/sp/header01_bg-whiteTiger-1.png) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; z-index: 1; } .header01__search01 .gsib_a { padding: 0 0 0 2.6666666667vw; } .header01__search01 .gsc-input { position: relative; height: 10.6666666667vw !important; padding-right: 0 !important; z-index: 2; } .header01__search01 .gsc-search-button-v2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 16vw !important; height: 10.6666666667vw !important; margin-left: 0.8vw !important; padding: 6px 15px !important; border-radius: 2vw !important; } .header01__search01 .gsc-search-button-v2 svg { width: 5vw; } .header01__search01 .gsc-input-box { padding: 0; border-radius: 2vw !important; } .header01__side01 { position: fixed; left: 50%; bottom: 0; z-index: 11; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .header01__sideLink01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 61.3333333333vw; height: 13.3333333333vw; position: relative; padding: 0 3vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/sp/bg_bottomLink.png) no-repeat left top/cover; font-size: 3.7333333333vw; font-weight: 500; cursor: pointer; -webkit-transition: -webkit-filter 0.2s; transition: -webkit-filter 0.2s; transition: filter 0.2s; transition: filter 0.2s, -webkit-filter 0.2s; } .header01__sideLink01::before { display: block; position: absolute; top: 50%; right: 3.7333333333vw; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .header01__sideLink01::after { content: ""; display: block; position: absolute; right: 1.8666666667vw; top: 50%; width: 4.8vw; height: 4.8vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .header01__sideLink01:hover { -webkit-filter: brightness(0.95); filter: brightness(0.95); } .header01__sideTag01 { position: absolute; left: 2.1333333333vw; top: -2.6666666667vw; padding: 0.5333333333vw 2.1333333333vw; background: #441B1B; border-radius: 5.3333333333vw; font-size: 3.2vw; color: #fff; } .heading01__type01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .heading01__type01.-h3 .heading01__type01-1 { font-family: "Zen Kaku Gothic New", sans-serif !important; position: relative; margin-bottom: 0; padding-bottom: 4.2666666667vw; font-size: 5.6vw; font-weight: 500; } .heading01__type01.-h3 .heading01__type01-1::before { content: ""; position: absolute; left: 50%; bottom: 0; width: 20vw; height: 0.5333333333vw; background: #06a02e; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .heading01__type01.-h3 .heading01__type01-2 { font-size: 4.2666666667vw; } .heading01__type01.-deer-1 { padding-top: 26.6666666667vw; } .heading01__type01.-deer-1::before { display: block; position: absolute; left: 50%; top: 0; width: 32.8vw; height: calc(32.8vw / 1.0310880829); background: url(/wordpress/wp-content/themes/safari/dist/img/top/heading01_bg-deer-1.png) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .heading01__type01.-animals-1 { padding-top: 16vw; } .heading01__type01.-animals-1::before { display: block; position: absolute; left: 2.6666666667vw; top: 10.6666666667vw; width: 33.3333333333vw; height: calc(33.3333333333vw / 1.3552631579); background: url(/wordpress/wp-content/themes/safari/dist/img/top/heading01_bg-animals-1.png) no-repeat center top/100% auto; content: ""; } .heading01__type01.-flamingo-1::after { display: block; position: absolute; right: 13.3333333333vw; top: 5.3333333333vw; width: 20vw; height: calc(20vw / 0.6633663366); background: url(/wordpress/wp-content/themes/safari/dist/img/top/heading01_bg-flamingo-1.png) no-repeat center top/100% auto; content: ""; } .heading01__type01.-monkey-1 { padding-top: 53.3333333333vw; } .heading01__type01.-monkey-1::after { display: block; position: absolute; left: 50%; top: 13.3333333333vw; width: 100vw; height: calc(100vw / 3.6585365854); background: url(/wordpress/wp-content/themes/safari/dist/img/top/sp/heading01_bg-monkey-1.png) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .heading01__type01.-tour-1 { padding-top: 20vw; overflow: hidden; } .heading01__type01.-tour-1::after { display: block; position: absolute; left: 50%; top: 0; width: 102.9333333333vw; height: calc(102.9333333333vw / 5.1466666667); background: url(/wordpress/wp-content/themes/safari/dist/img/top/sp/heading01_bg-tour-1.png) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .heading01__type01.-foods-1 { padding-top: 28.2666666667vw; overflow: hidden; } .heading01__type01.-foods-1::after { display: block; position: absolute; left: 50%; top: 0; width: 102.9333333333vw; height: calc(102.9333333333vw / 3.641509434); background: url(/wordpress/wp-content/themes/safari/dist/img/top/sp/heading01_bg-foods-1.png) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .heading01__type01.-service-1 { padding-top: 26.6666666667vw; overflow: hidden; } .heading01__type01.-service-1::after { display: block; position: absolute; left: 50%; top: 0; width: 102.9333333333vw; height: calc(102.9333333333vw / 3.86); background: url(/wordpress/wp-content/themes/safari/dist/img/top/sp/heading01_bg-service-1.png) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .heading01__type01.-photo-1 { padding-top: 5.3333333333vw; } .heading01__type01.-photo-1::after { display: block; position: absolute; left: 51%; top: -21.3333333333vw; width: 99.2vw; height: calc(99.2vw / 2.8609625668); background: url(/wordpress/wp-content/themes/safari/dist/img/common/sp/heading01_bg-photo-1.png) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .heading01__type01.-event-1 { padding-top: 26.1333333333vw; } .heading01__type01.-event-1::after { display: block; position: absolute; left: 51%; top: 0; width: 100.8vw; height: calc(100.8vw / 3.4363636364); background: url(/wordpress/wp-content/themes/safari/dist/img/common/sp/heading01_bg-event-1.png) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .heading01__type01.-faq-1 { padding-top: 5.3333333333vw; } .heading01__type01.-faq-1::after { display: block; position: absolute; left: 51%; top: 0; width: 64.2666666667vw; height: calc(64.2666666667vw / 2.3861386139); background: url(/wordpress/wp-content/themes/safari/dist/img/common/sp/heading01_bg-faq-1.png) no-repeat center top/100% auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .heading01__type01-1 { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; position: relative; font-size: 8vw; font-weight: bold; text-align: center; z-index: 1; } .heading01__type01-2 { margin-top: 3.2vw; font-size: 4.2666666667vw; text-align: center; } .heading01__type01-3 { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; font-size: 8vw; font-weight: bold; text-align: center; line-height: 1; } .heading01__type01-4 { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; font-size: 11.7333333333vw; font-weight: bold; text-align: center; line-height: 1; } .heading01__type01-4 .small { font-size: 9.0666666667vw; } .heading01__type02 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .heading01__type02-1 { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; font-size: 8vw; font-weight: bold; color: #fff; text-align: center; } .heading01__type02-2 { position: relative; padding: 0 10.6666666667vw; font-size: 3.7333333333vw; font-weight: 500; color: #fff; text-align: center; } .heading01__type02-2::before, .heading01__type02-2::after { content: ""; position: absolute; top: 0.5333333333vw; width: 0.2666666667vw; height: 10.6666666667vw; background: #fff; font-size: 4.8vw; } .heading01__type02-2::before { left: 0; -webkit-transform: rotate(-40deg); transform: rotate(-40deg); } .heading01__type02-2::after { right: 0.5333333333vw; -webkit-transform: rotate(40deg); transform: rotate(40deg); } .heading01__type03 { position: relative; padding-bottom: 5.3333333333vw; } .heading01__type03::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1.8666666667vw; border-radius: 1.8666666667vw; background: #06a02e; border-bottom: 0.5333333333vw solid #fff; -webkit-box-shadow: 0vw 1.3333333333vw 1.3333333333vw -0.8vw rgba(0, 0, 0, 0.8); box-shadow: 0vw 1.3333333333vw 1.3333333333vw -0.8vw rgba(0, 0, 0, 0.8); } .heading01__type03-1 { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; display: block; font-size: 6.9333333333vw; font-weight: 500; } .heading01__type03-2 { display: inline-block; position: relative; padding: 0 1.5em; font-size: 4.2666666667vw; line-height: 1; } .heading01__type03-2::before, .heading01__type03-2::after { content: ""; position: absolute; top: 50%; width: 1em; height: 0.2666666667vw; background: #000; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .heading01__type03-2::before { left: 0; } .heading01__type03-2::after { right: 0; } .heading01__type04 { position: relative; text-align: center; } .heading01__type04-1 { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; padding-bottom: 2.6666666667vw; border-bottom: 0.8vw dotted #06a02e; font-size: 6.9333333333vw; font-weight: 500; } .heading01__type05 { position: relative; padding: 2.6666666667vw 5.3333333333vw; background: #06a02e; border-radius: 4vw; border-bottom: 0.8vw solid #fff; font-weight: 500; color: #fff; line-height: 1.5; } .heading01__type05-1 { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; display: block; font-size: 5.3333333333vw; font-weight: 500; } .heading01__type05-2 { display: inline-block; position: relative; padding: 0 1.5em; font-size: 4.2666666667vw; line-height: 1; } .heading01__type05-2::before, .heading01__type05-2::after { content: ""; position: absolute; top: 50%; width: 1em; height: 0.2666666667vw; background: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .heading01__type05-2::before { left: 0; } .heading01__type05-2::after { right: 0; } .heading01__type06 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 5.3333333333vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border_repeat-1.png) repeat-x bottom/1.8666666667vw; background-size: auto 1.8666666667vw; border-radius: 4vw; font-weight: 500; line-height: 1.5; } .heading01__type06-1 { display: block; font-size: 4.8vw; font-weight: 500; } .heading01__type06-2 { display: inline-block; position: relative; margin-top: 1.3333333333vw; padding: 0 1.5em; font-size: 4.2666666667vw; font-weight: normal; line-height: 1; } .heading01__type06-2::before, .heading01__type06-2::after { content: ""; position: absolute; top: 50%; width: 1em; height: 0.2666666667vw; background: #000; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .heading01__type06-2::before { left: 0; } .heading01__type06-2::after { right: 0; } .heading01__type07 { position: relative; padding: 2.6666666667vw 5.3333333333vw; background: #fff; border: 0.2666666667vw solid #E0E0E0; border-radius: 4vw; border-bottom: 0.8vw solid #E0E0E0; line-height: 1.5; } .heading01__type07-1 { display: block; font-size: 4.2666666667vw; font-weight: 500; } .heading01__type07-2 { display: inline-block; position: relative; padding: 0 1.5em; font-size: 4.2666666667vw; line-height: 1; } .heading01__type07-2::before, .heading01__type07-2::after { content: ""; position: absolute; top: 50%; width: 1em; height: 0.2666666667vw; background: #000; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .heading01__type07-2::before { left: 0; } .heading01__type07-2::after { right: 0; } .heading01__type08 { position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 2.1333333333vw 6.4vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border-1.png) repeat-y left center/2.1333333333vw auto; border-radius: 4vw; line-height: 1.5; } .heading01__type08-1 { display: block; font-size: 4.2666666667vw; font-weight: 500; } .heading01__type08-2 { display: inline-block; position: relative; padding: 0 1.5em; font-size: 4.2666666667vw; font-weight: normal; line-height: 1; } .heading01__type08-2::before, .heading01__type08-2::after { content: ""; position: absolute; top: 50%; width: 1em; height: 0.2666666667vw; background: #000; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .heading01__type08-2::before { left: 0; } .heading01__type08-2::after { right: 0; } .hr01.-type-1 { width: 100%; height: 1px; background: #707070; } .iframe01__item01 + .iframe01__item01 { margin-top: 8vw; } .iframe01__movWrapper01 { width: 100%; aspect-ratio: 16/9; } .iframe01__movWrapper01 iframe { width: 100%; height: 100%; vertical-align: bottom; } .iframe01__mapWrapper01 { width: 100%; aspect-ratio: 2/3; border: 0.5333333333vw solid #E0E0E0; border-radius: 5.3333333333vw; } .iframe01__mapWrapper01 iframe { width: 100%; height: 100%; vertical-align: bottom; border: 2.6666666667vw solid #fff !important; border-radius: 5.3333333333vw; } .iframe01__linkWrapper01 { margin-top: 2.6666666667vw; text-align: right; } .iframe01__link01 { font-size: 3.7333333333vw; text-decoration: underline; } .iframe01__link01:hover { text-decoration: none; } .iframe01__button01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 80vw; height: 13.8666666667vw; margin: 6vw auto 0; background: #fff; border: 0.5333333333vw solid #06a02e; border-radius: 13.8666666667vw; cursor: pointer; color: #06a02e; -webkit-transition: 0.2s; transition: 0.2s; } .iframe01__button01:hover { background: #06a02e; color: #fff; } .iframe01__button01:hover .iframe01__button01-1::before { color: #06a02e; } .iframe01__button01:hover .iframe01__button01-1::after { background: #fff; } .iframe01__button01.-active .iframe01__button01-1::before { content: "-"; top: 40%; right: 1.0666666667vw; font-size: 4.8vw; } .iframe01__button01-1 { position: relative; padding-right: 6.4vw; font-size: 4.8vw; } .iframe01__button01-1::before { display: block; position: absolute; top: 45%; right: 0.5333333333vw; content: "+"; font-size: 3.2vw; color: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } .iframe01__button01-1::after { content: ""; display: block; position: absolute; right: 0; top: 50%; width: 3.7333333333vw; height: 3.7333333333vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .image01 { position: relative; } .image01.-radius-1 .image01__img { border-radius: 5.3333333333vw; } .image01__inner01 { position: relative; } .image01__imgWrapper01 { display: block; width: 100%; text-align: center; } .image01__img01 { max-width: 100%; vertical-align: bottom; } .image01__link01 { -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .image01__link01:hover { opacity: 0.8; } .image01__mapLink01 { position: absolute; right: -1.3333333333vw; bottom: -5.3333333333vw; width: 24vw; height: 24vw; overflow: hidden; border-radius: 24vw; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .image01__mapLink01:hover { opacity: 0.8; } .kv01__inner01 { position: relative; } .kv01__listWrapper01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; position: relative; left: 50%; width: 100vw; height: 90vw; margin: 0 auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .kv01__movWrapper, .kv01__imgWrapper { width: 100%; height: 90vw; } .kv01__mov, .kv01__img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .kv01__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: absolute; left: 50%; bottom: 5.3333333333vw; z-index: 1; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .kv01__pagination span { display: inline-block; width: 19.2vw; height: 1.8666666667vw; margin: 0 1.3333333333vw; background: #fff; border-radius: 1.8666666667vw; cursor: pointer; } .kv01__pagination span.swiper-pagination-bullet-active { background: #06a02e; } .kv01__pagination span:hover { opacity: 0.8; } .kv01__news01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 50%; top: 5.3333333333vw; width: 92%; height: 10.1333333333vw; padding: 2.6666666667vw 5.3333333333vw; background: #fff; border-radius: 13.3333333333vw; z-index: 10; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .kv01__defList01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .kv01__defTtl01 { display: none; } .kv01__defCont01 { width: 100%; } .kv01__link01 { display: block; position: relative; width: 100%; font-size: 3.7333333333vw; line-height: 1; } .kv01__link01:hover { text-decoration: underline; } .kv01__link01::before { display: block; position: absolute; top: 50%; right: 1.0666666667vw; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .kv01__link01::after { content: ""; display: block; position: absolute; right: 0; top: 50%; width: 3.7333333333vw; height: 3.7333333333vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .kv01__moreLink { display: none; } .kv01__info { position: absolute; left: 50%; top: 80vw; width: 92%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .kv01__infoInner01 { padding: 10.6666666667vw 5.3333333333vw; background: #fff; border-radius: 5.3333333333vw; -webkit-box-shadow: 0vw 1.3333333333vw 2.6666666667vw -0.8vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 1.3333333333vw 2.6666666667vw -0.8vw rgba(0, 0, 0, 0.4); } .kv01__time01 { text-align: center; } .kv01__timeTtl01 { font-size: 3.7333333333vw; color: #06a02e; } .kv01__timeDesc01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 2.6666666667vw; } .kv01__date01 { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2.6666666667vw; line-height: 1; line-height: 1; } .kv01__date01-1 { font-size: 11.7333333333vw; font-weight: bold; line-height: 1.2; } .kv01__date01-2 { font-size: 5.3333333333vw; font-weight: bold; } .kv01__timeDesc01-1 { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; font-size: 6.4vw; font-weight: bold; line-height: 1.2; } .kv01__timeDesc01-2 { margin-top: 2.6666666667vw; font-size: 3.7333333333vw; } .kv01__infoList01 { margin-top: 8vw; } .kv01__infoItem01 + li { margin-top: 2.6666666667vw; } .kv01__infoLink01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; width: 100%; height: 16vw; border: 0.2666666667vw solid #06a02e; border-radius: 16vw; -webkit-transition: 0.2s; transition: 0.2s; } .kv01__infoLink01:hover { background: #06a02e; } .kv01__infoLink01:hover::before { display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #06a02e; border-right: 0.2666666667vw solid #06a02e; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .kv01__infoLink01:hover::after { background: #fff; } .kv01__infoLink01:hover .kv01__infoLink01-1 { color: #fff; } .kv01__infoLink01:hover .kv01__infoLink01-2 { color: #fff; } .kv01__infoLink01::before, .kv01__infoLink01::after { display: block; position: absolute; -webkit-transition: 0.2s; transition: 0.2s; content: ""; } .kv01__infoLink01::before { top: 50%; right: 6.4vw; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; } .kv01__infoLink01::after { right: 5.3333333333vw; top: 50%; width: 3.7333333333vw; height: 3.7333333333vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .kv01__infoLink01-1 { font-size: 3.2vw; color: #06a02e; -webkit-transition: 0.2s; transition: 0.2s; } .kv01__infoLink01-2 { font-size: 4.2666666667vw; -webkit-transition: 0.2s; transition: 0.2s; } .kv01__infoInner02 { margin-top: 5.3333333333vw; } .kv01__link02 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; height: 21.3333333333vw; background: #fff; padding-left: 38.4vw; border-radius: 5.3333333333vw; -webkit-box-shadow: 0vw 1.3333333333vw 2.6666666667vw -0.8vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 1.3333333333vw 2.6666666667vw -0.8vw rgba(0, 0, 0, 0.4); color: #000; z-index: 1; -webkit-transition: 0.2s; transition: 0.2s; } .kv01__link02.-bg-1 { position: relative; } .kv01__link02.-bg-1::before { display: block; position: absolute; left: 10.6666666667vw; top: -2.1333333333vw; width: 21.8666666667vw; height: calc(21.8666666667vw / 0.9010989011); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_character-1.png) no-repeat center top/100% auto; content: ""; } .kv01__link02:hover { background: #06a02e; color: #fff; } .kv01__link02:hover .kv01__link02-2::before { display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #06a02e; border-right: 0.2666666667vw solid #06a02e; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .kv01__link02:hover .kv01__link02-2::after { background: #fff; } .kv01__link02-1 { font-size: 3.7333333333vw; } .kv01__link02-2 { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; position: relative; padding-bottom: 1.3333333333vw; font-size: 6.9333333333vw; font-weight: bold; line-height: 1.2; } .kv01__link02-2::before, .kv01__link02-2::after { display: block; position: absolute; -webkit-transition: 0.2s; transition: 0.2s; content: ""; } .kv01__link02-2::before { top: 50%; right: 11.7333333333vw; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; } .kv01__link02-2::after { right: 10.6666666667vw; top: 50%; width: 3.7333333333vw; height: 3.7333333333vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .kv02__inner01 { position: relative; } .kv02__nameWrapper01 { display: none; } .kv02__listWrapper01:not(.swiper-initialized) { left: auto; -webkit-transform: translateX(0); transform: translateX(0); } .kv02__listWrapper01:not(.swiper-initialized) ~ .kv02__button01 { display: none !important; } .kv02__item01 { width: 100%; } .kv02__movWrapper01 { width: 100%; } .kv02__mov01 { width: 100vw; height: 56.2666666667vw; -o-object-fit: cover; object-fit: cover; } .kv02__imgWrapper02 { width: 100%; } .kv02__img02 { width: 100vw; height: 56.2666666667vw; -o-object-fit: cover; object-fit: cover; } .kv02__link01 { display: block; position: relative; width: 90vw; margin: 8vw auto 0; font-size: 3.7333333333vw; } .kv02__link01::before { display: block; position: absolute; top: 50%; right: 6.4vw; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .kv02__link01::after { content: ""; display: block; position: absolute; right: 5.3333333333vw; top: 50%; width: 3.7333333333vw; height: 3.7333333333vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .kv02__link01:hover { text-decoration: underline; } .kv02__news01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 2.6666666667vw 5.3333333333vw; background: #fff; border-radius: 4vw; z-index: 10; -webkit-box-sizing: border-box; box-sizing: border-box; } .kv02__defList01 { width: 100%; } .kv02__defTtl01 { margin-right: 8vw; padding-right: 8vw; font-size: 3.7333333333vw; font-weight: 500; color: #06a02e; } .kv02__moreLink { position: relative; padding-right: 7.4666666667vw; font-size: 3.7333333333vw; white-space: nowrap; } .kv02__moreLink:hover { text-decoration: underline; } .kv02__moreLink::before { display: block; position: absolute; top: 50%; right: 1.0666666667vw; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .kv02__moreLink::after { content: ""; display: block; position: absolute; right: 0; top: 50%; width: 3.7333333333vw; height: 3.7333333333vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .kv02__thumbList01 { position: relative; width: 90vw; margin: 0 auto; } .kv02__listWrapper02 { position: relative; margin-top: 1.3333333333vw; overflow: hidden; } .kv02__listWrapper02:not(.swiper-initialized) { display: none !important; } .kv02__listWrapper02:not(.swiper-initialized) ~ .kv02__button01 { display: none !important; } .kv02__list02 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .kv02__item02 { border-radius: 1.0666666667vw; background: #fff; opacity: 0.7; cursor: pointer; } .kv02__item02.swiper-slide-thumb-active { opacity: 1; } .kv02__movWrapper02 { width: 100%; } .kv02__mov02 { width: 100%; aspect-ratio: 16/9; -o-object-fit: cover; object-fit: cover; border-radius: 1.3333333333vw; vertical-align: bottom; } .kv02__imgWrapper02 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .kv02__img02 { width: auto; height: auto; max-width: 100%; max-height: 100%; border-radius: 0; aspect-ratio: 16/9; -o-object-fit: cover; object-fit: cover; } .kv02__button01 { display: none; } .kv03 { position: relative; background: #fff; -webkit-box-shadow: 0 0.8vw 0.8vw 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0.8vw 0.8vw 0 rgba(0, 0, 0, 0.25); z-index: 1; overflow: hidden; } .kv03::before { display: block; position: absolute; left: -2vw; top: 0; width: 16vw; height: calc(16vw / 1.5441176471); background: url(/wordpress/wp-content/themes/safari/dist/img/sub/kv03_leaf-1.png) no-repeat center top/100% auto; content: ""; } .kv03::after { display: block; position: absolute; right: 0; bottom: 0; width: 18.6666666667vw; height: calc(18.6666666667vw / 1.5697674419); background: url(/wordpress/wp-content/themes/safari/dist/img/sub/kv03_leaf-2.png) no-repeat center top/100% auto; content: ""; } .kv03__inner01 { margin: 0 auto; padding: 4.667vw 5.3333333333vw 2.667vw; } .kv03__ttl01-1 { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; display: block; position: relative; padding-bottom: 5.667vw; font-size: 6.4vw; font-weight: bold; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border_repeat-1.png) repeat-x left bottom; background-size: auto 1.8666666667vw; } .link01__type01 { position: relative; font-size: 4.8vw; color: #06a02e; } .link01__type01.-download { padding-right: 8vw; } .link01__type01.-download::after { display: block; position: absolute; right: 0; top: 60%; width: 3.2vw; height: calc(3.2vw / 1); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_download-green.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .link01__type01:hover { text-decoration: underline; } .linkList01__inner01 { padding: 10.6666666667vw 5.3333333333vw; background: #fff; border-radius: 3.2vw; } .linkList01__inner01.-bg-1 { position: relative; } .linkList01__inner01.-bg-1::before { display: block; position: absolute; right: 2.6666666667vw; top: 2.6666666667vw; width: 36.5333333333vw; height: calc(36.5333333333vw / 1.6015037594); background: url(/wordpress/wp-content/themes/safari/dist/img/top/linkList01_bg-1.png) no-repeat center top/100% auto; content: ""; } .linkList01__ttl01-1 { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; font-size: 8vw; } .linkList01__listWrapper01 { max-width: 96%; } .linkList01__list01 { width: 100%; border-bottom: 0.5333333333vw solid #D4D4D4; } .linkList01__item01 { display: block; border-top: 0.5333333333vw solid #D4D4D4; } .linkList01__link01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; padding: 5.3333333333vw 0; padding-right: 10.6666666667vw; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; text-decoration: none; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .linkList01__link01::before { display: block; position: absolute; top: 50%; right: 6.9333333333vw; display: block; width: 2.1333333333vw; height: 2.1333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .linkList01__link01::after { content: ""; display: block; position: absolute; right: 5.3333333333vw; top: 50%; width: 5.6vw; height: 5.6vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .linkList01__link01:hover { opacity: 0.8; } .linkList01__time01 { margin-top: 2.6666666667vw; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; font-size: 4.2666666667vw; } .linkList01__txt01 { width: 100%; font-size: 4.2666666667vw; line-height: 1.5; } .linkList01__tag01 { display: block; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; padding: 0.8vw 5.3333333333vw; border-radius: 1.3333333333vw; -webkit-box-sizing: border-box; box-sizing: border-box; background: #efefef; font-size: 3.2vw; color: #fff; text-align: center; } .linkList01__tag01.-green { background: #06a02e; } .linkList01__tag01.-information { background: #EF3955; } .linkList01__tag01.-event { background: #044B9F; } .linkList01__tag01.-press-release { background: #225726; } .linkList02__list01 { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 4vw 1fr; grid-template-columns: repeat(2, 1fr); -webkit-column-gap: 4vw; -moz-column-gap: 4vw; column-gap: 4vw; row-gap: 4vw; } .linkList02__item01 { border-radius: 50%; background: #F6F7EA; } .linkList02__link01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; aspect-ratio: 1; position: relative; font-weight: 500; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .linkList02__link01:hover { opacity: 0.8; } .linkList02__linkTxt01 { display: inline-block; padding-top: 13.3333333333vw; font-size: 4.8vw; } .linkList02__linkTxt01.-yen { background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_yen-green.svg) no-repeat center top; } .linkList02__linkTxt01.-clock { background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_clock-green.svg) no-repeat center top; } .linkList02__linkTxt01.-car { background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_car-green.svg) no-repeat center top 2.6666666667vw; } .linkList02__linkTxt01.-map { background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_map-green.svg) no-repeat center top; } .linkList03__list01 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .linkList03__item01 { display: -webkit-box; display: -ms-flexbox; display: flex; width: 49%; margin: 0 0 4% 2%; } .linkList03__item01:nth-child(odd) { margin-left: 0; } .linkList03__link01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 100%; height: 18.1333333333vw; padding: 0 3.7333333333vw; background: #fff; border: 0.5333333333vw solid #06a02e; border-radius: 13.8666666667vw; color: #06a02e; -webkit-transition: 0.2s; transition: 0.2s; } .linkList03__link01::before { position: absolute; left: 50%; top: 100%; width: 0; height: 0; border-style: solid; border-right: 4.5333333333vw solid transparent; border-left: 4.5333333333vw solid transparent; border-top: 3.2vw solid #06a02e; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); content: ""; } .linkList03__link01::after { position: absolute; left: 50%; top: 96.2%; width: 0; height: 0; border-style: solid; border-right: 4.5333333333vw solid transparent; border-left: 4.5333333333vw solid transparent; border-top: 3.2vw solid #fff; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: border-top 0.2s; transition: border-top 0.2s; content: ""; } .linkList03__link01:hover { background: #06a02e; color: #fff; } .linkList03__link01:hover::after { position: absolute; left: 50%; top: 96.2%; width: 0; height: 0; border-style: solid; border-right: 4.5333333333vw solid transparent; border-left: 4.5333333333vw solid transparent; border-top: 3.2vw solid #06a02e; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .linkList03__link01:hover .linkList03__link01-1::before { display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #06a02e; border-right: 0.2666666667vw solid #06a02e; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(135deg); transform: rotate(135deg); } .linkList03__link01:hover .linkList03__link01-1::after { background: #fff; } .linkList03__link01-1 { display: inline-block; position: relative; padding-right: 5.3333333333vw; font-size: 4.2666666667vw; line-height: 1.3; } .linkList03__link01-1::before, .linkList03__link01-1::after { display: block; position: absolute; -webkit-transition: 0.2s; transition: 0.2s; content: ""; } .linkList03__link01-1::before { top: calc(50% + 0.5vw); right: 1.8666666667vw; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(135deg); transform: rotate(135deg); z-index: 1; } .linkList03__link01-1::after { content: ""; display: block; position: absolute; right: 0; top: 50%; width: 4vw; height: 4vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .linkList04__item01 { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin: 0 0 4%; } .linkList04__link01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 100%; padding: 2.6666666667vw 5.3333333333vw; background: #fff; color: #06a02e; border: 0.5333333333vw solid #06a02e; border-radius: 13.8666666667vw; -webkit-transition: background 0.2s; transition: background 0.2s; } .linkList04__link01:hover { background: #06a02e; color: #fff; } .linkList04__link01:hover::after { position: absolute; left: 50%; top: 94.8%; width: 0; height: 0; border-style: solid; border-right: 4.5333333333vw solid transparent; border-left: 4.5333333333vw solid transparent; border-top: 3.2vw solid #f0fff4; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .linkList04__link01:hover .linkList04__link01-1::before { display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #06a02e; border-right: 0.2666666667vw solid #06a02e; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .linkList04__link01:hover .linkList04__link01-1::after { background: #fff; } .linkList04__link01-1 { display: inline-block; position: relative; width: 100%; padding-right: 5.3333333333vw; font-size: 4.2666666667vw; } .linkList04__link01-1::before, .linkList04__link01-1::after { display: block; position: absolute; -webkit-transition: 0.2s; transition: 0.2s; content: ""; } .linkList04__link01-1::before { top: 50%; right: 1.3333333333vw; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; } .linkList04__link01-1::after { right: 0; top: 50%; width: 4vw; height: 4vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .linkList05__ttl01.-noLink { padding-left: 5.3333333333vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border-1.png) no-repeat left center/1.8666666667vw auto; font-size: 5.0666666667vw; } .linkList05__ttl01:not(:first-child) { margin-top: 10.6666666667vw; } .linkList05__ttlLink01 { padding-left: 4.8vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border-1.png) no-repeat left center/1.8666666667vw auto; font-size: 5.0666666667vw; color: #044B9F; text-decoration: underline; } .linkList05__ttlLink01:hover { text-decoration: none; } .linkList05__item01 { position: relative; margin-top: 4vw; } .linkList05__link01 { display: inline-block; padding-left: 4.8vw; font-size: 4.2666666667vw; color: #044B9F; text-decoration: underline; } .linkList05__link01:hover { text-decoration: none; } .linkList05__link01::before { display: block; position: absolute; top: 3.7333333333vw; left: 1.3333333333vw; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .linkList05__link01::after { content: ""; display: block; position: absolute; left: 0; top: 1.6vw; width: 4vw; height: 4vw; background: #06a02e; border-radius: 3.2vw; } .modal.-mailmag .title01 { background: #fff; } .modal.-mailmag .modal__item { background: rgba(0, 0, 0, 0.3); } .modal.-mailmag .modal__itemInner { display: block; position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 860px; height: 80vh; margin: 0 auto; background: #fff; -webkit-box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.8); box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.8); } .modal.-mailmag .modal__mailmag { overflow-y: scroll; height: calc(100% - 116px); } .modal.-mailmag .modal__mailmag.-text { padding: 30px; } .modal.-mailmag .modal__mailmag.-html { padding-top: 30px; } .modal.-mailmag .modal__close { position: absolute; right: -25px; top: -25px; width: 50px; height: 50px; background: #7d7d7d; border-radius: 50px; opacity: 1; -webkit-transition: 0.2s; transition: 0.2s; } .modal.-mailmag .modal__close:hover { opacity: 0.8 !important; } .modal.-mailmag .modal__close::before, .modal.-mailmag .modal__close::after { display: block; position: absolute; top: 50%; left: 50%; width: 26px; height: 2px; background: #fff; content: ""; } .modal.-mailmag .modal__close::before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .modal.-mailmag .modal__close::after { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .modal.-mailmag .modal__close:hover { opacity: 1; } .modal__item { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 200; -webkit-box-sizing: border-box; box-sizing: border-box; background: rgba(0, 0, 0, 0.8); /*&.-bgNone { background: none; }*/ } .modal__item.-active { display: block; } .modal__close { display: block; position: absolute; top: 10px; right: 10px; z-index: 10; width: 50px; height: 50px; cursor: pointer; opacity: 0.8; } .modal__close::before, .modal__close::after { display: block; position: absolute; top: 50%; left: 50%; width: 26px; height: 4px; background: #fff; content: ""; } .modal__close::before { -webkit-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); } .modal__close::after { -webkit-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); } .modal__close:hover { opacity: 1; } .modal__itemInner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .modal__iframeWrapper { display: block; width: 80vw; height: calc(80vw / 1.7777777778); margin: 0 auto; } .modal__iframeWrapper iframe { display: block; width: 100%; height: 100%; border: none; } .news01__defList01 { width: 100%; } .news01__defTtl01 { margin-right: 8vw; padding-right: 8vw; font-size: 3.7333333333vw; font-weight: 500; color: #06a02e; } .news01__defCont01 { font-size: 3.7333333333vw; } .news01__link01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 100%; padding: 2.6666666667vw 5.3333333333vw; background: #fff; border: 0.2666666667vw solid #06a02e; border-radius: 4vw; z-index: 10; -webkit-box-sizing: border-box; box-sizing: border-box; } .news01__link01.-noLink::before, .news01__link01.-noLink::after { display: none; } .news01__link01::before { display: block; position: absolute; top: 50%; right: 6.4vw; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .news01__link01::after { content: ""; display: block; position: absolute; right: 5.3333333333vw; top: 50%; width: 3.7333333333vw; height: 3.7333333333vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .noteList01__list01 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .noteList01__item01 { position: relative; line-height: 1.5; padding-left: 1em; font-size: 4.2666666667vw; } .noteList01__item01 + .noteList01__item01 { margin-top: 4.2666666667vw; } .noteList01__item01::before { content: "※"; position: absolute; left: 0; top: 0; font-size: 4.2666666667vw; color: #C51818; } .numList01__list01 { display: block; counter-reset: item-num; } .numList01__item01 { display: block; position: relative; counter-increment: item-num; padding-left: 5.3333333333vw; font-size: 4.2666666667vw; } .numList01__item01 + .numList01__item01 { margin-top: 4vw; } .numList01__item01::before { position: absolute; top: 0; left: 0; content: counter(item-num) "."; font-size: 4.2666666667vw; font-weight: bold; color: #06a02e; } .page01__inner01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page01 .page-numbers { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 9.0666666667vw; height: 9.0666666667vw; padding-bottom: 0.5333333333vw; border-radius: 9.0666666667vw; font-size: 6.4vw; font-weight: bold; color: #2E2E2E; line-height: 1.6; text-align: center; text-decoration: none; } .page01 .page-numbers:hover { opacity: 0.8; } .page01 .page-numbers:not(:last-child) { margin-right: 2.6666666667vw; } .page01 .page-numbers.prev { position: relative; } .page01 .page-numbers.prev::before { display: block; position: absolute; top: 50%; left: 0; display: block; width: 2.6666666667vw; height: 2.6666666667vw; border-top: 0.5333333333vw solid #06a02e; border-right: 0.5333333333vw solid #06a02e; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); content: ""; } .page01 .page-numbers.next { position: relative; } .page01 .page-numbers.next::before { display: block; position: absolute; top: 50%; right: 1.8666666667vw; display: block; width: 2.6666666667vw; height: 2.6666666667vw; border-top: 0.5333333333vw solid #06a02e; border-right: 0.5333333333vw solid #06a02e; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; } .page01 .page-numbers.current { background: #fff; border: 0.2666666667vw solid #06a02e; color: #06a02e; opacity: 1 !important; } .page01 .page-numbers.dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; color: #000; } .slider01__inner01 { position: relative; margin: 0 auto; } .slider01__listWrapper01 { display: block; position: relative; width: calc(80vw * 2 + 5.3333333333vw * 1); -webkit-box-sizing: content-box; box-sizing: content-box; } .slider01__listWrapper01.swiper .cont01__item01:not(:last-child) { margin-bottom: 0; } .slider01__list01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slider01__item01 { width: 100%; } .slider01__modalBtn { position: relative; width: 100%; } .slider01__modalBtn iframe { width: 100%; aspect-ratio: 16/9; -o-object-fit: cover; object-fit: cover; border-radius: 1.3333333333vw; vertical-align: bottom; } .slider01__clickPanel { position: absolute; left: 0; top: 0; right: 0; bottom: 0; cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; z-index: 1; } .slider01__clickPanel:hover { background: rgba(0, 0, 0, 0.2); } .slider01__button01 { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; position: absolute; top: 44%; z-index: 20; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 9.6vw; height: 9.6vw; border-radius: 9.6vw; background: #06a02e; -webkit-box-shadow: 0 1.3333333333vw 2.6666666667vw 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1.3333333333vw 2.6666666667vw 0 rgba(0, 0, 0, 0.15); } .slider01__button01:hover { -webkit-filter: brightness(0.95); filter: brightness(0.95); } .slider01__button01::after { position: absolute; top: 50%; } .slider01__button01.-prev { left: -21.3333333333vw; } .slider01__button01.-prev::after { display: block; width: 2.6666666667vw; height: 2.6666666667vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); left: 1.0666666667vw; } .slider01__button01.-next { right: -21.3333333333vw; } .slider01__button01.-next::after { display: block; width: 2.6666666667vw; height: 2.6666666667vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); right: 3.7333333333vw; } .slider01__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .slider01__pagination span { display: inline-block; width: 4vw; height: 4vw; margin: 0 1.3333333333vw; background: #fff; border: 0.2666666667vw solid #06a02e; border-radius: 4vw; cursor: pointer; } .slider01__pagination span.swiper-pagination-bullet-active { background: #06a02e; } .slider01__pagination span:hover { opacity: 0.8; } .slider02__inner01 { position: relative; } .slider02__listWrapper01:not(.swiper-initialized) { left: auto; -webkit-transform: translateX(0); transform: translateX(0); } .slider02__listWrapper01:not(.swiper-initialized) ~ .slider02__button01 { display: none !important; } .slider02__item01 { width: 100%; } .slider02__movWrapper01 { width: 100%; } .slider02__mov01 { width: 100vw; height: 56.2666666667vw; -o-object-fit: cover; object-fit: cover; } .slider02__imgWrapper02 { width: 100%; } .slider02__img02 { width: 100vw; height: 56.2666666667vw; -o-object-fit: cover; object-fit: cover; } .slider02__link01 { display: block; position: relative; width: 90vw; margin: 8vw auto 0; font-size: 3.7333333333vw; } .slider02__link01::before { display: block; position: absolute; top: 50%; right: 6.4vw; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .slider02__link01::after { content: ""; display: block; position: absolute; right: 5.3333333333vw; top: 50%; width: 3.7333333333vw; height: 3.7333333333vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .slider02__link01:hover { text-decoration: underline; } .slider02__news01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 2.6666666667vw 5.3333333333vw; background: #fff; border-radius: 4vw; z-index: 10; -webkit-box-sizing: border-box; box-sizing: border-box; } .slider02__defList01 { width: 100%; } .slider02__defTtl01 { margin-right: 8vw; padding-right: 8vw; font-size: 3.7333333333vw; font-weight: 500; color: #06a02e; } .slider02__moreLink { position: relative; padding-right: 7.4666666667vw; font-size: 3.7333333333vw; white-space: nowrap; } .slider02__moreLink:hover { text-decoration: underline; } .slider02__moreLink::before { display: block; position: absolute; top: 50%; right: 1.0666666667vw; display: block; width: 1.3333333333vw; height: 1.3333333333vw; border-top: 0.2666666667vw solid #fff; border-right: 0.2666666667vw solid #fff; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .slider02__moreLink::after { content: ""; display: block; position: absolute; right: 0; top: 50%; width: 3.7333333333vw; height: 3.7333333333vw; background: #06a02e; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .slider02__thumbList01 { position: relative; width: 90vw; margin: 0 auto; } .slider02__listWrapper02 { display: block; position: relative; width: calc(22.4vw * 4 + 5.3333333333vw * 3); margin-top: 1.3333333333vw; -webkit-box-sizing: content-box; box-sizing: content-box; overflow: hidden; } .slider02__listWrapper02:not(.swiper-initialized) { display: none !important; } .slider02__listWrapper02:not(.swiper-initialized) ~ .slider02__button02 { display: none !important; } .slider02__item02 { border-radius: 1.6vw; background: #fff; opacity: 0.7; cursor: pointer; overflow: hidden; } .slider02__item02.swiper-slide-thumb-active { opacity: 0.8; } .slider02__item02.swiper-slide-thumb-active::before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1.3333333333vw solid #06a02e; border-radius: 1.0666666667vw; content: ""; } .slider02__movWrapper02 { width: 100%; } .slider02__mov02 { width: 100%; aspect-ratio: 16/9; -o-object-fit: cover; object-fit: cover; border-radius: 1.3333333333vw; vertical-align: bottom; } .slider02__imgWrapper02 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .slider02__img02 { width: auto; height: auto; max-width: 100%; max-height: 100%; border-radius: 1.3333333333vw; aspect-ratio: 16/9; -o-object-fit: cover; object-fit: cover; } .slider02__button01 { display: none; } .slider03__inner01 { position: relative; width: 100%; margin: 0 auto; } .slider03__listWrapper01 { display: block; position: relative; margin: 0 !important; -webkit-box-sizing: border-box; box-sizing: border-box; } .slider03__listWrapper01:not(.swiper-initialized) { left: auto; -webkit-transform: translateX(0); transform: translateX(0); } .slider03__listWrapper01:not(.swiper-initialized) + .slider03__pagination { display: none !important; } .slider03__listWrapper01:not(.swiper-initialized) + .slider03__pagination + .slider03__button01 { display: none !important; } .slider03__listWrapper01:not(.swiper-initialized) + .slider03__pagination + .slider03__button01 + .slider03__button01 { display: none !important; } .slider03__list01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .slider03__item01 { width: 100%; } .slider03__modalBtn { position: relative; width: 100%; } .slider03__modalBtn iframe { width: 100%; aspect-ratio: 16/9; -o-object-fit: cover; object-fit: cover; border-radius: 1.3333333333vw; vertical-align: bottom; } .slider03__clickPanel { position: absolute; left: 0; top: 0; right: 0; bottom: 0; cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; z-index: 1; } .slider03__clickPanel:hover { background: rgba(0, 0, 0, 0.2); } .slider03__button01 { display: none; } .slider03__pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .slider03__pagination span { display: inline-block; width: 4vw; height: 4vw; margin: 0 1.3333333333vw; background: #fff; border: 0.2666666667vw solid #06a02e; border-radius: 4vw; cursor: pointer; } .slider03__pagination span.swiper-pagination-bullet-active { background: #06a02e; } .slider03__pagination span:hover { opacity: 0.8; } .sns01__list01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sns01__item01 { margin-left: 8vw; } .sns01__item01:first-child { margin-left: 0; } .sns01__link01 { -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .sns01__link01:hover { opacity: 0.8; } .sns01__list02 { overflow: hidden; } .sns01__item02 { margin-bottom: 4%; padding: 5.3333333333vw 3.2vw 8vw; background: #fff; border-radius: 4vw; } .sns01__item02.-wide { width: 100%; } .sns01__item02 iframe { width: 100% !important; } .sns01__ttl01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 2.6666666667vw; } .sns01__ttl01.-jcc { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .sns01__ttl01-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; height: 15.4666666667vw; padding-left: 12vw; } .sns01__ttl01-1.-facebook::before { display: block; position: absolute; left: 0; top: 50%; width: 9.3333333333vw; height: calc(9.3333333333vw / 1.0192307692); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_facebook.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .sns01__ttl01-1.-instagram::before { display: block; position: absolute; left: 0; top: 50%; width: 8.8vw; height: calc(8.8vw / 1); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_instagram.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .sns01__ttl01-1.-youtube::before { display: block; position: absolute; left: 0; top: 50%; width: 9.0666666667vw; height: calc(9.0666666667vw / 1.4210526316); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_youtube.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .sns01__ttl01-1::before { display: block; position: absolute; left: 0; top: 50%; width: 15.4666666667vw; height: calc(15.4666666667vw / 1); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_logo.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .sns01__list03 { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } .sns01__link03:hover { -webkit-filter: brightness(0.95); filter: brightness(0.95); } .sns01__img { aspect-ratio: 1; -o-object-fit: cover; object-fit: cover; vertical-align: bottom; } .sns01__listWrapper01 { display: block; position: relative; width: calc(80vw * 2 + 2.6666666667vw * 1); -webkit-box-sizing: content-box; box-sizing: content-box; } .sns01__listWrapper01:not(.swiper-initialized) { width: 100% !important; left: auto; -webkit-transform: translateX(0); transform: translateX(0); } .sns01__listWrapper01:not(.swiper-initialized) .cont05__item01 { width: 100% !important; } .sns01__listWrapper01:not(.swiper-initialized) .cont05__pagination { display: none !important; } .sns01__listWrapper01:not(.swiper-initialized) .cont05__button01 { display: none !important; } .sns01__item04 { border-radius: 4vw; overflow: hidden; } .sns01__modalBtn { position: relative; width: 100%; } .sns01__modalBtn::before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; cursor: pointer; } .sns01__iframeWrapper iframe { aspect-ratio: 16/9; -o-object-fit: cover; object-fit: cover; vertical-align: bottom; } .sns01__qr { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sns01__qrImgWrapper { width: 85.3333333333vw; margin: 0 auto; } .sns01__qrTtl { position: relative; font-size: 7.4666666667vw; font-weight: 500; padding: 0 2.6666666667vw 3.7333333333vw 12.2666666667vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border_repeat-1.png) repeat-x left bottom; } .sns01__qrTtl::before { display: block; position: absolute; left: 0; top: calc(50% - 1.8vw); width: 9.0666666667vw; height: calc(9.0666666667vw / 1); background: url(/wordpress/wp-content/themes/safari/dist/img/common/icon_line.svg) no-repeat center top/100% auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; } .sns01__qrDesc { margin-top: 5.3333333333vw; font-size: 4.2666666667vw; line-height: 1.8; text-align: center; } .sns01__qrImgWrapper { display: block; margin: 0 auto; width: 85.8666666667vw; position: relative; } .sns01__qrImgLink { display: inline-block; position: absolute; left: calc(50% - 2.9333333333vw); top: 50%; width: 20vw; height: 20vw; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: opacity 0.2s; transition: opacity 0.2s; } .sns01__qrImgLink:hover { opacity: 0.8; } .tab01__inner01 { position: relative; z-index: 1; } .tab01__radio01 { position: absolute; top: 0; left: 50%; width: 0; height: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .tab01__radio01:checked#tab01-btn-1-1 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-1] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-1-1 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-1]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-1-1 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-1]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-1-1 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-1-1] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-1-1 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-1-1 { display: block; } .tab01__radio01:checked#tab01-btn-1-2 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-2] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-1-2 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-2]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-1-2 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-2]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-1-2 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-1-2] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-1-2 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-1-2 { display: block; } .tab01__radio01:checked#tab01-btn-1-3 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-3] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-1-3 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-3]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-1-3 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-3]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-1-3 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-1-3] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-1-3 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-1-3 { display: block; } .tab01__radio01:checked#tab01-btn-1-4 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-4] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-1-4 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-4]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-1-4 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-4]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-1-4 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-1-4] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-1-4 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-1-4 { display: block; } .tab01__radio01:checked#tab01-btn-1-5 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-5] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-1-5 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-5]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-1-5 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-5]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-1-5 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-1-5] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-1-5 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-1-5 { display: block; } .tab01__radio01:checked#tab01-btn-1-6 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-6] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-1-6 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-6]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-1-6 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-6]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-1-6 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-1-6] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-1-6 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-1-6 { display: block; } .tab01__radio01:checked#tab01-btn-1-7 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-7] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-1-7 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-7]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-1-7 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-7]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-1-7 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-1-7] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-1-7 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-1-7 { display: block; } .tab01__radio01:checked#tab01-btn-1-8 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-8] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-1-8 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-8]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-1-8 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-8]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-1-8 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-1-8] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-1-8 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-1-8 { display: block; } .tab01__radio01:checked#tab01-btn-1-9 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-9] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-1-9 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-9]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-1-9 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-9]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-1-9 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-1-9] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-1-9 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-1-9 { display: block; } .tab01__radio01:checked#tab01-btn-1-10 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-10] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-1-10 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-10]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-1-10 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-10]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-1-10 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-1-10] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-1-10 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-1-10 { display: block; } .tab01__radio01:checked#tab01-btn-1-11 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-11] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-1-11 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-11]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-1-11 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-11]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-1-11 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-1-11] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-1-11 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-1-11 { display: block; } .tab01__radio01:checked#tab01-btn-1-12 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-12] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-1-12 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-12]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-1-12 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-12]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-1-12 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-1-12] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-1-12 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-1-12 { display: block; } .tab01__radio01:checked#tab01-btn-1-13 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-13] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-1-13 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-13]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-1-13 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-13]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-1-13 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-1-13] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-1-13 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-1-13 { display: block; } .tab01__radio01:checked#tab01-btn-1-14 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-14] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-1-14 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-14]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-1-14 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-14]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-1-14 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-1-14] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-1-14 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-1-14 { display: block; } .tab01__radio01:checked#tab01-btn-1-15 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-15] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-1-15 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-15]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-1-15 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-15]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-1-15 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-1-15] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-1-15 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-1-15 { display: block; } .tab01__radio01:checked#tab01-btn-1-16 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-16] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-1-16 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-16]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-1-16 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-16]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-1-16 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-1-16] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-1-16 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-1-16 { display: block; } .tab01__radio01:checked#tab01-btn-1-17 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-17] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-1-17 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-17]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-1-17 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-17]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-1-17 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-1-17] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-1-17 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-1-17 { display: block; } .tab01__radio01:checked#tab01-btn-1-18 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-18] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-1-18 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-18]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-1-18 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-18]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-1-18 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-1-18] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-1-18 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-1-18 { display: block; } .tab01__radio01:checked#tab01-btn-1-19 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-19] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-1-19 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-19]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-1-19 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-19]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-1-19 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-1-19] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-1-19 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-1-19 { display: block; } .tab01__radio01:checked#tab01-btn-1-20 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-20] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-1-20 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-20]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-1-20 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-1-20]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-1-20 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-1-20] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-1-20 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-1-20 { display: block; } .tab01__radio01:checked#tab01-btn-2-1 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-1] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-2-1 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-1]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-2-1 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-1]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-2-1 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-2-1] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-2-1 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-2-1 { display: block; } .tab01__radio01:checked#tab01-btn-2-2 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-2] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-2-2 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-2]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-2-2 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-2]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-2-2 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-2-2] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-2-2 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-2-2 { display: block; } .tab01__radio01:checked#tab01-btn-2-3 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-3] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-2-3 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-3]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-2-3 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-3]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-2-3 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-2-3] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-2-3 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-2-3 { display: block; } .tab01__radio01:checked#tab01-btn-2-4 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-4] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-2-4 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-4]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-2-4 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-4]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-2-4 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-2-4] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-2-4 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-2-4 { display: block; } .tab01__radio01:checked#tab01-btn-2-5 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-5] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-2-5 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-5]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-2-5 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-5]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-2-5 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-2-5] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-2-5 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-2-5 { display: block; } .tab01__radio01:checked#tab01-btn-2-6 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-6] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-2-6 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-6]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-2-6 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-6]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-2-6 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-2-6] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-2-6 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-2-6 { display: block; } .tab01__radio01:checked#tab01-btn-2-7 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-7] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-2-7 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-7]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-2-7 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-7]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-2-7 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-2-7] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-2-7 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-2-7 { display: block; } .tab01__radio01:checked#tab01-btn-2-8 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-8] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-2-8 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-8]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-2-8 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-8]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-2-8 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-2-8] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-2-8 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-2-8 { display: block; } .tab01__radio01:checked#tab01-btn-2-9 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-9] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-2-9 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-9]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-2-9 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-9]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-2-9 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-2-9] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-2-9 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-2-9 { display: block; } .tab01__radio01:checked#tab01-btn-2-10 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-10] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-2-10 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-10]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-2-10 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-10]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-2-10 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-2-10] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-2-10 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-2-10 { display: block; } .tab01__radio01:checked#tab01-btn-2-11 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-11] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-2-11 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-11]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-2-11 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-11]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-2-11 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-2-11] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-2-11 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-2-11 { display: block; } .tab01__radio01:checked#tab01-btn-2-12 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-12] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-2-12 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-12]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-2-12 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-12]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-2-12 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-2-12] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-2-12 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-2-12 { display: block; } .tab01__radio01:checked#tab01-btn-2-13 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-13] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-2-13 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-13]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-2-13 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-13]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-2-13 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-2-13] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-2-13 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-2-13 { display: block; } .tab01__radio01:checked#tab01-btn-2-14 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-14] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-2-14 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-14]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-2-14 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-14]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-2-14 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-2-14] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-2-14 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-2-14 { display: block; } .tab01__radio01:checked#tab01-btn-2-15 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-15] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-2-15 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-15]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-2-15 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-15]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-2-15 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-2-15] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-2-15 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-2-15 { display: block; } .tab01__radio01:checked#tab01-btn-2-16 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-16] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-2-16 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-16]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-2-16 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-16]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-2-16 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-2-16] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-2-16 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-2-16 { display: block; } .tab01__radio01:checked#tab01-btn-2-17 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-17] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-2-17 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-17]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-2-17 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-17]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-2-17 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-2-17] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-2-17 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-2-17 { display: block; } .tab01__radio01:checked#tab01-btn-2-18 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-18] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-2-18 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-18]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-2-18 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-18]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-2-18 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-2-18] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-2-18 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-2-18 { display: block; } .tab01__radio01:checked#tab01-btn-2-19 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-19] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-2-19 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-19]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-2-19 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-19]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-2-19 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-2-19] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-2-19 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-2-19 { display: block; } .tab01__radio01:checked#tab01-btn-2-20 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-20] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-2-20 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-20]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-2-20 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-2-20]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-2-20 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-2-20] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-2-20 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-2-20 { display: block; } .tab01__radio01:checked#tab01-btn-3-1 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-1] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-3-1 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-1]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-3-1 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-1]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-3-1 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-3-1] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-3-1 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-3-1 { display: block; } .tab01__radio01:checked#tab01-btn-3-2 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-2] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-3-2 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-2]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-3-2 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-2]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-3-2 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-3-2] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-3-2 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-3-2 { display: block; } .tab01__radio01:checked#tab01-btn-3-3 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-3] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-3-3 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-3]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-3-3 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-3]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-3-3 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-3-3] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-3-3 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-3-3 { display: block; } .tab01__radio01:checked#tab01-btn-3-4 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-4] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-3-4 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-4]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-3-4 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-4]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-3-4 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-3-4] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-3-4 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-3-4 { display: block; } .tab01__radio01:checked#tab01-btn-3-5 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-5] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-3-5 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-5]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-3-5 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-5]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-3-5 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-3-5] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-3-5 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-3-5 { display: block; } .tab01__radio01:checked#tab01-btn-3-6 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-6] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-3-6 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-6]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-3-6 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-6]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-3-6 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-3-6] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-3-6 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-3-6 { display: block; } .tab01__radio01:checked#tab01-btn-3-7 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-7] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-3-7 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-7]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-3-7 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-7]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-3-7 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-3-7] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-3-7 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-3-7 { display: block; } .tab01__radio01:checked#tab01-btn-3-8 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-8] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-3-8 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-8]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-3-8 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-8]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-3-8 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-3-8] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-3-8 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-3-8 { display: block; } .tab01__radio01:checked#tab01-btn-3-9 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-9] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-3-9 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-9]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-3-9 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-9]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-3-9 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-3-9] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-3-9 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-3-9 { display: block; } .tab01__radio01:checked#tab01-btn-3-10 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-10] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-3-10 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-10]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-3-10 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-10]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-3-10 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-3-10] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-3-10 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-3-10 { display: block; } .tab01__radio01:checked#tab01-btn-3-11 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-11] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-3-11 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-11]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-3-11 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-11]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-3-11 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-3-11] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-3-11 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-3-11 { display: block; } .tab01__radio01:checked#tab01-btn-3-12 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-12] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-3-12 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-12]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-3-12 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-12]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-3-12 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-3-12] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-3-12 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-3-12 { display: block; } .tab01__radio01:checked#tab01-btn-3-13 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-13] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-3-13 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-13]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-3-13 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-13]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-3-13 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-3-13] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-3-13 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-3-13 { display: block; } .tab01__radio01:checked#tab01-btn-3-14 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-14] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-3-14 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-14]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-3-14 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-14]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-3-14 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-3-14] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-3-14 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-3-14 { display: block; } .tab01__radio01:checked#tab01-btn-3-15 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-15] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-3-15 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-15]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-3-15 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-15]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-3-15 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-3-15] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-3-15 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-3-15 { display: block; } .tab01__radio01:checked#tab01-btn-3-16 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-16] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-3-16 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-16]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-3-16 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-16]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-3-16 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-3-16] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-3-16 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-3-16 { display: block; } .tab01__radio01:checked#tab01-btn-3-17 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-17] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-3-17 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-17]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-3-17 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-17]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-3-17 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-3-17] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-3-17 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-3-17 { display: block; } .tab01__radio01:checked#tab01-btn-3-18 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-18] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-3-18 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-18]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-3-18 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-18]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-3-18 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-3-18] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-3-18 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-3-18 { display: block; } .tab01__radio01:checked#tab01-btn-3-19 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-19] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-3-19 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-19]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-3-19 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-19]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-3-19 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-3-19] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-3-19 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-3-19 { display: block; } .tab01__radio01:checked#tab01-btn-3-20 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-20] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-3-20 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-20]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-3-20 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-3-20]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-3-20 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-3-20] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-3-20 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-3-20 { display: block; } .tab01__radio01:checked#tab01-btn-4-1 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-1] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-4-1 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-1]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-4-1 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-1]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-4-1 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-4-1] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-4-1 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-4-1 { display: block; } .tab01__radio01:checked#tab01-btn-4-2 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-2] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-4-2 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-2]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-4-2 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-2]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-4-2 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-4-2] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-4-2 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-4-2 { display: block; } .tab01__radio01:checked#tab01-btn-4-3 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-3] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-4-3 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-3]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-4-3 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-3]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-4-3 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-4-3] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-4-3 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-4-3 { display: block; } .tab01__radio01:checked#tab01-btn-4-4 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-4] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-4-4 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-4]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-4-4 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-4]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-4-4 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-4-4] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-4-4 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-4-4 { display: block; } .tab01__radio01:checked#tab01-btn-4-5 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-5] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-4-5 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-5]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-4-5 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-5]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-4-5 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-4-5] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-4-5 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-4-5 { display: block; } .tab01__radio01:checked#tab01-btn-4-6 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-6] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-4-6 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-6]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-4-6 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-6]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-4-6 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-4-6] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-4-6 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-4-6 { display: block; } .tab01__radio01:checked#tab01-btn-4-7 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-7] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-4-7 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-7]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-4-7 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-7]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-4-7 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-4-7] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-4-7 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-4-7 { display: block; } .tab01__radio01:checked#tab01-btn-4-8 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-8] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-4-8 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-8]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-4-8 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-8]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-4-8 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-4-8] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-4-8 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-4-8 { display: block; } .tab01__radio01:checked#tab01-btn-4-9 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-9] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-4-9 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-9]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-4-9 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-9]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-4-9 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-4-9] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-4-9 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-4-9 { display: block; } .tab01__radio01:checked#tab01-btn-4-10 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-10] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-4-10 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-10]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-4-10 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-10]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-4-10 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-4-10] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-4-10 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-4-10 { display: block; } .tab01__radio01:checked#tab01-btn-4-11 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-11] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-4-11 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-11]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-4-11 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-11]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-4-11 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-4-11] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-4-11 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-4-11 { display: block; } .tab01__radio01:checked#tab01-btn-4-12 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-12] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-4-12 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-12]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-4-12 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-12]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-4-12 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-4-12] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-4-12 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-4-12 { display: block; } .tab01__radio01:checked#tab01-btn-4-13 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-13] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-4-13 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-13]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-4-13 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-13]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-4-13 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-4-13] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-4-13 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-4-13 { display: block; } .tab01__radio01:checked#tab01-btn-4-14 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-14] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-4-14 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-14]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-4-14 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-14]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-4-14 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-4-14] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-4-14 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-4-14 { display: block; } .tab01__radio01:checked#tab01-btn-4-15 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-15] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-4-15 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-15]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-4-15 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-15]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-4-15 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-4-15] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-4-15 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-4-15 { display: block; } .tab01__radio01:checked#tab01-btn-4-16 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-16] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-4-16 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-16]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-4-16 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-16]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-4-16 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-4-16] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-4-16 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-4-16 { display: block; } .tab01__radio01:checked#tab01-btn-4-17 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-17] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-4-17 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-17]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-4-17 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-17]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-4-17 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-4-17] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-4-17 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-4-17 { display: block; } .tab01__radio01:checked#tab01-btn-4-18 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-18] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-4-18 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-18]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-4-18 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-18]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-4-18 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-4-18] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-4-18 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-4-18 { display: block; } .tab01__radio01:checked#tab01-btn-4-19 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-19] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-4-19 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-19]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-4-19 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-19]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-4-19 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-4-19] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-4-19 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-4-19 { display: block; } .tab01__radio01:checked#tab01-btn-4-20 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-20] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-4-20 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-20]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-4-20 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-4-20]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-4-20 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-4-20] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-4-20 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-4-20 { display: block; } .tab01__radio01:checked#tab01-btn-5-1 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-1] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-5-1 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-1]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-5-1 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-1]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-5-1 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-5-1] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-5-1 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-5-1 { display: block; } .tab01__radio01:checked#tab01-btn-5-2 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-2] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-5-2 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-2]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-5-2 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-2]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-5-2 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-5-2] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-5-2 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-5-2 { display: block; } .tab01__radio01:checked#tab01-btn-5-3 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-3] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-5-3 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-3]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-5-3 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-3]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-5-3 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-5-3] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-5-3 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-5-3 { display: block; } .tab01__radio01:checked#tab01-btn-5-4 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-4] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-5-4 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-4]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-5-4 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-4]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-5-4 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-5-4] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-5-4 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-5-4 { display: block; } .tab01__radio01:checked#tab01-btn-5-5 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-5] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-5-5 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-5]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-5-5 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-5]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-5-5 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-5-5] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-5-5 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-5-5 { display: block; } .tab01__radio01:checked#tab01-btn-5-6 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-6] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-5-6 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-6]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-5-6 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-6]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-5-6 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-5-6] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-5-6 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-5-6 { display: block; } .tab01__radio01:checked#tab01-btn-5-7 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-7] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-5-7 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-7]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-5-7 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-7]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-5-7 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-5-7] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-5-7 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-5-7 { display: block; } .tab01__radio01:checked#tab01-btn-5-8 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-8] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-5-8 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-8]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-5-8 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-8]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-5-8 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-5-8] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-5-8 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-5-8 { display: block; } .tab01__radio01:checked#tab01-btn-5-9 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-9] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-5-9 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-9]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-5-9 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-9]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-5-9 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-5-9] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-5-9 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-5-9 { display: block; } .tab01__radio01:checked#tab01-btn-5-10 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-10] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-5-10 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-10]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-5-10 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-10]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-5-10 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-5-10] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-5-10 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-5-10 { display: block; } .tab01__radio01:checked#tab01-btn-5-11 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-11] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-5-11 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-11]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-5-11 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-11]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-5-11 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-5-11] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-5-11 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-5-11 { display: block; } .tab01__radio01:checked#tab01-btn-5-12 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-12] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-5-12 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-12]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-5-12 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-12]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-5-12 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-5-12] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-5-12 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-5-12 { display: block; } .tab01__radio01:checked#tab01-btn-5-13 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-13] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-5-13 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-13]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-5-13 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-13]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-5-13 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-5-13] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-5-13 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-5-13 { display: block; } .tab01__radio01:checked#tab01-btn-5-14 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-14] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-5-14 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-14]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-5-14 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-14]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-5-14 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-5-14] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-5-14 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-5-14 { display: block; } .tab01__radio01:checked#tab01-btn-5-15 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-15] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-5-15 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-15]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-5-15 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-15]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-5-15 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-5-15] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-5-15 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-5-15 { display: block; } .tab01__radio01:checked#tab01-btn-5-16 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-16] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-5-16 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-16]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-5-16 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-16]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-5-16 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-5-16] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-5-16 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-5-16 { display: block; } .tab01__radio01:checked#tab01-btn-5-17 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-17] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-5-17 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-17]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-5-17 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-17]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-5-17 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-5-17] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-5-17 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-5-17 { display: block; } .tab01__radio01:checked#tab01-btn-5-18 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-18] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-5-18 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-18]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-5-18 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-18]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-5-18 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-5-18] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-5-18 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-5-18 { display: block; } .tab01__radio01:checked#tab01-btn-5-19 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-19] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-5-19 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-19]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-5-19 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-19]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-5-19 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-5-19] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-5-19 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-5-19 { display: block; } .tab01__radio01:checked#tab01-btn-5-20 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-20] { background: #06A030; border-bottom: 1.0666666667vw solid #08581E; pointer-events: none; min-height: 17.8666666667vw; font-weight: 500; font-size: 5.8666666667vw; color: #fff; -webkit-box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); box-shadow: 0vw 3.7333333333vw 4.5333333333vw -2.1333333333vw rgba(0, 0, 0, 0.4); } .tab01__radio01:checked#tab01-btn-5-20 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-20]::before { content: ""; position: absolute; left: 50%; bottom: -2.6666666667vw; width: 0; height: 0; border-style: solid; border-right: 4vw solid transparent; border-left: 4vw solid transparent; border-top: 2.6666666667vw solid #06A030; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; } .tab01__radio01:checked#tab01-btn-5-20 ~ .tab01__btnList01 .tab01__label01[for=tab01-btn-5-20]::after { content: ""; position: absolute; left: 50%; bottom: -4vw; width: 0; height: 0; border-style: solid; border-right: 5.3333333333vw solid transparent; border-left: 5.3333333333vw solid transparent; border-top: 4vw solid #08581E; border-bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .tab01__radio01:checked#tab01-btn-5-20 ~ .tab01__btnList02 .tab01__label02[for=tab01-btn-5-20] { background: #06a02e; color: #fff; pointer-events: none; } .tab01__radio01:checked#tab01-btn-5-20 ~ .tab01__contList01 .tab01__contItem01#tab01-cont-5-20 { display: block; } .tab01__btnList01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; margin-bottom: 10.6666666667vw; z-index: 1; } .tab01__btnItem01 { position: relative; -ms-flex-preferred-size: 90vw; flex-basis: 90vw; margin: 0 1.0666666667vw; } .tab01__label01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 100%; min-height: 14.4vw; background: #EEF49E; border-radius: 12.8vw; text-align: center; cursor: pointer; -webkit-transition: -webkit-filter 0.2s; transition: -webkit-filter 0.2s; transition: filter 0.2s; transition: filter 0.2s, -webkit-filter 0.2s; } .tab01__label01:hover { -webkit-filter: brightness(0.9); filter: brightness(0.9); } .tab01__label01-1 { display: block; font-size: 3.7333333333vw; } .tab01__contList01 { display: block; } .tab01__contItem01 { display: none; } .tab01__btnList02 { display: -webkit-box; display: -ms-flexbox; display: flex; width: 90vw; margin: 0 auto; } .tab01__btnItem02 { width: 50%; } .tab01__btnItem02:nth-child(1) .tab01__label02 { border-radius: 2.1333333333vw 0 0 2.1333333333vw; } .tab01__btnItem02:nth-child(2) .tab01__label02 { border-radius: 0 2.1333333333vw 2.1333333333vw 0; } .tab01__label02 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; width: 100%; min-height: 13.3333333333vw; background: #EFEFEF; font-size: 4vw; text-align: center; cursor: pointer; -webkit-transition: 0.2s; transition: 0.2s; } .tab01__label02:hover { opacity: 0.8; } .tab01__imgWrapper01 { width: 100%; margin: 0 auto; } .tab01__img01 { vertical-align: bottom; } .table01.-price .table01__table { border: none; } .table01.-price .table01__th, .table01.-price .table01__td { width: auto; padding: 2.6666666667vw; border-bottom: 0.2666666667vw solid #E0E0E0; border-right: 0.2666666667vw solid #E0E0E0; border-left: none; font-size: 3.7333333333vw; font-weight: 500; text-align: center; vertical-align: middle; } .table01.-price .table01__th.-transparent, .table01.-price .table01__td.-transparent { background: none; } .table01.-thLeft .table01__table { table-layout: auto; } .table01.-thLeft .table01__th { width: 40%; } .table01__scrollWrapper { width: 100%; overflow-x: scroll; } .table01__table { table-layout: fixed; width: 100%; border-top: 0.5333333333vw solid #707070; border-right: 0.5333333333vw solid #707070; overflow: hidden; } .table01__th, .table01__td { width: 64vw; border-bottom: 0.5333333333vw solid #707070; border-left: 0.5333333333vw solid #707070; padding: 4.2666666667vw; font-size: 4.2666666667vw; text-align: left; } .table01__th.-border-top-1, .table01__td.-border-top-1 { border-top: 0.2666666667vw solid #E0E0E0; } .table01__th { background: #06a02e; color: #fff; } .table01__td { background: #fff; } .table01__td.-red { color: #FF2D2D; } .table01__link01 { font-size: 4.2666666667vw; color: #03468c; text-decoration: underline; } .table01__link01:hover { text-decoration: none; } .tags01 h2 { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; display: block; position: relative; margin-top: 10vw; padding-bottom: 5.3333333333vw; font-size: 6.9333333333vw; font-weight: 500; } .tags01 h2::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 1.8666666667vw; border-radius: 1.8666666667vw; background: #06a02e; border-bottom: 0.5333333333vw solid #fff; -webkit-box-shadow: 0vw 1.3333333333vw 1.3333333333vw -0.8vw rgba(0, 0, 0, 0.8); box-shadow: 0vw 1.3333333333vw 1.3333333333vw -0.8vw rgba(0, 0, 0, 0.8); } .tags01 h3 { font-family: "Shippori Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳＰ明朝", "ＭＳ明朝", "Noto Serif JP", serif !important; display: block; position: relative; margin-top: 6vw; padding: 2.6666666667vw 5.3333333333vw; background: #06a02e; border-radius: 2.6666666667vw; border-bottom: 0.8vw solid #fff; font-size: 5.3333333333vw; font-weight: 500; color: #fff; line-height: 1.5; } .tags01 h4 { display: block; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 6vw; padding-bottom: 5.3333333333vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border_repeat-1.png) repeat-x bottom/1.8666666667vw; background-size: auto 1.8666666667vw; border-radius: 4vw; font-size: 4.8vw; font-weight: 500; line-height: 1.5; } .tags01 h5 { display: block; position: relative; margin-top: 6vw; padding: 2.6666666667vw 5.3333333333vw; background: #fff; border: 0.2666666667vw solid #E0E0E0; border-radius: 4vw; border-bottom: 0.8vw solid #E0E0E0; font-size: 4.2666666667vw; font-weight: 500; line-height: 1.5; } .tags01 h6 { display: block; position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 6vw; padding: 2.1333333333vw 6.4vw; background: url(/wordpress/wp-content/themes/safari/dist/img/common/bg_border-1.png) repeat-y left center/2.1333333333vw auto; border-radius: 4vw; font-size: 4.2666666667vw; font-weight: 500; line-height: 1.5; } .tags01 p:not([class]) { margin-top: 8vw; font-size: 4vw; line-height: 1.8; } .tags01 p:not([class]) strong { font-weight: bold; } .tags01 a { color: #06a02e; text-decoration: underline; } .tags01 a:hover { text-decoration: none; } .tags01 ol.wp-block-list { display: block; counter-reset: item-num; margin-top: 8vw; } .tags01 ol.wp-block-list li:not([class]) { display: block; position: relative; counter-increment: item-num; padding-left: 5.3333333333vw; font-size: 4.2666666667vw; } .tags01 ol.wp-block-list li:not([class]) + li { margin-top: 4vw; } .tags01 ol.wp-block-list li:not([class])::before { position: absolute; top: 0; left: 0; content: counter(item-num) "."; font-size: 4.2666666667vw; font-weight: bold; color: #06a02e; } .tags01 ul.wp-block-list { margin-top: 8vw; font-size: 4vw; } .tags01 ul.wp-block-list li:not([class]) { position: relative; padding-left: 5.3333333333vw; font-size: 4.2666666667vw; line-height: 1.5; } .tags01 ul.wp-block-list li:not([class]) + li { margin-top: 4.2666666667vw; } .tags01 ul.wp-block-list li:not([class])::before { content: ""; position: absolute; left: 0; top: 1.6vw; width: 3.4666666667vw; height: 3.4666666667vw; background: #06a02e; border-radius: 3.4666666667vw; } .tags01 .wp-block-image { margin-top: 6vw; } .tags01 .wp-block-image img { display: block; width: auto; max-width: 100%; } .tags01 .wp-block-image figcaption { font-size: 3.2vw; } .tags01 s { text-decoration: line-through; } .text01__type01 { font-size: 4.8vw; line-height: 1.8; } .text01__type02 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; font-size: 4.2666666667vw; line-height: 1.8; } .text01__type02 a { color: #044B9F; text-decoration: underline; } .text01__type02 a:hover { text-decoration: none; } .text01__type02 b, .text01__type02 strong { font-weight: bold; } .text01__link01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; min-width: 64vw; width: 100%; height: 20vw; margin: 5.3333333333vw auto 0; background: #06a02e; border-radius: 2.6666666667vw; color: #fff; -webkit-transition: -webkit-filter 0.2s; transition: -webkit-filter 0.2s; transition: filter 0.2s; transition: filter 0.2s, -webkit-filter 0.2s; } .text01__link01::before { display: block; position: absolute; top: 50%; right: 5.0666666667vw; display: block; width: 1.6vw; height: 1.6vw; border-top: 0.2666666667vw solid #06a02e; border-right: 0.2666666667vw solid #06a02e; -webkit-transform-origin: 100% 0; transform-origin: 100% 0; content: ""; -webkit-transform: rotate(45deg); transform: rotate(45deg); content: ""; z-index: 1; } .text01__link01::after { content: ""; display: block; position: absolute; right: 3.4666666667vw; top: 50%; width: 4.8vw; height: 4.8vw; background: #fff; border-radius: 3.2vw; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .text01__link01:hover { -webkit-filter: brightness(0.85); filter: brightness(0.85); } .text01__link01-1 { font-size: 3.7333333333vw; } .text01__link01-2 { font-size: 5.3333333333vw; font-weight: 500; } .text01__info01 { width: 100%; min-width: 100%; margin: 0 auto; border-radius: 4vw; background: #fff; -webkit-box-shadow: 0vw 0.5333333333vw 1.3333333333vw 0vw rgba(0, 0, 0, 0.3); box-shadow: 0vw 0.5333333333vw 1.3333333333vw 0vw rgba(0, 0, 0, 0.3); overflow: hidden; } .text01__list02 { padding: 4.2666666667vw; } .text01__list02.-flow { margin-top: 5.3333333333vw; padding: 0; } .text01__list02.-flow .cont14__item02 { position: relative; margin-top: 0; padding-top: 0; border-top: 0.2666666667vw dashed #000; } .text01__list02.-flow .cont14__item02::before { display: block; position: absolute; left: 50%; top: -3.2vw; width: 5.3333333333vw; height: calc(5.3333333333vw / 0.8695652174); padding: 0 2.6666666667vw; background: #fff url(/wordpress/wp-content/themes/safari/dist/img/common/icon_arrow_bottom-green.svg) no-repeat center top/5.3333333333vw auto; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-box-sizing: content-box; box-sizing: content-box; content: ""; } .text01__item02:not(:first-child) { margin-top: 4.2666666667vw; padding-top: 4.2666666667vw; border-top: 0.5333333333vw dotted #000; } .text01__ttl01 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 21.3333333333vw; background: #06a02e; font-size: 5.3333333333vw; font-weight: 500; color: #fff; text-align: center; line-height: 1.2; } .text01__dl01 { text-align: center; } .text01__dt01 { font-size: 3.7333333333vw; font-weight: bold; color: #06a02e; } .text01__dd01 { font-size: 4.2666666667vw; } .text01__chatBotLink { width: 100%; margin-top: 4vw; } .text01__chatBotLink img { width: 100%; height: auto; } .textList01__list01.-large .textList01__item01 { padding: 3.7333333333vw 3.7333333333vw 3.7333333333vw 8vw; background: #fff; border: 0.2666666667vw solid #E0E0E0; border-radius: 2.6666666667vw; -webkit-box-shadow: 0vw 0.5333333333vw 1.3333333333vw 0 rgba(0, 0, 0, 0.2); box-shadow: 0vw 0.5333333333vw 1.3333333333vw 0 rgba(0, 0, 0, 0.2); } .textList01__list01.-large .textList01__item01::before { content: ""; position: absolute; left: 3.7333333333vw; top: 5.6vw; width: 2.9333333333vw; height: 2.9333333333vw; background: #06a02e; border-radius: 2.9333333333vw; } .textList01__list01.-large .textList01__item01 + .textList01__item01 { margin-top: 2.6666666667vw; } .textList01__list01.-small .textList01__item01 { padding-left: 5.3333333333vw; font-size: 4.2666666667vw; } .textList01__list01.-small .textList01__item01 + .textList01__item01 { margin-top: 4.2666666667vw; } .textList01__list01.-small .textList01__item01::before { content: ""; position: absolute; left: 0; top: 1.6vw; width: 2.9333333333vw; height: 2.9333333333vw; background: #000; border-radius: 2.9333333333vw; } .textList01__item01 { position: relative; font-size: 4.2666666667vw; line-height: 1.5; }