@charset "utf-8";

/*------------
 bootstrap
------------*/
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.navbar>.container,.navbar>.container-fluid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler:not(:disabled):not(.disabled){cursor:pointer}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:no-repeat center center;background-size:100% 100%}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}
.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}


*,
*::before,
*::after {
  box-sizing: border-box;
}

.clearfix::after {
    display: block;
    clear: both;
    content: "";
}


html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}
p{margin-top:0;margin-bottom:1rem}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt{font-weight:700}

dd {
  margin-bottom: .5rem;
  margin-left: 0;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

img {
  vertical-align: middle;
  border-style: none;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}



/*------------
 common
------------*/

img {
	max-width:100%;
}

ul, li {
	padding: 0;
	list-style-type: none;
}

a, a:hover, p, span, ul, li {
	color: #231F20 !important;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
	font-size: 14px;
	line-height: 170%;
}

a:hover {
	text-decoration: none;
}

section {
	margin-bottom: 40px;
}

.container img, .container-fluid img {
	opacity: 0;
}

.container img, .container-fluid img {
	transition:.5s;
}

.container img.active, .container-fluid img.active {
	opacity: 1;
}


.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.sec-title {
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
	text-align: center;
	position: relative;
	padding-top: 6px;
	margin-top: 20px;
	font-size: 16px;
}

.sec-title::before {
	display: block;
	content:"";
	/* background: url('/web/20220102234927im_/https://shirahokamakura.jp/img/oars.svg') no-repeat; */
	width: 10px;
	height: 20px;
	position: absolute;
	top: -20px;
	right: 51%;
    margin-right: -9px;
}

/*------------
 header
------------*/

header {
	background: rgba(255,255,255, 0.6);
	position: fixed;
	z-index: 4;
	top: 0;
	left: 0;
	right: 0;
}

header .inner {
	display: flex;
	justify-content: space-between;
}

.store_info {
	flex-basis: 28%;
	padding: 10px;
}

header .__menu {
	flex-basis: 68%;
	text-align: right;
}

.store_info .__logo {
	width: 140px;
}

header .__subtitle {
	display: none;
}

/*メニュー部分*/
nav{
	display:none;
	position: absolute;
	top:0;
	width: 100%;
	height: 100vh;
	background:rgba(255,255,255,0.8);
	left: 0;
}

header nav ul{
	display: block;
	width: 90%;
	height: 350px;
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin: auto;
}
header nav ul li{
	margin: 0 auto;
	text-align: center;
	margin-left: 4vw;
	line-height: 3;
}
header nav ul li:last-child{
	border: none;
}
header nav ul li a:link,
header nav ul li a:visited,
header nav ul li a:hover,
header nav ul li a:active{
	display: block;
	color: #006598;
	font-size: 16px;
	line-height: 330%;
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
}

/*開閉ボタン*/
#nav_toggle{
	display: inline-block;
	width: 40px;
	height: 40px;
	position: relative;
	top: 24px;
	z-index: 100;
	right: 20px;
}
#nav_toggle div {
	position: relative;
}
#nav_toggle span{
	display: block;
	height: 1px;
	background: #000;
	position:absolute;
	width: 100%;
	left: 0;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
#nav_toggle span:nth-child(1){
	top:0px;
}
#nav_toggle span:nth-child(2){
	top:12px;
}
#nav_toggle span:nth-child(3){
	top:24px;
}

/*開閉ボタンopen時*/
.open #nav_toggle span:nth-child(1) {
	top: 12px;
   -webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}
.open #nav_toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav_toggle span:nth-child(3) {
	top: 12px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
}

/*------------
 key visual
------------*/

#key-visual .image {
    width:100vw;
	height:calc(100vh - 32px);
	position:absolute;
	top:0;
	left:0;
	margin:0 auto;
	text-align:center;
}

#key-visual .image img {
	object-fit:cover;
	width:100%;
	height:calc(100vh - 32px);
	margin: 0 auto;
	text-align:center;
	/*object-position:100% 50%;*/
}


/*------------
 instagram
------------*/

#instagram .sec-title {
	margin-bottom: 0;
}

.account-ig {
	text-align: center;
	position: relative;
	width: 156px;
	margin: 0 auto 20px;
	font-size: 12px;
}

.account-ig::before {
	display: inline-block;
	content: '';
	/* background: url('/web/20220102234927im_/https://shirahokamakura.jp/img/instagram.svg') no-repeat; */
	width: 14px;
	height: 14px;
	vertical-align: middle;
}

.account-ig a:link,
.account-ig a:hover,
.account-ig a:visited,
.account-ig a:active {
	font-size: 12px;
	vertical-align: middle;
}

.list-ig {
	padding: 0;
	margin-left: 0;
}

.list-ig div {
	padding-left: 0;

}

/*------------
 concept
------------*/
#concept {
	/*background: url('/web/20220102234927im_/https://shirahokamakura.jp/img/lighthouse.png') no-repeat 93% 85px;
	background-size: 220%;
	margin-bottom: 0;*/
	/* background: url('/web/20220102234927im_/https://shirahokamakura.jp/img/light.png') no-repeat 115% 85px; */
	background-size: 220%;
	padding: 15px 15px 10px;
	overflow: visible;
}

