 希望の登山内容が決まっていなくても大丈夫です。まずはお気軽にご相談ください。オンラインの相談も受け付けております。 

 山岳ガイドのご依頼・クライミング講習会へのご参加をご希望の方は、こちらからお問い合わせください。 

 オンラインの相談をしてみる 

@font-face{font-family:ETmodules;font-display:block;src:url(//needlesguide.jp/wp-content/themes/Divi%203/core/admin/fonts/modules/base/modules.eot);src:url(//needlesguide.jp/wp-content/themes/Divi%203/core/admin/fonts/modules/base/modules.eot?#iefix) format("embedded-opentype"),url(//needlesguide.jp/wp-content/themes/Divi%203/core/admin/fonts/modules/base/modules.ttf) format("truetype"),url(//needlesguide.jp/wp-content/themes/Divi%203/core/admin/fonts/modules/base/modules.woff) format("woff"),url(//needlesguide.jp/wp-content/themes/Divi%203/core/admin/fonts/modules/base/modules.svg#ETmodules) format("svg");font-weight:400;font-style:normal}*,::after,::before{box-sizing:border-box}@media(prefers-reduced-motion: no-preference){:root{scroll-behavior:smooth}}.container{max-width:1080px}header{z-index:10000}body{margin:0;font-family:Open Sans,Arial,sans-serif}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}@media(min-width: 1200px){.h1,h1{font-size:2.5rem}}h1,h2,h3,h4,h5,h6{color:#333;padding-bottom:10px;line-height:1em;font-weight:500}.fs-36{font-size:36px !important}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}a{color:rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));text-decoration:none}a:hover{--bs-link-color-rgb: var(--bs-link-hover-color-rgb) }a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}textarea{resize:vertical}.w-full{width:100%}.w-50{width:50%}.h-full{height:100%}.h-50{width:50%}.flex{display:flex}.flex-row{flex-direction:row !important}.flex-col{flex-direction:column !important}.flex-wrap{flex-wrap:wrap !important}.flex-nowrap{flex-wrap:nowrap !important}.flex-grow-0{flex-grow:0 !important}.flex-grow-1{flex-grow:1 !important}.flex-shrink-0{flex-shrink:0 !important}.flex-shrink-1{flex-shrink:1 !important}.col-auto{flex:0 0 auto;width:auto}.justify-start{justify-content:flex-start !important}.justify-end{justify-content:flex-end !important}.justify-center{justify-content:center !important}.justify-between{justify-content:space-between !important}.justify-around{justify-content:space-around !important}.justify-evenly{justify-content:space-evenly !important}.align-start{align-items:flex-start !important}.align-end{align-items:flex-end !important}.align-center{align-items:center !important}.align-baseline{align-items:baseline !important}.align-stretch{align-items:stretch !important}.align-content-start{align-content:flex-start !important}.align-content-end{align-content:flex-end !important}.align-content-center{align-content:center !important}.align-content-between{align-content:space-between !important}.align-content-around{align-content:space-around !important}.align-content-stretch{align-content:stretch !important}.align-self-auto{align-self:auto !important}.align-self-start{align-self:flex-start !important}.align-self-end{align-self:flex-end !important}.align-self-center{align-self:center !important}.align-self-baseline{align-self:baseline !important}.align-self-stretch{align-self:stretch !important}.order-first{order:-1 !important}.order-0{order:0 !important}.order-1{order:1 !important}.order-2{order:2 !important}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}@media(min-width: 576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x: 0 }.g-sm-0,.gy-sm-0{--bs-gutter-y: 0 }.g-sm-1,.gx-sm-1{--bs-gutter-x: 0.25rem }.g-sm-1,.gy-sm-1{--bs-gutter-y: 0.25rem }.g-sm-2,.gx-sm-2{--bs-gutter-x: 0.5rem }.g-sm-2,.gy-sm-2{--bs-gutter-y: 0.5rem }.g-sm-3,.gx-sm-3{--bs-gutter-x: 1rem }.g-sm-3,.gy-sm-3{--bs-gutter-y: 1rem }.g-sm-4,.gx-sm-4{--bs-gutter-x: 1.5rem }.g-sm-4,.gy-sm-4{--bs-gutter-y: 1.5rem }.g-sm-5,.gx-sm-5{--bs-gutter-x: 3rem }.g-sm-5,.gy-sm-5{--bs-gutter-y: 3rem }}@media(min-width: 768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x: 0 }.g-md-0,.gy-md-0{--bs-gutter-y: 0 }.g-md-1,.gx-md-1{--bs-gutter-x: 0.25rem }.g-md-1,.gy-md-1{--bs-gutter-y: 0.25rem }.g-md-2,.gx-md-2{--bs-gutter-x: 0.5rem }.g-md-2,.gy-md-2{--bs-gutter-y: 0.5rem }.g-md-3,.gx-md-3{--bs-gutter-x: 1rem }.g-md-3,.gy-md-3{--bs-gutter-y: 1rem }.g-md-4,.gx-md-4{--bs-gutter-x: 1.5rem }.g-md-4,.gy-md-4{--bs-gutter-y: 1.5rem }.g-md-5,.gx-md-5{--bs-gutter-x: 3rem }.g-md-5,.gy-md-5{--bs-gutter-y: 3rem }}@media(min-width: 992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x: 0 }.g-lg-0,.gy-lg-0{--bs-gutter-y: 0 }.g-lg-1,.gx-lg-1{--bs-gutter-x: 0.25rem }.g-lg-1,.gy-lg-1{--bs-gutter-y: 0.25rem }.g-lg-2,.gx-lg-2{--bs-gutter-x: 0.5rem }.g-lg-2,.gy-lg-2{--bs-gutter-y: 0.5rem }.g-lg-3,.gx-lg-3{--bs-gutter-x: 1rem }.g-lg-3,.gy-lg-3{--bs-gutter-y: 1rem }.g-lg-4,.gx-lg-4{--bs-gutter-x: 1.5rem }.g-lg-4,.gy-lg-4{--bs-gutter-y: 1.5rem }.g-lg-5,.gx-lg-5{--bs-gutter-x: 3rem }.g-lg-5,.gy-lg-5{--bs-gutter-y: 3rem }}@media(min-width: 1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x: 0 }.g-xl-0,.gy-xl-0{--bs-gutter-y: 0 }.g-xl-1,.gx-xl-1{--bs-gutter-x: 0.25rem }.g-xl-1,.gy-xl-1{--bs-gutter-y: 0.25rem }.g-xl-2,.gx-xl-2{--bs-gutter-x: 0.5rem }.g-xl-2,.gy-xl-2{--bs-gutter-y: 0.5rem }.g-xl-3,.gx-xl-3{--bs-gutter-x: 1rem }.g-xl-3,.gy-xl-3{--bs-gutter-y: 1rem }.g-xl-4,.gx-xl-4{--bs-gutter-x: 1.5rem }.g-xl-4,.gy-xl-4{--bs-gutter-y: 1.5rem }.g-xl-5,.gx-xl-5{--bs-gutter-x: 3rem }.g-xl-5,.gy-xl-5{--bs-gutter-y: 3rem }}@media(min-width: 1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x: 0 }.g-xxl-0,.gy-xxl-0{--bs-gutter-y: 0 }.g-xxl-1,.gx-xxl-1{--bs-gutter-x: 0.25rem }.g-xxl-1,.gy-xxl-1{--bs-gutter-y: 0.25rem }.g-xxl-2,.gx-xxl-2{--bs-gutter-x: 0.5rem }.g-xxl-2,.gy-xxl-2{--bs-gutter-y: 0.5rem }.g-xxl-3,.gx-xxl-3{--bs-gutter-x: 1rem }.g-xxl-3,.gy-xxl-3{--bs-gutter-y: 1rem }.g-xxl-4,.gx-xxl-4{--bs-gutter-x: 1.5rem }.g-xxl-4,.gy-xxl-4{--bs-gutter-y: 1.5rem }.g-xxl-5,.gx-xxl-5{--bs-gutter-x: 3rem }.g-xxl-5,.gy-xxl-5{--bs-gutter-y: 3rem }}.h-full{height:100% !important}.relative{position:relative !important}.absolute{position:absolute !important}.fixed{position:fixed !important}.m-auto{margin:auto !important}.w-80{width:80%}.bg-white{background-color:#fff !important}.m-0{margin:0px !important}.text-center{text-align:center !important}.text-left{text-align:left !important}.text-right{text-align:right !important}.font-bold{font-weight:700 !important}.font-normal{font-weight:500 !important}.font-initial{font-weight:400 !important}.fs-24{font-size:24px !important}.mt-0{margin-top:0px !important}.mb-0{margin-bottom:0px !important}.ms-0{margin-left:0px !important}.me-0{margin-right:0px !important}.row-gap-0{row-gap:0 !important}.row-gap-1{row-gap:.25rem !important}.row-gap-2{row-gap:.5rem !important}.row-gap-3{row-gap:1rem !important}.row-gap-4{row-gap:1.5rem !important}.row-gap-5{row-gap:3rem !important}.row{display:flex;flex-wrap:wrap;row-gap:5%}.p-0{padding:0 !important}.p-1{padding:.25rem !important}.p-2{padding:.5rem !important}.p-3{padding:1rem !important}.p-4{padding:1.5rem !important}.p-5{padding:3rem !important}.px-0{padding-right:0 !important;padding-left:0 !important}.px-1{padding-right:.25rem !important;padding-left:.25rem !important}.px-2{padding-right:.5rem !important;padding-left:.5rem !important}.px-3{padding-right:1rem !important;padding-left:1rem !important}.px-4{padding-right:1.5rem !important;padding-left:1.5rem !important}.px-5{padding-right:3rem !important;padding-left:3rem !important}.py-0{padding-top:0 !important;padding-bottom:0 !important}.py-1{padding-top:.25rem !important;padding-bottom:.25rem !important}.py-2{padding-top:.5rem !important;padding-bottom:.5rem !important}.py-3{padding-top:1rem !important;padding-bottom:1rem !important}.py-4{padding-top:1.5rem !important;padding-bottom:1.5rem !important}.py-5{padding-top:3rem !important;padding-bottom:3rem !important}.pt-0{padding-top:0 !important}.pt-1{padding-top:.25rem !important}.pt-2{padding-top:.5rem !important}.pt-3{padding-top:1rem !important}.pt-4{padding-top:1.5rem !important}.pt-5{padding-top:3rem !important}.pe-0{padding-right:0 !important}.pe-1{padding-right:.25rem !important}.pe-2{padding-right:.5rem !important}.pe-3{padding-right:1rem !important}.pe-4{padding-right:1.5rem !important}.pe-5{padding-right:3rem !important}.pb-0{padding-bottom:0 !important}.pb-1{padding-bottom:.25rem !important}.pb-2{padding-bottom:.5rem !important}.pb-3{padding-bottom:1rem !important}.pb-4{padding-bottom:1.5rem !important}.pb-5{padding-bottom:3rem !important}.ps-0{padding-left:0 !important}.ps-1{padding-left:.25rem !important}.ps-2{padding-left:.5rem !important}.ps-3{padding-left:1rem !important}.ps-4{padding-left:1.5rem !important}.ps-5{padding-left:3rem !important}header li:last-child{padding-right:0px !important}header .btn-primary:hover{border:2px solid rgba(0,0,0,0);border-radius:3px !important}.hamburger{background-color:#fff}.hamburger li{margin:6% 0}

.footer{gap:5.5%;background-color:#2d2d2d !important}footer .col{width:47.25%}footer .left{background-image:url("https://static.cms.flux.jp/w/5duQXon4pU/images/alpineguide-pics-7-1.jpg");background-size:cover;background-repeat:no-repeat;background-position:left 0% center;padding-top:0px;padding-bottom:0px;padding-left:0px}footer .text-box{padding:3.82%;padding-top:15% !important;padding-right:15% !important;padding-left:.3% !important}footer h2{font-size:36px;color:#fff !important;line-height:1.3em}footer p{font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif;line-height:2em;color:#fff}.footer .short-border{margin:25px 0px 43px}footer .btn-group{gap:6.1%;display:flex;justify-content:stretch;padding-top:8% !important;padding-right:15% !important;padding-bottom:15% !important;padding-left:0% !important}footer a{display:block;text-wrap:wrap !important;width:47.5% !important;padding:14px !important;text-align:center}.btn-normal{width:240px;padding:14px 64px;color:#fff;display:block;position:relative}.btn-ani::after{transition:all 300ms ease 0ms;font-size:1.6em;line-height:1.01em;content:"5";opacity:0;position:absolute;margin-left:-1em;-webkit-transition:all .2s;transition:all .2s;text-transform:none;-webkit-font-feature-settings:"kern" off;font-feature-settings:"kern" off;font-family:ETmodules !important;font-variant:none;font-style:normal;font-weight:400;text-shadow:none}.btn-ani:hover::after{opacity:1;margin-left:.4rem;display:inline}@media(max-width: 980px){.col{width:100% !important}footer .w-full{flex-wrap:wrap}.footer .left{height:300px}.footer .text-box{padding-top:5% !important;padding-right:10% !important;padding-left:10% !important}.footer .btn-group{padding-right:10% !important;padding-bottom:15% !important;padding-left:10% !important}}@media(max-width: 480px){.footer .btn-group{display:block}.btn-normal{width:100% !important;margin-bottom:18px}}

:root{--main: rgb(9, 117, 193);--secondary: #7c7c7c}html{font-size:14px;font-family:"Noto Sans Japanese",sans-serif}*{font-family:"Noto Sans Japanese",sans-serif !important}p{color:#2d2d2d;font-weight:500}header{padding:0px 40px;height:80px}header ul{margin:0px}ul,li{list-style:none}li a{display:block;height:100%;font-weight:200 !important}.btn{outline:none;border:2px solid var(--main);text-wrap:nowrap;padding:1rem;text-align:center;font-weight:600}.btn-primary{background-color:var(--main)}.white{color:#fff}.py-5{padding-top:5px !important;padding-bottom:5px !important}.fs-24{font-size:24px !important}.fs-18{font-size:18px !important}.fs-16{font-size:16px !important}.fs-15{font-size:15px !important}.fs-14{font-size:14px !important}.fs-13{font-size:13px !important}header nav{display:block}.btn-contact{padding:4.5px 15px !important;font-weight:500}.lg-menu li{padding:0px 11px !important;display:flex;align-items:center}.lg-menu li a{display:flex;align-items:center}.h-60{height:60px}header .btn-primary{border:2px solid #fff;transition:all 300ms ease 0ms;padding-bottom:7.5px !important;padding-top:7.5px !important;border-radius:0px}header .btn-primary:hover{border-radius:3px;border:2px solid rgba(0,0,0,0)}.hambuger{display:none}@media(max-width: 980px){.lg-menu{display:none}.hamburger-button{display:block !important}}.hamburger{border-top:2px solid var(--main);display:flex;flex-direction:column;color:var(--secondary);padding:5% 5%;top:70px;left:5%;right:5%;display:none;box-sizing:border-box}@media(min-width: 980px){.hamburger{display:none !important}}.hamburger-button{width:32px;min-width:32px;height:32px;margin:0px 6px;display:flex;justify-content:center;flex-direction:column;padding:13px 4px 0px 4px;display:none}.hamburger-button div{width:100%;height:2px;background-color:var(--secondary);margin-bottom:4px}.h-60{height:60px}main{padding-top:80px}#mainVisual{background-blend-mode:multiply;background-image:url(https://static.cms.flux.jp/w/5duQXon4pU/images/alpineguide-pics-5-scaled-1.jpg) !important;background-position:center center;background-size:cover}#mainVisual>.w-full{background:radial-gradient(circle at top left, rgba(255, 255, 255, 0) 37%, rgba(255, 255, 255, 0.48) 48%, rgba(255, 255, 255, 0.89) 61%) !important}#mainVisual .content{width:80%;max-width:1080px;padding:8.1vw 0px 10.5vw;margin:auto}#mainVisual h5{margin:0px;padding:0px 0px 14px}@media(max-width: 980px){#mainVisual .content{padding:22vw 0px}}#mainVisual h1{margin-bottom:31px;font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif;font-weight:700;font-size:56px;letter-spacing:2px;line-height:1em}.short-border{width:80px;height:1px;background-color:#ff9000}#mainVisual .content p{margin-top:51px;margin-bottom:26px;line-height:24px}#link_schedule{color:var(--main);border-color:#fff}#mainVisual .btn-group{display:flex;gap:27px}#mainVisual a{display:block;text-align:center;width:207px}@media(max-width: 980px){#mainVisual a{width:50%}}.section-normal{padding:72px 0px;background-color:rgba(233,236,235,.5)}.container{width:80%;margin:auto}.content-normal{gap:5.5%}.content-normal h2{margin:0px;font-weight:700}h2{color:#333}.content-normal{font-family:"Noto Sans JP",Helvetica,Arial,Lucida,sans-serif}.content-normal .col{width:47.5%}.content-normal .short-border{margin:25px 0px 43px}.content-normal p{line-height:24px}.content-normal h2{font-size:36px;font-weight:700;line-height:47px}.mt-60{margin-top:60px}.section-normal .btn-group{margin:30px 0px 30px;display:flex;justify-content:center}@media(max-width: 980px){.section1 .content-normal{flex-wrap:wrap}.section-normal{padding:80px 0px}.m-md-30{margin-top:30px}h2{font-size:24px !important;line-height:32px !important}.section1{padding-bottom:58px !important}.section1 .btn-group{margin-bottom:0px}}.section2 h2{font-size:36px !important}.section2 p{line-height:24px}.section2 .box{background-color:#fff;padding:30px !important;font-weight:500}.section2 .box .col{width:47.5%}.section2 .box .col:first-child{margin-right:5%}.section2 h3{font-size:30px;color:var(--main);margin-top:24px;margin-bottom:3%}@media(max-width: 980px){.section2 .box .col{width:100%}.section2 .box .col:first-child{margin-right:0%}}@keyframes img_animation{from{opacity:0}to{opacity:1}}.img-ani{-webkit-animation-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955);animation-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955);-webkit-animation-duration:1.5s;animation-duration:1.5s;animation-name:img_animation}.titleqqq{position:relative}.section3 h2{font-size:24px;margin-bottom:24px}.section3 ul{margin:0;padding:0px 0px 14px 14px;border:0;outline:0;font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;vertical-align:baseline;background:rgba(0,0,0,0)}.section3 li{margin:0;padding:0;border:0;outline:0;font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;vertical-align:baseline;background:rgba(0,0,0,0);list-style-type:disc;line-height:26px}.section4 .short-border{margin:25px 0px 43px}.section4 a{font-size:20px;padding-bottom:10px;font-weight:500}.section4 p{color:#666;font-size:14px}.section4 .list{margin-bottom:60px}header li:last-child{padding-right:0px !important}.news2-list-title{color:#333}@media(max-width: 980px){#mainVisual h1{font-size:42px}}

viewport

雑記帳 - アルパインガイド 山田 祐士

$(document).ready(function () {
    $(".hamburger-button").click(function () {
        // $(".hamburger").show();
        $(".hamburger").slideToggle();
        // alert("sadf")
    })


    // $(window).scroll(function(e){
    //     if($(document).scrollTop() >$(".imgqqq").offset().top)
    // })

    let doms = document.getElementsByClassName("imgqqq")
    let len = doms.length;

    let titleDoms = document.getElementsByClassName('titleqqq');
    let titlelen = titleDoms.length;

    function ani_func () {
        
        for (let i = 0; i < len; i++) {
            if (isElementInViewport(doms[i])) {
                // console.log(doms[i].classList.)
                if (!doms[i].classList.contains('img-ani')) {
                    doms[i].classList.add('img-ani');

                    let height = doms[i].height;
                    doms[i].height = height;

                    let fullwidth = doms[i].width;;
                    let initwidth = fullwidth / 3 * 2;
                    let inter = 5
                    let timerId = setInterval(() => {
                        inter *= 0.96
                        initwidth += inter + 1
                        // $(".img-ani").css("width", initwidth);
                        doms[i].style.width = initwidth + "px";

                        if (initwidth > fullwidth) {
                            clearInterval(timerId);
                            doms[i].style.width = initwidth + "px";
                        }

                    }, 20);
                }
                // console.log(y)
            }
        }
        
        for(let i = 0; i < titlelen; i++ ){
            if (isElementInViewport(titleDoms[i])) {
                // console.log(doms[i].classList.)
                if (!titleDoms[i].classList.contains('img-ani')) {
                    titleDoms[i].classList.add('img-ani');

                    titleDoms[i].style.top = -20 +"px";
                    let top = -20;
                    let opacity = 0;
                    
                    let timerId = setInterval(() => {
                        top += 1
                        opacity += 0.05
                        titleDoms[i].style.top = top +"px";
                        titleDoms[i].style.opacity = opacity;
                        if (top > 0) {
                            clearInterval(timerId);
                            titleDoms[i].style.top = 0 +"px";
                            titleDoms[i].style.opacity = 1;
                        }

                    },10);
                    titleDoms[i].style.opacity = 1;
                }
                // console.log(y)
            }
        }
    }
    window.onscroll = function (e) {
        ani_func();
    }

    function isElementInViewport(el) {
        var rect = el.getBoundingClientRect();
        return (
            rect.bottom >= 0 &&
            rect.top <= (window.innerHeight || document.documentElement.clientHeight)
        );
    }
    ani_func();
})

COLUMNS

雑記帳