/*@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);*/
@charset "UTF-8";
body,
input,
textarea,
select,
button {
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-font-feature-settings: "liga", "kern";
}

* {
margin: 0;
padding: 0;
border: none;
list-style: none;
}
html {
background-color: #fff;
margin: auto;
height: 100%;
}
body {
width: 1000px;
margin: 0 auto;
}
a{
text-decoration: none;
color: #000;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
}
a:hover{
text-decoration: none;
opacity: .5;
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}

img{width: 100%;}


/*-----------------
typography 
-----------------*/
body{
/*font-family: 'Noto Sans JP', sans-serif;*/
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
line-height: 1.3em;
color: #000;
font-weight: 400;
}
h1{

}
h2{

}
h3{

}
p{

}

/*-----------------
LAYOUT 
-----------------*/
.flex_r{        
display:-ms-flexbox;
display:-webkit-box;
display:-moz-box;
display:box;
display:-webkit-flex;
display: flex;
-moz-box-orient:horizontal;
-webkit-box-orient:horizontal;
-webkit-box-align: center;
align-items: center;
-webkit-box-align: start;
-webkit-flex-direction: row;
flex-direction: row;
-moz-box-pack:justify;
-ms-box-pack:justify;
box-pack:justify;
flex-pack:justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.flex_c{        
display:-ms-flexbox;
display:-webkit-box;
display:-moz-box;
display:box;
display:-webkit-flex;
display: flex;
-moz-box-orient:vertical;
-webkit-box-orient:vertical;
-webkit-box-align: center;
align-items: center;
-webkit-box-align: start;
-webkit-flex-direction: column;
flex-direction: column;
-moz-box-pack:justify;
-ms-box-pack:justify;
box-pack:justify;
flex-pack:justify;
-webkit-box-pack: justify;
justify-content: space-between;
}


/*-----------------
HEADER 
-----------------*/
.globalHeader{width: 100vw;height: 55px;padding: 0 16px;z-index: 9999;position: fixed;top: 0;left: 0;}

.globalHeader:after {
display: block;
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: -1;
opacity: 0;    -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
}

.globalHeader:hover:after {
opacity: 1;
}
.globalHeader h1{width: 140px;}
.globalHeader .palonline{
width: 180px;
}

.globalHeader .headSns a {
width: 30px;
height: 30px;
margin: 0 8px 0 0;
/* background: #fff; */
display: block;
/* border: 1px #fff solid; */
text-align: center;
}

.globalHeader .headSns a svg {height: 20px;margin: 6px 0 0 0;}
.globalHeader svg {fill: #00004C;}

/*-----------------
FOOTER 
-----------------*/
footer{/* height: 420px; */background: #bfbfbf;margin: 0px auto 0;padding: 40px 0 0;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: center;-ms-flex-line-pack: center;align-content: center;-webkit-align-items: flex-start;-ms-flex-align: start;align-items: flex-start;}

footer .logo {
    width: 100px;
    margin: 0 16px;
}

.woodlander{
padding-top: 72px;
width: 480px;
}
.russet{width: 100px;margin: 0 16px;}
footer p{font-size: 12px;color: #00004C;padding: 32px 0;display: block;width: 100%;text-align: center;}


/*-----------------
FIRST 
-----------------*/
.video_wrapper{position: absolute;left: 0;width: 100vw;margin: 0 0 32px 0;}

.video_wrapper a {
    position: absolute;
    top: calc(100vh - 160px);
    left: calc(50vw - 80px);
    width: 160px;
    padding: 12px 28px;
    border-radius: 8px;
    background: #FFF;
    color: #00004C;
    text-align: center;
    line-height: 1.1em;
    font-family: 'Oswald', sans-serif;
    font-size: 1.6rem;
}
video{
position: fixed;
right: 0;
bottom: 0;
/* min-width: 100%; */
/* min-height: 100%; */
width: 100%;
height: 100%;
z-index: -999;
-o-object-fit: cover;
object-fit: cover;
}
.sp_video{
display: none;
}
.vCenterFixed {
position: fixed;
right: 0;
top: 25%;
height: 50%;
justify-content: center;
width: 40px;
z-index: 9999;
}
.vCenterFixed_inner{
font-family: 'Oswald', sans-serif;
transform: rotate(90deg);
width: 180px;
text-align: center;
font-size: 11px;
letter-spacing: 0.1em;
font-weight: bold;
}
.modal_open{
cursor: pointer;
}
.modal_content{
opacity: 0;
position: fixed;
left: 0;
width: 100vw;
height: 100vh;
top: 0;
justify-content: center;
background-color: rgba(000,000,000,0.4);
z-index: -1;
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out; 
}
.show{
opacity: 1;
z-index: 999999;
}
.modal_content_inner{
padding: 72px;
color: #000;
width: 800px;
/* height: 300px; */
background: #fff;
opacity: 0;
position: relative;
top: -50vh;
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}

.modal_content_inner img {
width: 32%;
float: right;
margin: 0 0 16px 40px;
}
.show .modal_content_inner{
opacity: 1;
top: 0;
}
.close{
position: absolute;
top: 24px;
right: 24px;
font-size: 20px;
cursor: pointer;
}
.modal_content_inner h2{
font-size: 16px;
font-weight: normal;
margin-bottom: 16px;
}
.modal_content_inner p{
font-size: 12px;
line-height: 1.6em;
}

/*-----------------
BASIC 
-----------------*/
.headImg{
height: 667px;
background-size: cover;
background-position: 50% 100%;
}
.content_border{
border: 5px solid #fff;
width: 800px;
margin: 0 auto;
}
.content{/* background: #fff; *//* width: 750px; */margin: 24px;text-align: center;padding: 0 0 48px 0;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: flex-start;-ms-flex-pack: start;justify-content: flex-start;-webkit-align-content: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}

.end .content {
    padding-bottom: 0;
}

.kit .content {
    max-width: 70%;
    width: 100%;
    margin: 32px auto 0;
    float: none;
}

.kit {
    background: #eee;
    margin: 32px auto;
    padding: 32px;
    display: block;
,
    -webkit-max-logical-height:;
    line-height: 22px;
    font-size: 12px;
    max-width: 800px;
    box-sizing: border-box;
}

.kit h1 {
    font-size: 16px;
}

.kit h2 {
    font-size: 14px;
    margin: 8px 0  12px 0;
}

.kit img {
    margin: 0 0 24px;
    border: 2px solid #fff;
}

@media screen and (min-width: 1000px){
.content {
    width: 410px;
    float: right;
    margin: 0 16px;
}

.end .content {
    float: none;
    width: auto;
    padding: 0 40px;
    margin: 0;
}

.content_outer.end {
    border: none 0 !important;
    /* padding: 0 !important; */
}
}

.content.intro {
background: transparent;
position: relative;
top: 35vh;
left: 0;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.4);
}

.content_outer{
width: 100%;
left: 0;
}
.content .num{display: block;font-size: 12px;padding: 6px;font-family: 'Oswald', sans-serif;letter-spacing: 0.06em;color: #fff;background: #898989;width: 100%;box-sizing: border-box;}

.content_outer.sporty .num {
    background: #00004c;
}

.content_outer.shopping .num {
    background: #e50012;
}

.content_outer.lunch .num {
    background: #c79f62;
}

.content_outer.travel .num {
    background: #00913a;
}
.content h2{margin: 24px 0 8px;font-size: 62px;line-height: 1em;font-family: 'Oswald', sans-serif;letter-spacing: 0.05em;}
.content h3{margin: 15px auto;font-weight: normal;font-size: 20px;line-height: 1.5;letter-spacing: -1px;}
.content h3 br{/* display:none; */}

.content p{text-align: justify;font-size: 12px;/* width: 672px; */margin: 8px auto;max-width: 640px;}
.link a{
font-size: 10px;
border: 1px solid #000000;
width: 36%;
padding: 8px;
margin: 24px auto 40px;
display: block;
}
.link a{
color: #000000;
font-family: 'Josefin Sans', sans-serif;
letter-spacing: 0.1em;
font-weight: 600;
}
.sns *{
color: #B5B5B6;
width: 16px;
font-size: 10px;
display: inline;
margin: 0 8px;
}

/*-----------------
MAIN 
-----------------*/
.main{position: absolute;width: 100%;top: 100vh;padding: 0;left: 0;}
.main .content_outer{background: rgba(255, 255, 255, 0.95);position: relative;/* top: -90px; */overflow: hidden;padding: 64px 0;/* width: 1020px; */margin: auto;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-flex-direction: row;-ms-flex-direction: row;flex-direction: row;-webkit-flex-wrap: nowrap;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;-webkit-align-content: space-around;-ms-flex-line-pack: distribute;align-content: space-around;-webkit-align-items: stretch;-ms-flex-align: stretch;align-items: stretch;}

.main .content_outer.end {
    border-top: 1px solid rgba(0, 0, 0, 0.5);
    padding-top: 40px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    width: 100vw;
    box-sizing: border-box;
    /* position: inherit; */
}

.content_outer.end .img {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: start;
    -moz-box-align: start;
    -webkit-align-items: start;
    -ms-flex-align: start;
    align-items: start;
    max-width: 920px;
}

.content_outer.end .img img {
    width: 50%;
    height: auto;
}
.second{
z-index: 999;
}

.second>p.intro {
padding: 64px 120px;
line-height: 2.4em;
font-size: 13px;
overflow: hidden;
color: #fff;
text-shadow: 0 1px 1px #000,0 1px 1px #000,0 1px 1px #000,0 1px 1px #000,0 1px 1px #000;
}
.default{
margin-top: -32px;
}

.last .link a{
font-size: 14px;
background: #BEA574;
width: 356px;
padding: 16px;
margin: 48px auto;
border: none;
}
.last .link a{
color: #fff;
}
.sqImg{
width: 880px;
flex-wrap: wrap;
margin: 0 auto;
}
.sqImg li{
width: 280px;
margin-bottom: 24px;
}

/*-----------------
SLIDER 
-----------------*/
.slide li{text-align: center;}

.slide>li>a>img {height: 480px;/* max-height: 317px; */width: 478px;-o-object-fit: cover;object-fit: cover;border: 1px solid #C9CACA;}

.end .slide>li>a>img {
    width: 278px;
    height: 280px;
}
.bx-wrapper{
position: relative;
}
.slide_wrapper{height: 280px;margin-top: 40px;/* overflow: hidden; */}

.slide_outer{/* width: 500px; */position: absolute;left: 0;}
.bx-wrapper .bx-controls-direction a{position: absolute;top: 50%;margin-top: -26px;outline: 0;width: 24px;height: 24px;z-index: 1;font-size: 39px;color: #a9a9a9;border-top: 2px solid;border-right: 2px solid;-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);text-indent: -999999px;}
.bx-wrapper .bx-controls-direction a.bx-prev{left: -30px;-moz-transform: rotate(-135deg);-webkit-transform: rotate(-135deg);-o-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);}
.bx-next{right: -30px;}


@media screen and (min-width: 1000px){
    .slide_wrapper {
        width: 480px;
        height: 480px;
        float: left;
        margin: 0 40px;
    }

.content_outer.sporty, .content_outer.lunch {
    background: rgba(239, 239, 239, 0.95);
}

.end .slide_wrapper {
    width: auto;
    float: none;
    margin: 0;
    padding: 32px 40px;
    height: 370px;
}
    .slide_outer{/* width: 500px; */position: initial;left: auto;}

}



/*-----------------
FOOTER
-----------------*/


.linkhover a{display: block;width: 270px;height: 40px;margin: 15px auto;line-height: 44px;text-transform: uppercase;text-align: center;position: relative;cursor: pointer;font-family: 'Josefin Sans', sans-serif;letter-spacing: 0.1em;font-weight: 600;font-size: 11px;}

.linkhover a svg {
position: absolute;
top: 0;
left: 0;
}
.linkhover a svg rect{
fill: none;
stroke: rgba(0, 0, 0, 0.5);
stroke-width: 1;
}

.linkhover a:hover svg rect{
stroke: rgba(0, 0, 0, 1);;
}

.linkhover a svg rect {
stroke-dasharray: 400, 0;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
}
.linkhover a:hover svg rect {
stroke-width: 4;
stroke-dasharray:135,500;
stroke-dashoffset:-197%;
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
}


.lb {display: flex;position: fixed;width: 100vw;height: 100vh;top: 0;left: 0;justify-content: center;align-items: center;background-color: rgba(0,0,0,.7);opacity: 0;transition: .3s opacity ease;z-index: -1;pointer-events: all;/* background-attachment: fixed; */background-size: contain;background-position: center;background-repeat: no-repeat;display: none;}
.lb:hover {opacity: 0;}

.lb img {display: none;
width: auto !important;
max-height: 100%!important;
transform: scale(.7);
transition: .4s transform ease;
pointer-events: none;
}

.lb:target {display: flex !important;pointer-events: auto;opacity: 1;z-index: 9999999;}

.lb:target img {display: block;
transform: scale(1);
}

.lb::before,.lb::after {
display: block;
position: fixed;
content: "";
width: 24px;
height:3px;
top: 24px;
right: 12px;
background: #fff;
border-radius: 4px;
}
.lb::before {
transform: rotate(-315deg);
}
.lb::after {
transform: rotate(315deg);
}

.arrow-up.icon {
color: #fff;
border: 1px solid #fff;
width: 32px;
height: 32px;
position: fixed;
bottom: 16px;
right: 16px;
background-color: transparent;
}

.arrow-up.icon:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
margin: -3px 0 0 -6px;
width: 12px;
height: 12px;
border-top: solid 1px currentColor;
border-right: solid 1px currentColor;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}


section.first {}

div#howto{display:none;}

div#howto:target{
    position: absolute;
    z-index: 9998;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(238, 238, 238, 0.62);
    padding: 4%;
    box-sizing: border-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

div#howto .box {
    background: #fff;
    padding:24px 4%;
    box-sizing: border-box;
    max-width: 800px;
    margin: auto;
    font-size: 17px;
    letter-spacing: 1px;
    line-height: 2;
}

div#howto .box h1 {
    font-size: 2rem;
}

div#howto .box h2 {
    font-size: 1rem;
    padding: 0.8em 0;
}
div#howto .box p {
    font-size: 0.85rem;
    padding: 0.7em 0;
}