#concept::before {
	content: '';
    display: block;
    width: 100%;
    height: 180%;
    /* background: url(/web/20220102234927im_/https://shirahokamakura.jp/img/lighthouse-single.png) no-repeat right 45px; */
    /*background-size: 90%;*/
    background-size: 100vw;
    position: absolute;
    z-index: 1;
    right: 0;
}

@media (min-width: 325px) {
	#concept::before {
		/*background-size: 70vw;*/
		/* background: url(/web/20220102234927im_/https://shirahokamakura.jp/img/lighthouse-single.png) no-repeat right top; */
		background-size: 90%;
	}
}

@media (min-width: 361px) {
	#concept::before {
		/*background-size: 80vw;*/
		/*background-size: 70%;*/
		background-size: 86%;
	}
}

@media (min-width: 413px) {
	#concept::before {
		/*background-size: 70vw;*/
		background-size: 50%;
		/*background-size: 75%;*/

	}
}

@media (min-width: 550px) {
	#concept::before {
		/*background-size: 70vw;*/
		background-size: 40%;
	}
}

@media (min-width: 650px) {
	#concept {
		/* background: url('/web/20220102234927im_/https://shirahokamakura.jp/img/light.png') no-repeat 106% 85px; */
	}
	#concept::before {
		/*background-size: 70vw;*/
		background-size: 35%;
	}
}

@media screen and (min-width:960px){
	#concept {
		/* background: url(/web/20220102234927im_/https://shirahokamakura.jp/img/light.png) no-repeat 110% 150px; */
	}

	#concept::before {
		padding-top: 100%;
		/* background: url(/web/20220102234927im_/https://shirahokamakura.jp/img/lighthouse-single.png) no-repeat 93% 15px; */
		background-size: 45%;

	}

}

@media screen and (min-width:1195px){
	#concept {
	}

	#concept::before {
		background-size: 40%;

	}
}

@media screen and (min-width:1325px){
	#concept {
		background-size: 220%;
	}

	#concept::before {
		width: 510px;
		background-size: 510px;
		right: 5%;
	}
}


@media (min-width: 700px) and (max-width: 959px) {

}

#concept p {
	width: 60%;
	padding-top: 60px;
	position: sticky;
	position: -webkit-sticky;
	z-index: 3;
}

/*#concept div {
	width: 60%;
	padding-top: 60px;
}
#concept div p {
	position: fixed;
	z-index: 3;
}*/

/*------------
 store
------------*/
#store {
	background-color: #EFF7F9;
	padding-top: 100px;
    /*margin-top: -92px;*/
    position: relative;
    margin-bottom: 120px;
    z-index: 0;
}

#store p {
	padding-top: 40px;
}

.list-interior li {
	margin-bottom: 15px;
}

#store::before {
	/* background: url('/web/20220102234927im_/https://shirahokamakura.jp/img/store-start.png') no-repeat top center; */
	background-size: cover;
	content: "";
	display: block;
	position: absolute;
	height: 80px;
	width: 100%;
	top: -80px;
	z-index: 0;
}

#store::after {
	/* background: url('/web/20220102234927im_/https://shirahokamakura.jp/img/store-end.png') no-repeat bottom center; */
	background-size: cover;
	position: absolute;
	bottom: -80px;
	display: block;
	content: "";
	width: 100%;
	height: 80px;
}

/*------------
 product
------------*/

.list-product .__desc {
	border: 4px double #2E2A2A;
	margin: 6px;
	padding: 15px;
	background: #fff;
	text-align: left;
}

.list-product li {
	margin-bottom: 6px;
}

.__desc h3 {
	font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", serif;
	font-size: 16px;
	text-align: center;
}

.sub-left {
	margin-left: 2%;
	flex: 0 0 47%;
    max-width: 47%;
}

.sub-right {
	margin-left: 1.5%;
	flex: 0 0 47%;
    max-width: 47%;
}


/*------------
 workshop
------------*/

#workshop {
	background: #F4FBF9;
	position: relative;
	margin-top: 100px;
}

#workshop::before {
	/* background: url('/web/20220102234927im_/https://shirahokamakura.jp/img/workshop-start.png') no-repeat top center; */
	background-size: cover;
	content: "";
	display: block;
	position: absolute;
	height: 80px;
	width: 100%;
	top: -80px;
}

#workshop::after {
	/* background: url('/web/20220102234927im_/https://shirahokamakura.jp/img/workshop-end.png') no-repeat bottom center; */
	background-size: cover;
	content: "";
	display: block;
	position: absolute;
	height: 80px;
	width: 100%;
	bottom: -80px;

}


/*------------
 access
------------*/

#access {
	background: url("/web/20220102234927im_/https://shirahokamakura.jp/img/access.jpg") no-repeat center left;
	background-size: cover;
	padding: 30px 0;
	margin-top: 100px;
	/* color: #fff; */
}

