@charset "UTF-8";
#page-philosophy{background: #fff;font-family: ten-mincho, serif;padding: 0px 0 0;}
@media screen and (min-width: 768px),print {
    header{background: #fff;}
    header .header__logo{background: #fff;z-index: 3;width: 300px;padding-left: 40px;}
    header .header__logo::before{ content: none;}
    header .header__logo::after{ content: none;}
    .header__inner{ padding: 0 3rem 0 0;}
    .button__link{ background: #000;}
    #page-philosophy .gnavi .tt{border-bottom: 1px solid;padding: 0 0 7px 7px;font-size: 1.5rem;margin-bottom: 16px;}
.gnavi .img{position: absolute;transform-origin: center top;animation: yurayura 3s  linear infinite;bottom: -70px;right: 37px;}

.topHeaderBox{ }
.topHeaderBox h2{ font-size: 3rem; font-weight: 500; writing-mode: vertical-rl; text-orientation: mixed;}
.topHeaderBox h2 span{display: inline-block;background: #fff;padding: 8px 3px;margin-left: 20px;}

#contentsmain {margin: 0 auto 158px;position: relative;background: url('../images/philosophy/contentsmain-back01.jpg')no-repeat top center;padding: 390px 0 0;background-size: 100% auto;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;max-width: 1200px;background: url(../images/philosophy/contentsmain-back03.jpg)no-repeat bottom 40px center #fff;border-radius: 30px;background-size: 100% auto;padding: 91px 4rem 596px 4rem;}
#contentsmain .inner-Box h2 {font-family: ten-mincho, serif;font-size: 2.1rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.042rem;margin-bottom: 70px;position: relative;text-align: center;}
#contentsmain .inner-Box h2::before{content: "";display: block;width: 1px;height: 90px;background: #000;position: absolute;top: -120px;left: 50%;transform: rotate(45deg);transform-origin: center;margin-left: 3px;}
#contentsmain .inner-Box h2 span {display: block;letter-spacing: 0.18rem;font-size: 3.6rem;margin-bottom: 12px;}
#contentsmain .innBox{margin: 0 auto 101px;position: relative;background: url('../images/philosophy/contentsmain-back02.jpg')no-repeat top right;max-width: 900px;border-radius: 10px;color: #fff;padding: 78px 20px 78px 80px;height: 470px;}
#contentsmain .innBox h3 {font-family: ten-mincho, serif;font-size: 2.5rem;line-height: 1.92;font-weight: 400;letter-spacing: 0.05rem;margin-bottom: 32px;position: relative;}
#contentsmain .innBox p.text {font-size: 1.5rem;line-height: 2.13;font-weight: 400;letter-spacing: 0rem;margin-bottom: 30px;position: relative;width: 375px;}
#contentsmain .innBox2 {margin: 0 auto 130px;position: relative;width: 580px;}
#contentsmain .innBox2 figure.logo {position: relative;top: 0;left: 0;width: 397px;margin: 0 auto 34px;}
#contentsmain .innBox2 figure.logo img{  }
#contentsmain .innBox2 h4 {font-family: ten-mincho, serif;font-size: 2.4rem;line-height: 1.4;font-weight: 600;letter-spacing: 0.048rem;margin-bottom: 31px;position: relative;text-align: center;}
#contentsmain .innBox2 p.text {font-size: 1.5rem;line-height: 2.13;font-weight: 400;letter-spacing: 0rem;margin-bottom: 32px;position: relative;}
#contentsmain .innBox3 {margin: 0 auto 120px;position: relative;max-width: 900px;padding: 0 0 0 440px;}
#contentsmain .innBox3 figure.img02 {position: absolute;top: 50px;left: 0;}
#contentsmain .innBox3 figure.img02 img{  }
#contentsmain .innBox3 h4 {font-family: ten-mincho, serif;font-size: 2.4rem;line-height: 1.67;font-weight: 400;letter-spacing: 0.048rem;margin-bottom: 27px;position: relative;}
#contentsmain .innBox3 p.text {font-size: 1.5rem;line-height: 2.13;font-weight: 400;letter-spacing: 0rem;margin-bottom: 30px;position: relative;}
#contentsmain .innBox4 {margin: 0 auto;position: relative;max-width: 900px;min-height: 890px;padding: 110px 0 0;}
#contentsmain .innBox4 figure.ttl {position: absolute;top: 10px;right: 80px;z-index: 3;}
#contentsmain .innBox4 figure.ttl img{  }
#contentsmain .innBox4 figure.img {position: absolute;top: 425px;right: 0;}
#contentsmain .innBox4 figure.img img{  }
#contentsmain .innBox4 p.text {font-size: 1.5rem;line-height: 2.27;font-weight: 400;letter-spacing: 0rem;margin-bottom: 34px;position: relative;z-index: 3;width: 500px;}
#contentsmain .innBox5 {margin: 0 auto;position: relative;max-width: 900px;padding: 10px 0 0 440px;}
#contentsmain .innBox5 h5 {font-family: ten-mincho, serif;font-size: 2.4rem;line-height: 1.71;font-weight: 400;letter-spacing: 0.048rem;margin-bottom: 0px;position: absolute;top: 0;left: 0;}
#contentsmain .innBox5 p.text {font-size: 1.5rem;line-height: 2.13;font-weight: 400;letter-spacing: 0rem;margin-bottom: 32px;position: relative;}
#contentsmain .innBox5 h6 {font-family: ten-mincho, serif;font-size: 1.5rem;line-height: 1.9;font-weight: 400;letter-spacing: 0.03rem;margin-bottom: 0px;position: relative;text-align: right;margin-top: 50px;}

#contents01 {margin: 0 auto 230px;position: relative;}
#contents01 .inner-Box {margin: 0 auto;position: relative;max-width: 1200px;background:  #fff;border-radius: 30px;background-size: 100% auto;padding: 91px 4rem 116px 4rem;}
#contents01 .inner-Box h2 {font-family: ten-mincho, serif;font-size: 2.1rem;line-height: 1.4;font-weight: 400;letter-spacing: 0.042rem;margin-bottom: 58px;position: relative;text-align: center;}
#contents01 .inner-Box h2::before{content: "";display: block;width: 1px;height: 90px;background: #000;position: absolute;top: -120px;left: 50%;transform: rotate(45deg);transform-origin: center;margin-left: 3px;}
#contents01 .inner-Box h2 span {display: block;letter-spacing: 0.18rem;font-size: 3.6rem;margin-bottom: 12px;}
#contents01 .innBox {margin: 0 auto;position: relative;max-width: 900px;}
#contents01 .innBox table{width: 100%;border-top: #1D1D1D 1px solid;font-size: 1.6rem;letter-spacing: 0rem;}
#contents01 .innBox table th {border-bottom: #1D1D1D 1px solid;text-align: left;padding: 23px 12px;width: 206px;}
#contents01 .innBox table td {border-bottom: #1D1D1D 1px solid;font-weight: 400;padding: 23px 12px 14px 0;}
#contents01 .innBox table td p{position: relative;padding: 0 0 0 153px;margin-bottom: 11px;}
#contents01 .innBox table td p span{ position: absolute; top: 0; left: 0; }
#contents01 .inner-Box figure.img01 {position: absolute;bottom: -192px;right: -32px;}
#contents01 .inner-Box figure.img01 img{  }

}
@media screen and (min-width:768px) and ( max-width:1350px) {

}


@media screen and (max-width: 767px) {
    .topHeaderBox{ }
.topHeaderBox h2{font-size: 4.7vw;font-weight: 500;writing-mode: vertical-rl;text-orientation: mixed;margin-left: 0.2vw!important;top: 42vw!important;width: 12vw!important;max-width: 11vw!important;min-width: 30vw!important;}
.topHeaderBox h2 span{display: inline-block;background: #fff;padding: 2.0vw 0.75vw;margin-left: 2.4vw;}

#page-philosophy{height: 4200vw;}
    .fixximg{position: absolute;width: 17vw;top: -5vw;right: 3vw;transform-origin: center top;animation: yurayura 3s  linear infinite;}
    #sp-menu{}
    .header{background: #fff;z-index: 120;}
    #contentsmain {margin: 0 auto 19.5vw;position: relative;background: url('../images/philosophy/sp-contentsmain-back01.jpg')no-repeat top center;padding: 37.5vw 0 0;background-size: 100% auto;}
    #contentsmain .inner-Box {margin: 0 2.7vw;position: relative;background: url(../images/philosophy/sp-contentsmain-back03.jpg)no-repeat bottom 0vw center #fff;border-radius: 2.5vw;background-size: 100% auto;padding: 8.75vw 4.8vw 88.9vw;}
    #contentsmain .inner-Box h2 {font-family: ten-mincho, serif;font-size: 4.25vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.09vw;margin-bottom: 5.5vw;position: relative;text-align: center;}
    #contentsmain .inner-Box h2::before{content: "";display: block;width: 0.25vw;height: 13.5vw;background: #000;position: absolute;top: -29.3vw;left: 50%;transform: rotate(45deg);transform-origin: center;margin-left: -0.15vw;}
    #contentsmain .inner-Box h2 span {display: block;letter-spacing: 0.31vw;font-size: 6.25vw;margin-bottom: 0.5vw;}
    #contentsmain .innBox{margin: 0 auto 10.25vw;position: relative;background: url('../images/philosophy/sp-contentsmain-back02.jpg')no-repeat top right #85B2D8;border-radius: 2.5vw;color: #fff;padding: 51.9vw 5.9vw 5.9vw;background-size: 100% auto;}
    #contentsmain .innBox h3 {font-family: ten-mincho, serif;font-size: 4.25vw;line-height: 1.59;font-weight: 400;letter-spacing: 0.09vw;margin-bottom: 4.1vw;position: relative;text-align: center;}
    #contentsmain .innBox p.text {font-size: 3.25vw;line-height: 1.92;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 7.5vw;position: relative;}
    #contentsmain .innBox2 {margin: 0 auto 12.5vw;position: relative;}
    #contentsmain .innBox2 figure.logo {position: relative;top: 0;left: 0;margin: 0 3.6vw 4vw 3.1vw;}
    #contentsmain .innBox2 figure.logo img{  }
    #contentsmain .innBox2 h4 {font-family: ten-mincho, serif;font-size: 4.25vw;line-height: 1.4;font-weight: 600;letter-spacing: 0.12vw;margin-bottom: 4.75vw;position: relative;text-align: center;}
    #contentsmain .innBox2 p.text {font-size: 3.25vw;line-height: 1.92;font-weight: 400;letter-spacing: 0.00vw;margin-bottom: 6.3vw;position: relative;}
    #contentsmain .innBox3 {margin: 0 auto 12.5vw;position: relative;padding: 0 0 0 0vw;}
    #contentsmain .innBox3 figure.img02 {position: relative;left: 0;margin-bottom: 5.2vw;}
    #contentsmain .innBox3 figure.img02 img{  }
    #contentsmain .innBox3 h4 {font-family: ten-mincho, serif;font-size: 4.25vw;line-height: 1.59;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 4.55vw;position: relative;text-align: center;}
    #contentsmain .innBox3 p.text {font-size: 3.25vw;line-height: 1.92;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 6.3vw;position: relative;}
    #contentsmain .innBox4 {position: relative;margin-bottom: 25vw;}
    #contentsmain .innBox4 figure.ttl {position: relative;margin: 0 29.9vw -17.4vw 26.3vw;z-index: 3;}
    #contentsmain .innBox4 figure.ttl img{  }
    #contentsmain .innBox4 figure.img {position: relative;top: 0vw;right: 0;margin-bottom: 6.2vw;}
    #contentsmain .innBox4 figure.img img{  }
    #contentsmain .innBox4 p.text {font-size: 3.25vw;line-height: 1.92;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 6.3vw;position: relative;z-index: 3;}
    #contentsmain .innBox5 {position: relative;}
    #contentsmain .innBox5 h5 {font-family: ten-mincho, serif;font-size: 4.25vw;line-height: 1.59;font-weight: 400;letter-spacing: 0.21vw;margin-bottom: 5.1vw;position: relative;top: 0;left: 0;text-align: center;}
    #contentsmain .innBox5 p.text {font-size: 3.25vw;line-height: 1.92;font-weight: 400;letter-spacing: 0.0vw;margin-bottom: 6vw;position: relative;}
    #contentsmain .innBox5 h6 {font-family: ten-mincho, serif;font-size: 3.75vw;line-height: 1.9;font-weight: 400;letter-spacing: 0.07vw;margin-bottom: 0.0vw;position: relative;text-align: right;margin-top: 10.6vw;}
    
    #contents01 {margin: 0 auto 22.4vw;position: relative;}
    #contents01 .inner-Box {margin: 0 2.7vw;position: relative;background:  #fff;border-radius: 2.5vw;background-size: 100% auto;padding: 8.85vw 2vw 0vw;}
    #contents01 .inner-Box h2 {font-family: ten-mincho, serif;font-size: 4.25vw;line-height: 1.4;font-weight: 400;letter-spacing: 0.09vw;margin-bottom: 8vw;position: relative;text-align: center;}
    #contents01 .inner-Box h2::before{content: "";display: block;width: 0.25vw;height: 13.5vw;background: #000;position: absolute;top: -15.3vw;left: 50%;transform: rotate(45deg);transform-origin: center;margin-left: -0.15vw;}
    #contents01 .inner-Box h2 span {display: block;letter-spacing: 0.31vw;font-size: 6.25vw;margin-bottom: 0.5vw;}
    #contents01 .innBox {margin: 0 3vw;position: relative;}
    #contents01 .innBox table{width: 100%;border-top: #1D1D1D 0.25vw solid;font-size: 3.00vw;letter-spacing: 0.0vw;margin-bottom: -4vw;}
    #contents01 .innBox table th {border-bottom: #1D1D1D 0.25vw solid;text-align: left;padding: 4.95vw 2.2vw;width: 26vw;}
    #contents01 .innBox table td {border-bottom: #1D1D1D 0.25vw solid;font-weight: 400;padding: 4.95vw 2.2vw;}
    #contents01 .innBox table td p{position: relative;margin-bottom: 4.75vw;line-height: 1.67;}
    #contents01 .innBox table td p span{position: relative;top: 0;left: 0;display: block;}
    #contents01 .inner-Box figure.img01 {position: relative;bottom: -7.5vw;right: 2vw;width: 18vw;margin-left: auto;}
    #contents01 .inner-Box figure.img01 img{  }
    


}

@keyframes fadeInwrap{100%{opacity:1}}
@keyframes fadeOutwrap{100%{opacity:0}}
.fadeUp{filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0;zoom:1;transform:translate(0, 1.5rem);-webkit-transform:translate(0, 1.5rem);transition:1s}
.fadeUp.scrollIn{filter:alpha(opacity=1);-ms-filter:"alpha(opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1;transform:translate(0, 0);-webkit-transform:translate(0, 0);z-index:1;position:relative;transition-delay:2s}
.fadeIn{filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0;zoom:1;transition:1s}
.fadeIn.is-show{filter:alpha(opacity=1);-ms-filter:"alpha(opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1;z-index:1;position:relative;transition-delay:0.5s}
.leftCap{filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0;zoom:1;transform:translate(-1.5em, 0);transition:1s}
.leftCap.inLeftCap{filter:alpha(opacity=1);-ms-filter:"alpha(opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1;transition-delay:1s;transform:translate(0, 0);z-index:1;position:relative;animation-timing-function:ease-out}
.rightCap{filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0;zoom:1;transform:translate(1.5em, 0);transition:1s}
.rightCap.inRightCap{filter:alpha(opacity=1);-ms-filter:"alpha(opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1;transition-delay:1s;transform:translate(0, 0);z-index:1;position:relative;animation-timing-function:ease-out}
.bgon:after{filter:alpha(opacity=0);-ms-filter:"alpha(opacity=0)";-moz-opacity:0;-khtml-opacity:0;opacity:0;zoom:1;transform:translate(0, 1.5rem);-webkit-transform:translate(0, 1.5rem);transition:1s}
.bgon.inBgon:after{filter:alpha(opacity=1);-ms-filter:"alpha(opacity=100)";-moz-opacity:1;-khtml-opacity:1;opacity:1;transition-delay:1s;transform:translate(0, 0);-webkit-transform:translate(0, 0);z-index:1;position:relative;animation-timing-function:ease-out}
input[type="text"],input[type="email"],textarea{-webkit-appearance:none;appearance:none}
::placeholder{color:#707070}
*:focus{outline:none}
html{overflow-y:scroll}
@media screen and (max-width:767px){html{min-width:auto;overflow-x:hidden}
}
body{min-width:1200px;width:100%;overflow:hidden;letter-spacing:0.09em}
@media screen and (max-width:767px){body{min-width:auto;width:auto}
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}
#sp-nav,.sp-only{display:none}
@media screen and (max-width:767px){#sp-nav,.sp-only{display:block}
}
@media screen and (max-width:767px){.pc-only{display:none}
}
img{vertical-align:bottom;width:100%;max-width:100%;height:auto;border:none}
a{color:#000;text-decoration:none}
.hover:hover img{opacity:0.5}
.hover img{transition:0.5s}
a:hover{text-decoration:none;color:#626262}
li{list-style:none}
.wrap-box{-ms-flex-pack:justify;-ms-flex-wrap:wrap;flex-wrap:wrap;display:-ms-flexbox;display:-webkit-box;display:flex}
.anchor-txt{position:absolute;width:100%;height:100%;top:0;left:0;z-index:103}
.inner{max-width:1200px;padding-left:5px;padding-right:5px;width:100%;margin-left:auto;margin-right:auto;position:relative;z-index:102;justify-content:space-between;box-sizing:border-box}
@media screen and (max-width:767px){.inner{max-width:none;padding-left:4vw;padding-right:4vw;width:auto}
}
.inner1500{max-width:1500px}
@media screen and (max-width:767px){.inner1500{max-width:none}
}
.inner1600{max-width:1200px}
@media screen and (min-width:1440px){.inner1600{max-width:1600px}
}
@media screen and (max-width:767px){.inner1600{max-width:none}
}
.inner1140{max-width:1110px}
.itemcap{position:relative}
.itemcap span.incap{background-repeat:no-repeat;background-size:cover;background-position:center top;position:absolute;top:0;right:0;width:100%;height:100%;transition:0.5s}
.hover img{transition:0.5s}
.hover:hover img{opacity:0.6}
.bgcontents{background:url(../images/top/bgitem.jpg)}
.textItemBox p.txt{line-height:1.8}
@media screen and (max-width:767px){.textItemBox p.txt{font-size:4vw}
}
.textItemBox p.txt:not(:last-of-type){margin-bottom:35px}
@media screen and (max-width:767px){.textItemBox p.txt:not(:last-of-type){margin-bottom:9.333vw}
}
.mb80{margin-bottom:80px}
@media screen and (max-width:767px){.mb80{margin-bottom:16vw}
}
.mb150{margin-bottom:150px}
@media screen and (max-width:767px){.mb150{margin-bottom:26.667vw}
}
.mb200{margin-bottom:200px}
@media screen and (max-width:767px){.mb200{margin-bottom:26.667vw}
}
.mb250{margin-bottom:250px}
@media screen and (max-width:767px){.mb250{margin-bottom:40vw}
}
#footerBox{padding-top:220px;background:url(../images/philosophy/footer-bg_pc.jpg) no-repeat center top;background-size:cover}
@media screen and (max-width:767px){#footerBox{background:url(../images/philosophy/footer-bg_sp.jpg) no-repeat center bottom;background-size:cover;padding-top:13.333vw}
}
#footerBox .copy{display:block;text-align:center;background:#3d413a;font-family:"Arial", "メイリオ";color:#8a8e6c;font-size:16px;font-weight:700;padding:16px 0 14px}
@media screen and (max-width:767px){#footerBox .copy{font-size:4.267vw;padding:2.933vw 0 2.4vw}
}
#footerBox .logo{max-width:435px;width:100%;margin:0 auto 70px}
@media screen and (max-width:767px){#footerBox .logo{max-width:48vw;margin:0 auto 12vw}
}
#footerBox .inner{max-width:1010px}
@media screen and (max-width:767px){#footerBox .inner{max-width:none}
}
#footerBox .inner .box{margin-bottom:100px}
@media screen and (max-width:767px){#footerBox .inner .box{margin-bottom:38.667vw}
}
#footerBox .inbox{width:50%}
@media screen and (max-width:767px){#footerBox .inbox{width:100%}
}
#footerBox .inbox dl{max-width:368px;width:100%}
@media screen and (max-width:767px){#footerBox .inbox dl{max-width:80.8vw;margin:auto}
}
#footerBox .inbox dl dt{margin:0 auto 20px}
@media screen and (max-width:767px){#footerBox .inbox dl dt{margin:0 auto 5.333vw}
}
#footerBox .inbox dl dd a{display:block;height:90px;line-height:90px;text-align:center;font-size:25px}
@media screen and (max-width:767px){#footerBox .inbox dl dd a{height:17.6vw;font-size:4.8vw;line-height:17.067vw}
}
@media screen and (max-width:767px){#footerBox .inbox:first-of-type{margin-bottom:19.467vw}
}
#footerBox .inbox:first-of-type dt{width:303px}
@media screen and (max-width:767px){#footerBox .inbox:first-of-type dt{width:57.6vw}
}
#footerBox .inbox:first-of-type dd a{background-color:#ecfd5f;color:#3d413a;transition:0.5s}
#footerBox .inbox:first-of-type dd a:hover{background-color:#3d413a;color:#ecfd5f}
#footerBox .inbox:last-of-type dl{margin-left:auto}
@media screen and (max-width:767px){#footerBox .inbox:last-of-type dl{margin:auto}
}
#footerBox .inbox:last-of-type dt{width:242px}
@media screen and (max-width:767px){#footerBox .inbox:last-of-type dt{width:45.067vw}
}
#footerBox .inbox:last-of-type dd a{background-color:#3d413a;color:#ecfd5f;transition:0.5s}
#footerBox .inbox:last-of-type dd a:hover{background-color:#ecfd5f;color:#3d413a}
@keyframes border_anim{0%{transform:translate(-50%, 0)}
100%{transform:translate(-50%, 100%)}
}
@keyframes fadeInAnime{from{opacity:0}
to{opacity:1}
}
@keyframes rightNav{from{right:-200px}
to{right:60px}
}
@keyframes bodyanime{from{right:0}
to{right:32vw}
}
@media screen and (max-width:767px){.gmenu{width:10.667vw;border:none;background:none;z-index:1001;padding:0;display:block}
.gmenu#openbtn{position:fixed;top:6.667vw;right:6.667vw}
.gmenu#closebtn{margin:6.667vw 6.667vw 0 auto}
.spmenu{width:32vw;height:100vh;background:#3d413a;position:fixed;top:0;right:-32vw;z-index:999;transition:0.5s}
.spmenu .menu{padding-top:11.467vw;margin-bottom:9.333vw}
.spmenu .menu li{text-align:center}
.spmenu .menu li:not(:last-child){margin-bottom:6.667vw}
.spmenu .menu li .item{color:white;line-height:1.6}
.spmenu .logo{width:26.667vw;margin:auto}
body{transition:all 0.3s ease;position:relative}
body.activeBody{animation-name:bodyanime;animation-duration:0.5s;animation-fill-mode:forwards}
body.activeBody #openbtn{display:none}
body.activeBody .spmenu{right:0}
}
#page-philosophy .gnavi{position:fixed;top: 109px;z-index:1000;width: 220px;right: 0;background: rgba(255,255,255,0.85);border-radius: 20px 0px 0px 20px;padding: 20px 20px;}
#page-philosophy .gnavi.gnaviItemBox{right:-200px;animation-name:rightNav;animation-duration:0.5s;animation-fill-mode:forwards;animation-delay:4s}
@media screen and (max-width:767px){#page-philosophy .gnavi{top:25px}
}
#page-philosophy .gnavi .logo{width:150px;margin-left:8px}
#page-philosophy .gnavi .menu{margin-bottom: 7px;font-size: 1.4rem;margin-left: -4px;}
#page-philosophy .gnavi .menu li{position:relative}
#page-philosophy .gnavi .menu li:not(:last-child){margin-bottom: 0px;}
#page-philosophy .gnavi .menu li a{display:block;padding:5px 10px}
#page-philosophy .gnavi .menu li .item{transition:0.3s;font-size:14px}
#page-philosophy .gnavi .menu li:after{content:"";position:absolute;width:10px;height:8px;background:url(../images/philosophy/icon-arrow.svg) no-repeat left top;background-size:contain;display:block;left:8px;top:50%;transform:translate(0, -50%);transition:0.3s;opacity:0}
#page-philosophy .gnavi .menu li:hover:after{opacity:1}
#page-philosophy .gnavi .menu li:hover .item{padding-left:12px}
#page-philosophy .gnavi .menu li.item1 a{background-color:#ecfd5f}
#page-philosophy .gnavi .menu li.item2:after{background:url(../images/philosophy/icon-arrow-yellow.svg) no-repeat left top;background-size:contain}
#page-philosophy .gnavi .menu li.item2 a{background-color:#33413a}
#page-philosophy .gnavi .menu li.item2 a .item{color:#ecfd5f}
#page-philosophy .topHeaderBox{position:relative}
#page-philosophy .topHeaderBox .title{width:15%;max-width:264px;min-width:190px;position:absolute;left:50%;margin-left: -37px;top: 30.2%;transform:translate(-50%, -40%);z-index:2;letter-spacing: 5.7px;}
@media screen and (min-width:1280px){#page-philosophy .topHeaderBox .bgcap img{height: 100%;object-fit:cover;object-position:50% bottom}
}
@media screen and (max-width:767px){#page-philosophy .topHeaderBox .bgcap img{height:100vh;object-fit:cover;object-position:50% bottom}
}
#page-philosophy .topHeaderBox.headInHeadBox .title{opacity:0;animation-name:fadeInAnime;animation-duration:0.7s;animation-fill-mode:forwards;animation-delay:1.5s}
#page-philosophy .topHeaderBox.headInHeadBox .bgcap{opacity:0;animation-name:fadeInAnime;animation-duration:1s;animation-fill-mode:forwards;animation-delay:3s}
#page-philosophy .contents .boxhead{text-align:center;margin-bottom:150px;padding-top:120px;position:relative}
@media screen and (max-width:767px){#page-philosophy .contents .boxhead{margin-bottom:26.667vw;padding-top:25.867vw}
}
#page-philosophy .contents .boxhead:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%, 0) rotate(45deg);width:1px;height:90px;background:#3d413a;margin-top:-12px}
@media screen and (max-width:767px){#page-philosophy .contents .boxhead:before{margin-top:-2.4vw;height:18.667vw}
}
#page-philosophy .contents .boxhead:after{content:"";position:absolute;width:66px;height:66px;background-color:white;left:50%;top:0;transform:translate(-50%, 0)}
@media screen and (max-width:767px){#page-philosophy .contents .boxhead:after{width:13.867vw;height:13.867vw}
}
#page-philosophy .contents .boxhead.headLine:after{animation:border_anim 0.4s linear forwards;animation-delay:0.5s;animation-timing-function:ease-out}
@media screen and (max-width:767px){#page-philosophy .contents .boxhead{margin-bottom:26.667vw}
}
#page-philosophy .contents .boxhead .text{font-size:36px;margin-bottom:20px;position:relative;z-index:2}
@media screen and (max-width:767px){#page-philosophy .contents .boxhead .text{font-size:7.467vw;margin-bottom:4vw}
}
#page-philosophy .contents .boxhead .lead{font-size:20px;position:relative;z-index:2}
@media screen and (max-width:767px){#page-philosophy .contents .boxhead .lead{font-size:4.267vw}
}
#page-philosophy #corporate .footertxt{text-align:center}
#page-philosophy #corporate .footertxt h3{font-size:24px;line-height:2.2;padding-top:80px}
@media screen and (max-width:767px){#page-philosophy #corporate .footertxt h3{font-size:4.8vw;padding-top:10.667vw}
}
#page-philosophy #corporate .footertxt .item{font-size:18px;background:linear-gradient(transparent 50%, #ecfd5f 50%);padding:0 12px 5px}
@media screen and (max-width:767px){#page-philosophy #corporate .footertxt .item{font-size:4.267vw}
}
@media screen and (max-width:767px){#page-philosophy #corporate .box{margin:0 calc(50% - 50vw) 26.667vw;width:100vw}
}
#page-philosophy #corporate .box .bottomtext{text-align:center}
#page-philosophy #corporate .box .bottomtext p.txt{font-size:18px}
@media screen and (max-width:767px){#page-philosophy #corporate .box .bottomtext p.txt{font-size:4.267vw}
}
#page-philosophy #corporate .box .capbox .cap{width:100%}
#page-philosophy #corporate .box .box1{align-items:center}
@media screen and (max-width:767px){#page-philosophy #corporate .box .box1{margin-bottom:26.667vw}
}
#page-philosophy #corporate .box .box1 .cap{max-width:470px}
@media screen and (max-width:767px){#page-philosophy #corporate .box .box1 .cap{max-width:75.733vw;margin-bottom:10.667vw}
}
#page-philosophy #corporate .box .box1 .textItemBox{padding-left:40px}
@media screen and (max-width:767px){#page-philosophy #corporate .box .box1 .textItemBox{padding-right:4vw;padding-left:10.667vw}
}
#page-philosophy #corporate .box .box2{flex-direction:row-reverse;align-items:center;transform:translateY(-60px)}
@media screen and (max-width:767px){#page-philosophy #corporate .box .box2{transform:translateY(0);justify-content:space-between;align-items:flex-start;margin-bottom:26.667vw}
#page-philosophy #corporate .box .box2 .textItemBox{width:50.933vw;padding-left:4vw;padding-top:32vw}
}
#page-philosophy #corporate .box .box2 .cap{max-width:306px;margin-right:100px;margin-left:86px}
@media screen and (max-width:767px){#page-philosophy #corporate .box .box2 .cap{max-width:39.2vw;margin-right:0;margin-left:0}
}
#page-philosophy #corporate .box .box3{align-items:center;transform:translateY(-120px)}
@media screen and (max-width:767px){#page-philosophy #corporate .box .box3{transform:translateY(0);margin-bottom:26.667vw}
}
#page-philosophy #corporate .box .box3 .cap{max-width:408px}
@media screen and (max-width:767px){#page-philosophy #corporate .box .box3 .cap{max-width:62.4vw;margin:0 auto 10.667vw}
}
#page-philosophy #corporate .box .box3 .textItemBox{padding-left:83px}
@media screen and (max-width:767px){#page-philosophy #corporate .box .box3 .textItemBox{padding-left:0;padding-left:4vw;padding-right:4vw}
}
#page-philosophy .capItemBox{position:relative}
@media screen and (max-width:767px){#page-philosophy .capItemBox{margin-bottom:10.667vw}
}
#page-philosophy .capItemBox .cap{max-width:772px;width:100%}
@media screen and (max-width:767px){#page-philosophy .capItemBox .cap{max-width:none;margin:0 calc(50% - 50vw);width:100vw}
}
#page-philosophy .capItemBox .textItemBox{background-color:white;max-width:568px;width:100%;height:270px;align-items:center;justify-content:center;position:absolute;z-index:2}
@media screen and (max-width:767px){#page-philosophy .capItemBox .textItemBox{max-width:none;width:90.133vw;height:auto;position:relative;display:block;z-index:2;transform:translateY(-10.667vw);padding:6.4vw 8.533vw;margin-bottom:-10.667vw}
}
#page-philosophy .capItemBox .textItemBox h3.title{position:relative}
#page-philosophy .capItemBox .textItemBox h3.title .text{font-size:24px;line-height:2.2}
@media screen and (max-width:767px){#page-philosophy .capItemBox .textItemBox h3.title .text{font-size:4.8vw;display:inline-block;position:relative}
#page-philosophy .capItemBox .textItemBox h3.title .text:before,#page-philosophy .capItemBox .textItemBox h3.title .text:after{content:"";width:2.933vw;height:1.867vw;display:block;position:absolute}
#page-philosophy .capItemBox .textItemBox h3.title .text:before{background:url(../images/philosophy/icon-title-top.svg) left top;background-size:contain;left:-10px;top:-10px}
#page-philosophy .capItemBox .textItemBox h3.title .text:after{background:url(../images/philosophy/icon-title-bottom.svg) left top;background-size:contain;right:0;bottom:0}
}
#page-philosophy .capItemBox .textItemBox h3.title:before,#page-philosophy .capItemBox .textItemBox h3.title:after{content:"";width:14px;height:10px;display:block;position:absolute}
@media screen and (max-width:767px){#page-philosophy .capItemBox .textItemBox h3.title:before,#page-philosophy .capItemBox .textItemBox h3.title:after{width:2.933vw;height:1.867vw;content:none}
}
#page-philosophy .capItemBox .textItemBox h3.title:before{background:url(../images/philosophy/icon-title-top.svg) left top;background-size:contain;left:-20px;top:-20px}
#page-philosophy .capItemBox .textItemBox h3.title:after{background:url(../images/philosophy/icon-title-bottom.svg) left top;background-size:contain;right:-20px;bottom:0}
#page-philosophy .capItemBox.leftCapBox .textItemBox{right:0;bottom:0}
@media screen and (max-width:767px){#page-philosophy .capItemBox.leftCapBox .textItemBox{right:auto;bottom:auto;margin:0 calc(50% - 50vw) 0 auto}
}
#page-philosophy .capItemBox.rightCapBox .cap{margin-left:auto}
@media screen and (max-width:767px){#page-philosophy .capItemBox.rightCapBox .cap{margin:0 calc(50% - 50vw)}
}
#page-philosophy .capItemBox.rightCapBox .textItemBox{left:0;bottom:0}
@media screen and (max-width:767px){#page-philosophy .capItemBox.rightCapBox .textItemBox{left:auto;bottom:auto;margin:0 auto 0 calc(50% - 50vw)}
}
#page-philosophy #vision .capItemBox .textItemBox{bottom:auto;top:50%;transform:translate(0, -50%)}
@media screen and (max-width:767px){#page-philosophy #vision .capItemBox .textItemBox{position:relative;top:auto;transform:translate(0, -10.667vw)}}
#page-philosophy #vision .capContents h3{font-size:24px;line-height:1.6}
@media screen and (max-width:767px){#page-philosophy #vision .capContents h3{font-size:4.8vw}
}
#page-philosophy #vision .capContents .box{justify-content:space-between}
@media screen and (max-width:767px){#page-philosophy #vision .capContents .box{display:block}
}
#page-philosophy #vision .capContents .box .textItemBox{max-width:568px;width:100%}
@media screen and (max-width:767px){#page-philosophy #vision .capContents .box .textItemBox{max-width:none}
}
#page-philosophy #vision .capContents.topcap .box{flex-direction:row-reverse}
@media screen and (max-width:767px){#page-philosophy #vision .capContents.topcap .box{display:block}
}
#page-philosophy #vision .capContents.topcap .textItemBox{padding-left:27px}
@media screen and (max-width:767px){#page-philosophy #vision .capContents.topcap .textItemBox{padding-left:0;margin-bottom:26.667vw}
}
#page-philosophy #vision .capContents.topcap .capbox .cap{max-width:470px;width:100%}
@media screen and (max-width:767px){#page-philosophy #vision .capContents.topcap .capbox .cap{max-width:none;margin:0 calc(50% - 50vw);width:88vw}
}
#page-philosophy #vision .capContents.bottomcap .textItemBox{margin-left:100px}
@media screen and (max-width:767px){#page-philosophy #vision .capContents.bottomcap .textItemBox{margin-left:0;margin-bottom:26.667vw}
}
#page-philosophy #vision .capContents.bottomcap .capbox .cap{max-width:328px;width:100%;margin-left:auto}
@media screen and (max-width:767px){#page-philosophy #vision .capContents.bottomcap .capbox .cap{max-width:none;margin:0 calc(50% - 50vw);width:100vw}
}
@media screen and (max-width:767px){#page-philosophy #mission .capContents{margin:0 calc(50% - 50vw) 0 auto;width:80vw}
}
#page-philosophy #mission .textItemBox{max-width:570px;width:100%}
@media screen and (max-width:767px){#page-philosophy #mission .textItemBox{max-width:none;padding-right:4vw;margin-bottom:10.667vw}
}
#page-philosophy #mission .box{width:100%;justify-content:space-between}
#page-philosophy #mission .box .capbox{width:100%}
@media screen and (max-width:767px){#page-philosophy #mission .box1{margin-bottom:26.667vw}
}
#page-philosophy #mission .box1 .box{align-items:center}
#page-philosophy #mission .box1 .capbox{max-width:510px}
@media screen and (max-width:767px){#page-philosophy #mission .box1 .capbox{max-width:none}
}
#page-philosophy #mission .box2 .box{flex-direction:row-reverse}
#page-philosophy #mission .box2 .capbox{max-width:328px;margin-left:100px}
@media screen and (max-width:767px){#page-philosophy #mission .box2 .capbox{margin-left:0;max-width:none;padding-bottom:243px;position:relative}
#page-philosophy #mission .box2 .capbox:after{content:"";width:52.533vw;height:38.133vw;background:url(../images/philosophy/mission-img04.jpg) no-repeat center top;background-size:cover;position:absolute;display:block;bottom:0;right:0}
#page-philosophy #mission .box2 .capbox .cap{width:59.733vw}
}
#page-philosophy #mission .box2 .textItemBox{position:relative;padding-bottom:347px;padding-top:122px}
@media screen and (max-width:767px){#page-philosophy #mission .box2 .textItemBox{padding-top:0;padding-bottom:0}
}
#page-philosophy #mission .box2 .textItemBox:after{content:"";width:314px;height:229px;background:url(../images/philosophy/mission-img04.jpg) no-repeat center top;background-size:cover;position:absolute;display:block;bottom:0;left:50px}
@media screen and (max-width:767px){#page-philosophy #mission .box2 .textItemBox:after{content:none}
}
#page-philosophy .textLineBox{position:relative;padding:150px 0;text-align:center}
@media screen and (max-width:767px){#page-philosophy .textLineBox{padding:16vw 0}
}
#page-philosophy .textLineBox:before,#page-philosophy .textLineBox:after{content:"";position:absolute;width:100%;height:57px;left:0}
@media screen and (max-width:767px){#page-philosophy .textLineBox:before,#page-philosophy .textLineBox:after{height:3.733vw}
}
#page-philosophy .textLineBox:before{background:url(../images/philosophy/vision-item-top.svg) no-repeat center top;background-size:contain;top:0}
@media screen and (max-width:767px){#page-philosophy .textLineBox:before{background:url(../images/philosophy/vision-item-top_sp.svg) no-repeat center top;background-size:contain}
}
#page-philosophy .textLineBox:after{background:url(../images/philosophy/vision-item-bottom.svg) no-repeat center top;background-size:contain;bottom:0}
@media screen and (max-width:767px){#page-philosophy .textLineBox:after{background:url(../images/philosophy/vision-item-bottom_sp.svg) no-repeat center top;background-size:contain}
}
#page-philosophy .textLineBox p{font-size:24px;line-height:2.2}
@media screen and (max-width:767px){#page-philosophy .textLineBox p{font-size:4.267vw}
}
#page-philosophy .textLineBox p .item{display:inline-block;margin:0 10px;vertical-align:bottom;width:110px}
@media screen and (max-width:767px){#page-philosophy .textLineBox p .item{width:17.333vw}
}
#page-philosophy #slogan .boxcap{max-width:980px;width:100%;margin:auto;position:relative}
@media screen and (max-width:767px){#page-philosophy #slogan .boxcap{max-width:none}
}
#page-philosophy #slogan .boxcap .textItemBox{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center}
@media screen and (max-width:767px){#page-philosophy #slogan .boxcap .textItemBox{width:100%}
}
#page-philosophy #slogan .boxcap .textItemBox p.txt{font-size:24px;line-height:2.2;color:#fff}
@media screen and (max-width:767px){#page-philosophy #slogan .boxcap .textItemBox p.txt{font-size:4vw}
}
#page-philosophy #management .capContents .box .capbox,#page-philosophy #management .capContents .box .textItemBox{width:50%;position:relative}
@media screen and (max-width:767px){#page-philosophy #management .capContents .box .capbox,#page-philosophy #management .capContents .box .textItemBox{width:100%}
}
#page-philosophy #management .capContents .box h3{font-size:24px}
@media screen and (max-width:767px){#page-philosophy #management .capContents .box h3{font-size:4.8vw;line-height:1.6}
}
#page-philosophy #management .box1 .box{flex-direction:row-reverse}
@media screen and (max-width:767px){#page-philosophy #management .box1 .box{display:block}
}
#page-philosophy #management .box1 .box .capbox{padding-bottom:60px}
@media screen and (max-width:767px){#page-philosophy #management .box1 .box .capbox{padding-bottom:10.133vw;margin:0 calc(50% - 50vw) 16vw;width:100vw}
}
#page-philosophy #management .box1 .box .capbox:after{content:"";width:164px;height:157px;background:url(../images/philosophy/management-img02.jpg) no-repeat center top;background-size:cover;right:0;position:absolute;bottom:0}
@media screen and (max-width:767px){#page-philosophy #management .box1 .box .capbox:after{width:28.8vw;height:27.467vw}
}
#page-philosophy #management .box1 .box .capbox .cap{width:368px}
@media screen and (max-width:767px){#page-philosophy #management .box1 .box .capbox .cap{width:64.267vw}
}
#page-philosophy #management .box1 .box .textBox{padding-right:27px}
@media screen and (max-width:767px){#page-philosophy #management .box1 .box .textBox{padding-right:0}
}
#page-philosophy #management .box2{margin-bottom:40px}
@media screen and (max-width:767px){#page-philosophy #management .box2{margin-bottom:26.667vw}
}
#page-philosophy #management .box2 .box .textBox{padding-left:15px}
@media screen and (max-width:767px){#page-philosophy #management .box2 .box .textBox{padding-left:0}
}
@media screen and (max-width:767px){#page-philosophy #management .box2 .box .capbox{margin-bottom:16vw}
}
#page-philosophy #management .box2 .box .capbox .cap{padding-right:23px;padding-top:68px}
@media screen and (max-width:767px){#page-philosophy #management .box2 .box .capbox .cap{padding:0;margin:0 calc(50% - 50vw);width:100vw}
}
#page-philosophy #management .box3 .box{flex-direction:row-reverse;align-items:flex-end}
#page-philosophy #management .box3 .box .textBox{padding-right:23px}
@media screen and (max-width:767px){#page-philosophy #management .box3 .box .textBox{padding-right:0}
}
#page-philosophy #management .box3 .box .textBox p.itemtxt{background-color:#ecfd5f;padding:14px 12px 13px 14px}
@media screen and (max-width:767px){#page-philosophy #management .box3 .box .textBox p.itemtxt{padding:4.267vw 6.933vw}
}
@media screen and (max-width:767px){#page-philosophy #management .box3 .box .capbox{margin-bottom:18.667vw}
}#page-philosophy #management .box3 .box .capbox .cap:first-of-type{width:366px;margin-left:auto}
@media screen and (max-width:767px){#page-philosophy #management .box3 .box .capbox .cap:first-of-type{width:78.667vw;margin:0 calc(50% - 50vw) 21.333vw auto}
}
#page-philosophy #management .box3 .box .capbox .cap:last-of-type{width:365px;margin-left:auto;margin-right:100px}
@media screen and (max-width:767px){#page-philosophy #management .box3 .box .capbox .cap:last-of-type{width:78.4vw;margin:0 calc(50% - 50vw)}
}
#page-philosophy #management .bottomcap{position:relative}
#page-philosophy #management .bottomcap .textItemBox{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);text-align:center;background:rgba(255, 255, 255, 0.82);max-width:980px;width:100%;padding:95px 0;z-index:2}
@media screen and (max-width:767px){#page-philosophy #management .bottomcap .textItemBox{max-width:81.333vw;padding:17.333vw 0}
}
#page-philosophy #management .bottomcap .textItemBox p.txt{font-size:24px;line-height:2.2}
@media screen and (max-width:767px){#page-philosophy #management .bottomcap .textItemBox p.txt{font-size:4.8vw}}
#page-philosophy #spFooterNav{position:fixed;z-index:999;bottom:0;left:0;width:100%}
#page-philosophy #spFooterNav ul{display:table;table-layout:fixed;background-color:white;width:100%}
#page-philosophy #spFooterNav ul li{display:table-cell;vertical-align:middle}
#page-philosophy #spFooterNav ul li a{display:block;text-align:center;padding:2.133vw 0;line-height:1.4;font-size:3.467vw}
#page-philosophy #spFooterNav ul li.item1{background-color:#ecfd5f}
#page-philosophy #spFooterNav ul li.item2{background-color:#3d413a}
#page-philosophy #spFooterNav ul li.item2 .item{color:#ecfd5f}
#page-philosophy #spFooterNav ul li:last-child a{padding:2.133vw 3.2vw}