.cancel {position: absolute;width: 100%;height: 100%;cursor: default;z-index: 0;}
.cancel:hover {opacity: 1;}
.cancel:before {content: '×';position: absolute;top: calc(100vh - 160px);left: calc(50vw - 80px);background: #FFF;border-radius: 8px;width: 160px;height: 80px;color: #00004C;font-size: 3rem;line-height: 76px;text-align: center;cursor: pointer;z-index: 9999;}


.bx-pager {
display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: space-around;
    -ms-flex-line-pack: distribute;
    align-content: space-around;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.bx-pager-item {
    margin: 16px 4px 0;
    /* width: 100%; */
}

.bx-pager-link {
    display: block;
    background: #ccc;
    width: 16px;
    height: 16px;
    text-indent: -99999px;
    border-radius: 50%;
}

.bx-pager-link.active {
    background: #00004C;
}


/*-----------------
MEDIA QUERIES 
-----------------*/
@media screen and (min-width: 1000px){
.video_wrapper:before {content:"";display:block;position: fixed;right: 0;bottom: 0;width: 100%;height: 100%;z-index: -8;background-color:transparent;background-image: linear-gradient(45deg, #000 25%, transparent 25%, transparent 75%, #000 75%, #000), linear-gradient(45deg, #000 25%, transparent 25%, transparent 75%, #000 75%, #000);background-position: 0 0, 1px 1px;background-size: 2px 2px;opacity: 0.4;}

}

@media screen and (max-width: 1000px){
    
    
.lb img {
max-height:auto!important;
max-width: 100%!important;
}

.spflex_r{        
display:-ms-flexbox;
display:-webkit-box;
display:-moz-box;
display:box;
display:-webkit-flex;
display: flex;
-moz-box-orient:horizontal;
-webkit-box-orient:horizontal;
-webkit-box-align: center;
align-items: center;
-webkit-box-align: start;
-webkit-flex-direction: row;
flex-direction: row;
-moz-box-pack:justify;
-ms-box-pack:justify;
box-pack:justify;
flex-pack:justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
.spflex_c{        
display:-ms-flexbox;
display:-webkit-box;
display:-moz-box;
display:box;
display:-webkit-flex;
display: flex;
-moz-box-orient:vertical;
-webkit-box-orient:vertical;
-webkit-box-align: center;
align-items: center;
-webkit-box-align: start;
-webkit-flex-direction: column;
flex-direction: column;
-moz-box-pack:justify;
-ms-box-pack:justify;
box-pack:justify;
flex-pack:justify;
-webkit-box-pack: justify;
justify-content: space-between;
}
body{
width: 100vw;
overflow: hidden;
}
body,
.globalHeader,
.main,
.slide_outer,
.content p,
.sqImg{}

.main {position: initial;margin-top: 100px;width: auto;}
.globalHeader{
padding: 12px 16px 16px;
height: auto;
position: inherit;
top: inherit;
left: inherit;
}
.globalHeader .h1,
.globalHeader .palonline{
width: auto;
}
.globalHeader nav ul{
justify-content: flex-end;
}
.globalHeader .palonline{width: 80%;}

.globalHeader .palonline svg {
    height: auto;
    width: 100%;
}
.headSns{
display: none;
}
.sound_on{
display: none;
}
.vCenterFixed_inner{
width: 110px;
}
.modal_content_inner{
width: 96%;
height: auto;
padding: 24px;
}

.modal_content_inner img {
width: 60%;
display: block;
margin: 16px auto;
float: none;
}
.sp_video{
display: block;
}

.video_wrapper a {
    top: calc(100vw + 80px);
    font-size: 20px;
    line-height: 27px;
    height: 52px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

.cancel:before{
        top: auto;
        bottom: 2%;
        right: 2%;
        left: auto;
        width: 40px;
        height: 40px;
        font-size: 30px;
        line-height: 37px;
        box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}


div#howto:target {height: 139vw;/* top: 64px; */padding: 64px 0;/* margin: 64px auto; */}

div#howto:target .box {
}

div#howto .box h1 {
    font-size: 1rem;
}

div#howto .box h2 {
    font-size: 0.75rem;
}
div#howto .box p {
    font-size: 11px;
}



.sp_video_icon{
position: absolute;
top: calc(50vw + 32px);
left: calc(50% - 32px);
z-index: 999;
}
.video_wrapper{
position: initial;
height: 100vw;
}
video {/* display: none; */position: initial;width: auto;height: 100vw;}
.headImg{
height: 100vw;
background-position: 50%;
}
.first .content_outer{
top: 104vw;
width: auto;
height: auto;
display: block;
}
.content_outer{/* top: 94vw; */width: 100%;overflow: hidden;}
.content_border{width: 96%;}
.content{width: auto;margin: auto 24px;}

.kit .content {
    max-width: 88%;
    margin-top: 24px;
    padding: 0 0 24px 0;
}
.content.intro {
background: transparent;
position:inherit;
top:inherit;
left:inherit;
}
.content .num{/* padding-top: 16px; */}
.content h2{font-size: calc(32px + 4vw);margin-top: 16px;}
.content h3{font-size: calc(10px + 1.2vw);margin: 16px auto 8px;padding: 0 0 8px;}

.content h3 br {
    display: none;
}
.content h3 br{/* display:block; */}
.content p{font-size: calc(10px + 0.3vw);padding: 4px 0;}
.bx-wrapper .bx-controls-direction a{
display: none;
}
.slide_outer{width: 276vw;position: inherit;margin: 0 0 24px -86vw;}

.end .slide_outer {
    margin: 24px 0 24px 0;
    width: 100%;
}
.slide>li>a>img {max-height: initial;height: 90vw;width: 90vw;}
.slide>li{max-height: initial;height: 90vw;width: 90vw !important;}

.end .slide>li>a>img {
    height: 90vw;
    width: 90vw;
}
.slide_wrapper{height: auto;/* margin: 0 24px; */}

.second{
margin: 0;
}

.second>p.intro {
padding:40px 30px;
line-height: inherit;
font-size: 12px;
}

.default {
margin-top: -56px;
}
.main .content_outer{/* top: -64px; */padding: 0;width: auto;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;}

.main .content_outer.kit {
    margin: 40px 24px;
}
.link a{
width: 70%;
}
.last .link {
width: 230px;
padding: 8px;
font-size: 12px;
}
.sqImg li{
width: 30%;
}
footer{/* height: 332px; */margin-top: 40px;}
footer .woodlander{
width: 50%;
padding-top: 40px;
}
footer p{font-size: 10px;/* padding-bottom: 16px; */}
footer .russet{/* width: 30%; */}

.arrow-up.icon {
border: transparent;
border-top: 1px solid rgba(255, 255, 255, 0.5);
width: 100vw;
height: 40px;
position: relative;
bottom: auto;
right: auto;
background-color: transparent;
margin: 0;

}

.arrow-up.icon:before {
content: '';
position: absolute;
left: 50%;
top: 50%;
margin: -3px 0 0 -6px;
width: 12px;
height: 12px;
border-top: solid 1px currentColor;
border-right: solid 1px currentColor;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}




}

@media screen and (max-width: 414px){

}

@media screen and (max-width: 320px){

}




.sns {
    padding: 8px 0;
}