#access .sec-title::before {
	display: block;
	content:"";
	background: url('/web/20220102234927im_/https://shirahokamakura.jp/img/oars-white.svg') no-repeat;
	width: 10px;
	height: 20px;
	position: absolute;
	top: -20px;
	right: 51%;
    margin-right: -9px;
}

#access .__info {
	width: 80%;
	margin: 20px auto;
	font-size: 12px;
}

#access .__info {
	display: flex;
	flex-wrap: wrap;
}

#access .__info dt{
	display: inline-block;
	width: 25%;
}

#access .__info dd {
	display: inline-block;
	width: 75%;
}


/*------------
 footer
------------*/

section.footer {
	margin: 0;
	padding-bottom: 20px;
}

.footer .__logo {
	width: 150px;
	margin: 0 auto;
}

.footer p {
	font-size: 12px;
	text-align: center;
	margin: 10px 0 0;
	line-height: 120%;
}

/* --------------------
    PC
  ---------------------*/
@media screen and (min-width:960px){

	a, a:hover, p, span, ul, li {
		font-size: 16px;
	}

	.account-ig a:link,
	.account-ig a:hover,
	.account-ig a:visited,
	.account-ig a:active {
		font-size: 12px;
		vertical-align: middle;
	}

	section {
		margin-bottom: 90px;
	}

	header .__subtitle {
		display: block;
		font-size: 12px;
	}

	#nav_toggle {
		display: none;
	}

	.container li:nth-child(odd) img, .container-fluid li:nth-child(odd) img {
		transition:.5s;
	}

	.container li:nth-child(even) img, .container-fluid li:nth-child(even) img {
		transition:1.5s;
	}


	.sec-title {
		font-size: 26px;
		padding-top: 20px;
	}

	.sec-title::before,
	#access .sec-title::before {
		width: 18px;
		height: 33px;
		right: 50%;
	}

	header nav  {
		display: block;
		position: inherit;
		width: auto;
		height: auto;
		background: initial;
		line-height: 98px;
	}

	header nav ul {
		display: inline;
		width: auto;
		height: auto;
		position: inherit;
		margin: 0;
	}

	header nav li {
		display: inline-block;
		margin: 0;
		text-align: left;
	}

	header nav ul li a {
		display: block;
		color: #231F20;
	}

	.list-ig {
		margin-top: 20px;
	}

	.list-ig div {
		padding-right: 15px;
		padding-left: 15px;
	}


	#concept p {
		width: 575px;
		margin: 200px auto 250px;
	}

	#store {
		margin-top: -92px;
	}

	#store .container {
		padding-top: 50px;
	}

	#store .sec-title, #store p {
		position: sticky;
		position: -webkit-sticky;
		z-index: 1;
	}

	#store::after {
		bottom: -80px;
	}

	#product {
		margin-top: 240px;
	}

	#product .__desc-box {
		position: relative;
	}

	#product .__desc {
		position: absolute;
		top: 10%;
		left: -50%;
		right: 40%;
		border: 0;
		padding: 20px;
	}

	#product .__desc p {
		margin-top: 15px;
	}

	.__desc h3 {
		font-size: 22px;
		text-align: left;
	}

	#product .__desc p {
		margin-bottom: 0;
	}

	#product .__desc::before {
		content: '';
		display: block;
		width: 100%;
		height: 105%;
		border: 2px solid #fff;
		position: absolute;
		bottom: -5px;
		top: -5px;
		left: -5px;
		right: -5px;
	}

	.list-product {
		margin-top: 60px;
	}

	.list-product li {
		margin-bottom: 70px;
	}
	#workshop .container {
		padding-top: 60px;
	}
	#workshop p {
		margin: 40px 0;
	}

	#access {
		padding: 60px 0 100px;
		margin-bottom: 20px;
	}

	#access .__info {
		width: 100%;
		padding-top: 70px;
	}

	#access .sec-title {
		margin-bottom: 40px;
	}

	#access iframe {
		height: 300px;
	}

	.sub-left {
		position: relative;
		margin: auto;
		-ms-flex: 0 0 58.333333%;
	    flex: 0 0 58.333333%;
	    max-width: 58.333333%;
	}

	.sub-right {
		position: relative;
		margin: auto;
		-ms-flex: 0 0 33.333333%;
	    flex: 0 0 33.333333%;
	    max-width: 33.333333%;
	}

	.sub-left img {
		position: inherit;
		top: -80px;
	}

	.sub-right img {
		position: inherit;
		top: 20px;

	}

}


.insta_frame{
    text-align:center;
    overflow-x:hidden;
}
@media screen and (max-width:910px){
    .insta_frame{
        overflow-x:scroll;
    }

}

/*
     FILE ARCHIVED ON 23:49:27 Jan 02, 2022 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 09:52:34 Apr 08, 2022.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 75.767
  exclusion.robots: 0.073
  exclusion.robots.policy: 0.067
  RedisCDXSource: 0.483
  esindex: 0.006
  LoadShardBlock: 58.88 (3)
  PetaboxLoader3.datanode: 55.789 (5)
  CDXLines.iter: 14.261 (3)
  load_resource: 69.845
  PetaboxLoader3.resolve: 39.312
  loaddict: 6.939
*/