@charset "UTF-8";
/*utf-8を指定------------------------------------------*/
/*============================
mixin
============================*/
/*============================
easing
============================*/
/*size*/
/*============================
mixin
============================*/
/*============================
easing
============================*/
@media screen and (min-width: 768px) {
  body.fp-viewing-0 #wrapper header {
    display: flex;
  }
  body.fp-viewing-0 #wrapper header .link_list {
    top: 3vw;
  }
  body.fp-viewing-0 #wrapper #main .scroll .line_frame {
    background: rgba(255, 255, 255, 0.2);
  }
  body.fp-viewing-0 #wrapper #main .scroll .line_frame .line {
    background: #ffffff;
    top: 0;
  }
  body.fp-viewing-0 #wrapper #main .scroll p {
    display: none;
  }
  body.fp-viewing-1 #wrapper header .logo {
    width: 261.7px;
  }
  body.fp-viewing-1 #wrapper #main .scroll .line_frame .line {
    top: 1.5625vw;
  }
  body.fp-viewing-1 #wrapper #main .scroll p {
    top: 1.95313vw;
  }
  body.fp-viewing-2 #wrapper header .logo {
    width: 261.7px;
  }
  body.fp-viewing-2 #wrapper header .link_list ul li a {
    color: #302D2C;
  }
  body.fp-viewing-2 #wrapper #main .scroll .line_frame .line {
    top: 3.125vw;
  }
  body.fp-viewing-2 #wrapper #main .scroll p {
    top: 3.51563vw;
  }
  body.fp-viewing-3 #wrapper header .logo {
    width: 261.7px;
  }
  body.fp-viewing-3 #wrapper header .link_list ul li a {
    color: #302D2C;
  }
  body.fp-viewing-3 #wrapper #main .scroll .line_frame .line {
    top: 4.6875vw;
  }
  body.fp-viewing-3 #wrapper #main .scroll p {
    top: 5.07813vw;
  }
  body.fp-viewing-4 #wrapper header .logo {
    width: 261.7px;
  }
  body.fp-viewing-4 #wrapper header .link_list ul li a {
    color: #302D2C;
  }
  body.fp-viewing-4 #wrapper #main .scroll .line_frame .line {
    top: 6.25vw;
  }
  body.fp-viewing-4 #wrapper #main .scroll p {
    top: 6.64063vw;
  }
  body.fp-viewing-5 #wrapper header .logo {
    width: 261.7px;
  }
  body.fp-viewing-5 #wrapper header .link_list ul li a {
    color: #302D2C;
  }
  body.fp-viewing-5 #wrapper #main .scroll .line_frame .line {
    top: 7.8125vw;
  }
  body.fp-viewing-5 #wrapper #main .scroll p {
    top: 8.20313vw;
  }
  body.fp-viewing-6 #wrapper header .logo {
    width: 261.7px;
  }
  body.fp-viewing-6 #wrapper #main .scroll .line_frame .line {
    top: 9.375vw;
  }
  body.fp-viewing-6 #wrapper #main .scroll p {
    top: 9.76563vw;
  }
  body.fp-viewing-7 #wrapper header .logo {
    width: 261.7px;
  }
  body.fp-viewing-7 #wrapper #main .scroll .line_frame .line {
    top: 10.9375vw;
  }
  body.fp-viewing-7 #wrapper #main .scroll p {
    top: 11.32813vw;
  }
  body #wrapper {
    overflow: hidden;
  }
  body #wrapper header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
  }
  body #wrapper header .logo {
    width: 321.7px;
    transition: 0.5s ease-out;
  }
  body #wrapper header .logo .normal_img {
    display: block;
  }
  body #wrapper header .logo .img_black {
    display: none;
  }
  body #wrapper header .logo.view .normal_img {
    display: none;
  }
  body #wrapper header .logo.view .img_black {
    display: block;
  }
  body #wrapper header .link_list ul li a {
    color: #ffffff;
  }
  body #wrapper header.black .link_list ul li a {
    color: #302D2C;
  }
  body #wrapper header.black .link_list ul li a:hover {
    color: #389A26;
  }
  body #wrapper footer {
    margin-top: 7.8125vw;
  }
  body #wrapper #main .graph_img {
    width: 50vw;
    height: 100vh;
    float: left;
    background-size: cover;
    position: fixed;
    top: 0;
    background-position: top center;
  }
  body #wrapper #main .graph_img.view .graph_img_inner {
    opacity: 1;
  }
  body #wrapper #main .graph_img.mission .graph_img_inner .line {
    background-color: #ffffff;
  }
  body #wrapper #main .graph_img.mission .graph_img_inner .circle {
    border: solid 2px #ffffff;
    background-color: transparent;
  }
  body #wrapper #main .graph_img.mission .graph_img_inner .circle:nth-child(1) {
    background-color: #ffffff;
    color: #383635;
  }
  body #wrapper #main .graph_img.mission .graph_img_inner .circle:nth-child(2), body #wrapper #main .graph_img.mission .graph_img_inner .circle:nth-child(3) {
    color: #ffffff;
  }
  body #wrapper #main .graph_img.vision .graph_img_inner .line {
    background-color: #ffffff;
  }
  body #wrapper #main .graph_img.vision .graph_img_inner .circle {
    border: solid 2px #ffffff;
    background-color: transparent;
  }
  body #wrapper #main .graph_img.vision .graph_img_inner .circle:nth-child(1) {
    transform: translate3d(98px, 170px, 0);
  }
  body #wrapper #main .graph_img.vision .graph_img_inner .circle:nth-child(2) {
    background-color: #ffffff;
    color: #383635;
    transform: translate3d(98px, -170px, 0);
  }
  body #wrapper #main .graph_img.vision .graph_img_inner .circle:nth-child(3) {
    transform: translate3d(-198px, 0px, 0);
  }
  body #wrapper #main .graph_img.vision .graph_img_inner .circle:nth-child(1), body #wrapper #main .graph_img.vision .graph_img_inner .circle:nth-child(3) {
    color: #ffffff;
  }
  body #wrapper #main .graph_img.value .graph_img_inner .line {
    background-color: #ffffff;
  }
  body #wrapper #main .graph_img.value .graph_img_inner .circle {
    border: solid 2px #ffffff;
    background-color: transparent;
  }
  body #wrapper #main .graph_img.value .graph_img_inner .circle:nth-child(1) {
    transform: translate3d(-98px, 170px, 0);
  }
  body #wrapper #main .graph_img.value .graph_img_inner .circle:nth-child(2) {
    transform: translate3d(198px, 0px, 0);
  }
  body #wrapper #main .graph_img.value .graph_img_inner .circle:nth-child(3) {
    background-color: #ffffff;
    color: #383635;
    transform: translate3d(-98px, -170px, 0);
  }
  body #wrapper #main .graph_img.value .graph_img_inner .circle:nth-child(1), body #wrapper #main .graph_img.value .graph_img_inner .circle:nth-child(2) {
    color: #ffffff;
  }
  body #wrapper #main .graph_img .graph_img_inner {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 10;
    width: 336.13px;
    height: 309.85px;
    pointer-events: none;
    transition: 0.35s ease-out;
  }
  body #wrapper #main .graph_img .graph_img_inner .line {
    content: "";
    width: 60px;
    height: 2px;
    background-color: #302D2C;
    position: absolute;
    outline: 1.5px solid transparent;
  }
  body #wrapper #main .graph_img .graph_img_inner .line.top {
    transform: rotate(60deg);
    top: 153px;
    right: 90px;
    width: 58px;
  }
  body #wrapper #main .graph_img .graph_img_inner .line.center {
    bottom: 68px;
    right: 138px;
  }
  body #wrapper #main .graph_img .graph_img_inner .line.bottom {
    transform: rotate(-60deg);
    top: 153px;
    left: 90px;
    width: 58px;
  }
  body #wrapper #main .graph_img .graph_img_inner .circle {
    width: 140px;
    height: 140px;
    background-color: #ffffff;
    border: solid 2px #302D2C;
    box-sizing: border-box;
    border-radius: 70px;
    text-align: center;
    color: #302D2C;
    font-size: 20px;
    line-height: 1.44;
    letter-spacing: 0.075em;
    font-weight: 700;
    color: #302D2C;
    font-family: 'Noto Serif CJK JP';
    line-height: 0.95;
    position: absolute;
    transform: translate3d(0, 0, 0);
    transition: 0.5s ease-out;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  body #wrapper #main .graph_img .graph_img_inner .circle:nth-child(1) {
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  body #wrapper #main .graph_img .graph_img_inner .circle:nth-child(2) {
    bottom: 0;
    left: 0;
  }
  body #wrapper #main .graph_img .graph_img_inner .circle:nth-child(3) {
    bottom: 0;
    right: 0;
  }
  body #wrapper #main #top_bg,
  body #wrapper #main #mission_bg,
  body #wrapper #main #vision_bg,
  body #wrapper #main #value_bg,
  body #wrapper #main #message_bg,
  body #wrapper #main #member_bg {
    opacity: 0;
    transition: 0.5s ease-out;
  }
  body #wrapper #main #top_bg.view,
  body #wrapper #main #mission_bg.view,
  body #wrapper #main #vision_bg.view,
  body #wrapper #main #value_bg.view,
  body #wrapper #main #message_bg.view,
  body #wrapper #main #member_bg.view {
    opacity: 1;
  }
  body #wrapper #main .bg_img_0,
  body #wrapper #main .bg_img_7 {
    background-image: none;
  }
  body #wrapper #main .bg_img_1 {
    width: 51.5vw;
    background-image: url(/top/img/top.jpg);
  }
  body #wrapper #main .bg_img_2 {
    background-image: url(/top/img/mission.jpg);
  }
  body #wrapper #main .bg_img_3 {
    background-image: url(/top/img/vision.jpg);
  }
  body #wrapper #main .bg_img_4 {
    background-image: url(/top/img/value.jpg);
  }
  body #wrapper #main .scroll {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 100;
    display: flex;
    margin: 0 25px 0 0;
    transition: 2.5s ease-out;
  }
  body #wrapper #main .scroll.off {
    opacity: 0;
    pointer-events: none;
  }
  body #wrapper #main .scroll .line_frame {
    position: relative;
    width: 0.15625vw;
    height: 12.5vw;
    background: rgba(48, 45, 44, 0.2);
  }
  body #wrapper #main .scroll .line_frame .line {
    position: absolute;
    width: 0.15625vw;
    height: 1.5625vw;
    background: #302D2C;
    transition: 0.5s ease-out;
  }
  body #wrapper #main .scroll p {
    position: relative;
    top: 0;
    left: -1vw;
    transition: 0.5s ease-out;
    font-size: 0.9375vw;
    line-height: 4;
    letter-spacing: 0.1em;
    font-weight: 400;
    color: #302D2C;
    line-height: 1;
  }
  body #wrapper #main #kv {
    position: relative;
    z-index: 5;
    background-image: url(/top/img/kv.jpg);
    background-size: cover;
  }
  body #wrapper #main #kv .kv_txt {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 8.59375vw;
    text-align: center;
    color: #ffffff;
    font-size: 2.34375vw;
    line-height: 2.2;
    letter-spacing: 0.125em;
    font-weight: 500;
    color: #302D2C;
    color: #fff;
  }
  body #wrapper #main #kv .main_scroll {
    position: absolute;
    bottom: 1.5vw;
    right: 0;
    left: 0;
    margin: auto;
    width: 4.5vw;
    font-size: 0.9375vw;
    line-height: 4;
    letter-spacing: 0.1em;
    font-weight: 500;
    color: #302D2C;
    color: #ffffff;
  }
  body #wrapper #main #kv .main_scroll p {
    text-align: center;
  }
  body #wrapper #main #kv .main_scroll .arrow {
    width: 0.74688vw;
    margin-left: 2.3vw;
    margin-top: -0.2vw;
    -webkit-animation: scroll 2.5s infinite;
    animation: scroll 2.5s infinite;
  }
  body #wrapper #main .section_left {
    width: 50vw;
    height: 100vh;
    float: left;
    background-size: cover;
    position: fixed;
    top: 0;
    background-position: top center;
    z-index: -1;
    pointer-events: none;
  }
  body #wrapper #main .more_btn {
    width: 19.92188vw;
    margin: 3.28125vw auto 0;
    background: #302D2C;
    text-align: center;
    border-radius: 3.125vw;
    font-size: 1.25vw;
    line-height: 2;
    letter-spacing: 0.175em;
    font-weight: 700;
    color: #302D2C;
    line-height: 2;
    border: solid 2px #302D2C;
    box-sizing: border-box;
    transition: 0.5s ease-out;
    width: 14.02188vw;
    margin: 3.08125vw 0 0 0;
    display: flex;
    justify-content: center;
    cursor: pointer;
  }
  body #wrapper #main .more_btn a {
    color: #ffffff;
    width: 100%;
    height: 100%;
    padding: 0.62813vw 0;
    display: flex;
    justify-content: center;
  }
  body #wrapper #main .more_btn:hover {
    background: #ffffff;
  }
  body #wrapper #main .more_btn:hover a {
    color: #302D2C;
  }
  body #wrapper #main #top,
  body #wrapper #main #mission,
  body #wrapper #main #vision,
  body #wrapper #main #value,
  body #wrapper #main #message,
  body #wrapper #main #member {
    opacity: 0;
    transition: 0.5s ease-out;
  }
  body #wrapper #main #top .section_right,
  body #wrapper #main #mission .section_right,
  body #wrapper #main #vision .section_right,
  body #wrapper #main #value .section_right,
  body #wrapper #main #message .section_right,
  body #wrapper #main #member .section_right {
    width: 50vw;
    height: 100vh;
    position: relative;
    float: right;
  }
  body #wrapper #main #top .section_right .section_inner,
  body #wrapper #main #mission .section_right .section_inner,
  body #wrapper #main #vision .section_right .section_inner,
  body #wrapper #main #value .section_right .section_inner,
  body #wrapper #main #message .section_right .section_inner,
  body #wrapper #main #member .section_right .section_inner {
    width: 35.15625vw;
    position: absolute;
    top: 50%;
    /*親要素を起点に上から50%*/
    left: 50%;
    /*親要素を起点に左から50%*/
    transform: translateY(-50%) translateX(-50%);
    /*要素の大きさの半分ずつを戻す*/
    -webkit-transform: translateY(-50%) translateX(-50%);
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
  }
  body #wrapper #main #top .section_right .section_inner p,
  body #wrapper #main #mission .section_right .section_inner p,
  body #wrapper #main #vision .section_right .section_inner p,
  body #wrapper #main #value .section_right .section_inner p,
  body #wrapper #main #message .section_right .section_inner p,
  body #wrapper #main #member .section_right .section_inner p {
    font-size: 1.71875vw;
    letter-spacing: 0.05em;
    font-weight: 400;
    color: #302D2C;
  }
  body #wrapper #main #top.view,
  body #wrapper #main #mission.view,
  body #wrapper #main #vision.view,
  body #wrapper #main #value.view,
  body #wrapper #main #message.view,
  body #wrapper #main #member.view {
    opacity: 1;
  }
  body #wrapper #main #mission .section_right .section_inner,
  body #wrapper #main #vision .section_right .section_inner,
  body #wrapper #main #value .section_right .section_inner,
  body #wrapper #main #message .section_right .section_inner,
  body #wrapper #main #member .section_right .section_inner {
    display: block;
  }
  body #wrapper #main #mission .section_right .section_inner .section_ttl,
  body #wrapper #main #vision .section_right .section_inner .section_ttl,
  body #wrapper #main #value .section_right .section_inner .section_ttl,
  body #wrapper #main #message .section_right .section_inner .section_ttl,
  body #wrapper #main #member .section_right .section_inner .section_ttl {
    font-size: 2.5vw;
    letter-spacing: 0.075em;
    font-weight: 700;
    margin: 0 0 4.6vw 0;
    position: relative;
  }
  body #wrapper #main #mission .section_right .section_inner .section_ttl span,
  body #wrapper #main #vision .section_right .section_inner .section_ttl span,
  body #wrapper #main #value .section_right .section_inner .section_ttl span,
  body #wrapper #main #message .section_right .section_inner .section_ttl span,
  body #wrapper #main #member .section_right .section_inner .section_ttl span {
    font-family: 'Noto Sans CJK JP';
    font-size: 1.09375vw;
    line-height: 3.14286;
    letter-spacing: 0.075em;
    font-weight: 400;
  }
  body #wrapper #main #mission .section_right .section_inner .section_ttl::before,
  body #wrapper #main #vision .section_right .section_inner .section_ttl::before,
  body #wrapper #main #value .section_right .section_inner .section_ttl::before,
  body #wrapper #main #message .section_right .section_inner .section_ttl::before,
  body #wrapper #main #member .section_right .section_inner .section_ttl::before {
    content: "";
    width: 18.90625vw;
    height: 1px;
    background-color: #302D2C;
    position: absolute;
    bottom: -2.5vw;
    left: -10.6vw;
  }
  body #wrapper #main #mission .section_right .section_inner p,
  body #wrapper #main #vision .section_right .section_inner p,
  body #wrapper #main #value .section_right .section_inner p,
  body #wrapper #main #message .section_right .section_inner p,
  body #wrapper #main #member .section_right .section_inner p {
    font-size: 1.40625vw;
    line-height: 1.77778;
    letter-spacing: 0.075em;
    font-weight: 400;
    color: #302D2C;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  body #wrapper #main #message,
  body #wrapper #main #member {
    opacity: 1;
  }
  body #wrapper #main #message .section_left,
  body #wrapper #main #member .section_left {
    position: relative;
    background-image: url(/top/img/message.jpg);
  }
  body #wrapper #main #message .section_right .section_inner,
  body #wrapper #main #member .section_right .section_inner {
    display: block;
  }
  body #wrapper #main #message .section_right .section_inner p,
  body #wrapper #main #member .section_right .section_inner p {
    margin-left: 0;
    font-size: 1.25vw;
    line-height: 2;
    letter-spacing: 0.075em;
    font-weight: 400;
    color: #302D2C;
  }
  body #wrapper #main #top .section_right .section_inner {
    line-height: 2;
  }
  body #wrapper #main #top .section_right .section_inner::before {
    content: "";
    width: 15.85938vw;
    height: 1px;
    background-color: #302D2C;
    position: absolute;
    bottom: -2.6vw;
    left: -10.8vw;
  }
  body #wrapper #main #top .section_right .section_inner p {
    display: flex;
    align-items: center;
    font-family: 'Noto Serif CJK JP';
  }
  body #wrapper #main #top .section_right .section_inner .en {
    width: 7.10938vw;
    margin: 0 1.5625vw 0 0;
    max-width: 91px;
    font-family: 'Noto Serif CJK JP';
  }
  body #wrapper #main #top .section_right .section_inner .line {
    width: 1.5625vw;
    height: 0.07813vw;
    background: #CCCCCC;
    margin: 0 1.5625vw 0 0;
    display: inline-block;
  }
  body #wrapper #main #mission .section_right .section_inner .section_txt {
    max-width: 450px;
  }
  body #wrapper #main #vision .section_right .section_inner .section_txt {
    max-width: 450px;
  }
  body #wrapper #main #value .section_right .section_inner {
    display: block;
  }
  body #wrapper #main #value .section_right .section_inner .section_txt p {
    margin-left: 0;
    display: flex;
    flex-wrap: wrap;
  }
  body #wrapper #main #value .section_right .section_inner .section_txt .small_txt_wrap {
    position: relative;
    margin-left: 1em;
  }
  body #wrapper #main #value .section_right .section_inner .section_txt .small_txt {
    position: relative;
    display: block;
    line-height: 2;
  }
  body #wrapper #main #value .section_right .section_inner .section_txt .small_txt.top {
    margin: 0.5625vw 0 0 0;
  }
  body #wrapper #main #value .section_right .section_inner .section_txt .small_txt.bottom {
    margin: 0 0 0.5625vw 0;
  }
  body #wrapper #main #value .section_right .section_inner .section_txt .small_txt::before {
    content: "";
    width: 0.46875vw;
    height: 1px;
    background: #302D2C;
    margin: 0 0.3375vw 0.25vw 0;
    max-width: 6px;
    display: block;
    position: absolute;
    top: 1.53vw;
    left: -1vw;
    max-width: 6px;
  }
  body #wrapper #main #member .section_left {
    background-image: none !important;
    display: flex;
    flex-wrap: wrap;
  }
  body #wrapper #main #member .section_left .member_bg {
    width: 50%;
    height: 31.25vw;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
  }
  body #wrapper #main #member .section_left .member_bg.member_one {
    background-image: url(/top/img/member_one.jpg);
  }
  body #wrapper #main #member .section_left .member_bg.member_two {
    background-image: url(/top/img/member_two.jpg);
  }
  body #wrapper #main #member .section_left .member_bg.member_three {
    background-image: url(/top/img/member_three.jpg);
  }
  body #wrapper #main #member .section_left .member_bg.member_four {
    background-image: url(/top/img/member_four.jpg);
  }
  body #wrapper #main #news .news_inner {
    margin-top: 7.83125vw;
  }
}
/* IE11 対応 */
@media all and (-ms-high-contrast: none) {
  body #wrapper #main #mission .section_right .section_inner, body #wrapper #main #vision .section_right .section_inner, body #wrapper #main #value .section_right .section_inner, body #wrapper #main #message .section_right .section_inner, body #wrapper #main #member .section_right .section_inner {
    width: 36.15vw;
  }
}
/*size*/
/*============================
mixin
============================*/
/*============================
easing
============================*/
@media screen and (max-width: 767.9px) {
  body .iScrollVerticalScrollbar {
    display: none;
  }
  body.fp-viewing-0 #wrapper #main .scroll .line_frame {
    background: rgba(255, 255, 255, 0.2);
  }
  body.fp-viewing-0 #wrapper #main .scroll .line_frame .line {
    background: #ffffff;
    top: 0;
  }
  body.fp-viewing-1 #wrapper header .logo {
    opacity: 0;
    pointer-events: none;
  }
  body.fp-viewing-1 #wrapper #main .scroll .line_frame .line {
    top: 5.33333vw;
  }
  body.fp-viewing-2 #wrapper header .logo {
    opacity: 0;
    pointer-events: none;
  }
  body.fp-viewing-2 #wrapper #main .scroll .line_frame .line {
    top: 10.66667vw;
  }
  body.fp-viewing-3 #wrapper header .logo {
    opacity: 0;
    pointer-events: none;
  }
  body.fp-viewing-3 #wrapper #main .scroll .line_frame .line {
    top: 16vw;
  }
  body.fp-viewing-4 #wrapper header .logo {
    opacity: 0;
    pointer-events: none;
  }
  body.fp-viewing-4 #wrapper #main .scroll .line_frame .line {
    top: 21.33333vw;
  }
  body.fp-viewing-5 #wrapper header .logo {
    opacity: 0;
    pointer-events: none;
  }
  body.fp-viewing-5 #wrapper #main .scroll .line_frame .line {
    top: 26.66667vw;
  }
  body.fp-viewing-6 #wrapper header .logo {
    opacity: 0;
    pointer-events: none;
  }
  body.fp-viewing-6 #wrapper #main .scroll .line_frame .line {
    top: 32vw;
  }
  body.fp-viewing-7 #wrapper header .logo {
    opacity: 0;
    pointer-events: none;
  }
  body.fp-viewing-7 #wrapper #main .scroll .line_frame .line {
    top: 37.33333vw;
  }
  body #wrapper header {
    position: absolute;
    top: 0;
    left: 0;
  }
  body #wrapper header .logo {
    opacity: 1;
    transition: 0.5s ease-out;
  }
  body #wrapper header .logo .normal_img {
    display: block;
  }
  body #wrapper header .logo .img_black {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
  }
  body #wrapper header.black .menu_btn span {
    background-color: #302D2C;
  }
  body #wrapper header .menu_btn {
    position: fixed;
    right: 6.66667vw;
  }
  body #wrapper header .menu_btn span {
    background-color: #ffffff;
  }
  body #wrapper header .menu_btn.open span {
    background-color: #302D2C;
  }
  body #wrapper footer {
    margin-top: 26.66667vw;
  }
  body #wrapper #main .sp_ttl {
    position: relative;
  }
  body #wrapper #main .sp_ttl .section_ttl {
    font-size: 7.46667vw;
    line-height: 1.57143;
    letter-spacing: 0.075em;
    font-weight: 700;
    color: #302D2C;
    margin: 0 0 21.33333vw 8vw;
    position: absolute;
    top: 27.66667vw;
    left: -45vw;
    opacity: 0;
    color: #ffffff;
    z-index: 1000;
    transition: 0.5s ease-out;
  }
  body #wrapper #main .sp_ttl .section_ttl::before {
    content: "";
    width: 41.06667vw;
    height: 1px;
    background-color: #ffffff;
    position: absolute;
    bottom: -4.7vw;
    left: -13.5vw;
  }
  body #wrapper #main .sp_ttl .section_ttl.view {
    left: 0;
    opacity: 1;
  }
  body #wrapper #main .graph_img {
    opacity: 0;
    position: fixed;
    left: 0;
    right: 0;
    top: 13.06667vw;
    margin: auto;
    z-index: 1000;
    width: 52.35467vw;
    height: 48.28vw;
    pointer-events: none;
    transition: 0.35s ease-out;
  }
  body #wrapper #main .graph_img.view {
    opacity: 1;
  }
  body #wrapper #main .graph_img.mission, body #wrapper #main .graph_img.vision, body #wrapper #main .graph_img.value {
    width: 45.86667vw;
    height: 42.296vw;
    right: -38vw;
    top: 16.26667vw;
  }
  body #wrapper #main .graph_img.mission .line, body #wrapper #main .graph_img.vision .line, body #wrapper #main .graph_img.value .line {
    width: 10.5vw;
  }
  body #wrapper #main .graph_img.mission .line.top, body #wrapper #main .graph_img.vision .line.top, body #wrapper #main .graph_img.value .line.top {
    top: 20vw;
    right: 11.5vw;
  }
  body #wrapper #main .graph_img.mission .line.center, body #wrapper #main .graph_img.vision .line.center, body #wrapper #main .graph_img.value .line.center {
    bottom: 9.5vw;
    right: 18.7vw;
    width: 8.2vw;
  }
  body #wrapper #main .graph_img.mission .line.bottom, body #wrapper #main .graph_img.vision .line.bottom, body #wrapper #main .graph_img.value .line.bottom {
    top: 20vw;
    left: 11.5vw;
  }
  body #wrapper #main .graph_img.mission .circle, body #wrapper #main .graph_img.vision .circle, body #wrapper #main .graph_img.value .circle {
    width: 18.81333vw;
    height: 18.81333vw;
    border: solid 1px #ffffff;
  }
  body #wrapper #main .graph_img.mission .circle p, body #wrapper #main .graph_img.vision .circle p, body #wrapper #main .graph_img.value .circle p {
    transform: scale(0.8);
  }
  body #wrapper #main .graph_img.mission .line {
    background-color: #ffffff;
  }
  body #wrapper #main .graph_img.mission .circle {
    border: solid 1px #ffffff;
    background-color: transparent;
  }
  body #wrapper #main .graph_img.mission .circle:nth-child(1) {
    background-color: #ffffff;
    color: #383635;
  }
  body #wrapper #main .graph_img.mission .circle:nth-child(2), body #wrapper #main .graph_img.mission .circle:nth-child(3) {
    color: #ffffff;
  }
  body #wrapper #main .graph_img.vision .line {
    background-color: #ffffff;
  }
  body #wrapper #main .graph_img.vision .circle {
    border: solid 1px #ffffff;
    background-color: transparent;
  }
  body #wrapper #main .graph_img.vision .circle:nth-child(1) {
    transform: translate3d(13.5vw, 23.5vw, 0);
  }
  body #wrapper #main .graph_img.vision .circle:nth-child(2) {
    background-color: #ffffff;
    color: #383635;
    transform: translate3d(13.5vw, -23.5vw, 0);
  }
  body #wrapper #main .graph_img.vision .circle:nth-child(3) {
    transform: translate3d(-27vw, 0, 0);
  }
  body #wrapper #main .graph_img.vision .circle:nth-child(1), body #wrapper #main .graph_img.vision .circle:nth-child(3) {
    color: #ffffff;
  }
  body #wrapper #main .graph_img.value .line {
    background-color: #ffffff;
  }
  body #wrapper #main .graph_img.value .circle {
    border: solid 1px #ffffff;
    background-color: transparent;
  }
  body #wrapper #main .graph_img.value .circle:nth-child(1) {
    transform: translate3d(-13.5vw, 23.5vw, 0);
  }
  body #wrapper #main .graph_img.value .circle:nth-child(2) {
    transform: translate3d(27vw, 0px, 0);
  }
  body #wrapper #main .graph_img.value .circle:nth-child(3) {
    background-color: #ffffff;
    color: #383635;
    transform: translate3d(-13.5vw, -23.5vw, 0);
  }
  body #wrapper #main .graph_img.value .circle:nth-child(1), body #wrapper #main .graph_img.value .circle:nth-child(2) {
    color: #ffffff;
  }
  body #wrapper #main .graph_img .line {
    content: "";
    width: 9.5vw;
    height: 1.2px;
    background-color: #302D2C;
    position: absolute;
  }
  body #wrapper #main .graph_img .line.top {
    transform: rotate(60deg);
    top: 24vw;
    right: 14vw;
  }
  body #wrapper #main .graph_img .line.center {
    bottom: 10.5vw;
    right: 21.3vw;
  }
  body #wrapper #main .graph_img .line.bottom {
    transform: rotate(-60deg);
    top: 24vw;
    left: 14vw;
  }
  body #wrapper #main .graph_img .circle {
    width: 21.47467vw;
    height: 21.47467vw;
    background-color: #ffffff;
    border: solid 1px #302D2C;
    box-sizing: border-box;
    border-radius: 70px;
    text-align: center;
    color: #302D2C;
    font-size: 5.33333vw;
    line-height: 1.44;
    letter-spacing: 0.075em;
    font-weight: 700;
    color: #302D2C;
    font-size: 3.7vw;
    position: absolute;
    transform: translate3d(0, 0, 0);
    transition: 0.5s ease-out;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  body #wrapper #main .graph_img .circle p {
    transform: scale(1);
    transition: 0.5s ease-out;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  body #wrapper #main .graph_img .circle:nth-child(1) {
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  body #wrapper #main .graph_img .circle:nth-child(2) {
    bottom: 0;
    left: 0;
  }
  body #wrapper #main .graph_img .circle:nth-child(3) {
    bottom: 0;
    right: 0;
  }
  body #wrapper #main #mission_bg,
  body #wrapper #main #vision_bg,
  body #wrapper #main #value_bg {
    opacity: 0;
    transition: 0.3s ease-out;
    z-index: 20;
  }
  body #wrapper #main #mission_bg.view,
  body #wrapper #main #vision_bg.view,
  body #wrapper #main #value_bg.view {
    opacity: 1;
  }
  body #wrapper #main #top_bg {
    opacity: 0;
    transition: 0.3s ease-out;
  }
  body #wrapper #main #top_bg.view {
    opacity: 1;
  }
  body #wrapper #main .bg_img_0 {
    background-image: none;
  }
  body #wrapper #main .bg_img_7 {
    background-image: none;
  }
  body #wrapper #main .bg_img_1 {
    background-image: url(/top/img/top_sp.jpg);
  }
  body #wrapper #main .bg_img_2 {
    background-image: url(/top/img/mission_sp.jpg);
  }
  body #wrapper #main .bg_img_3 {
    background-image: url(/top/img/vision_sp.jpg);
  }
  body #wrapper #main .bg_img_4 {
    background-image: url(/top/img/value_sp.jpg);
  }
  body #wrapper #main .scroll {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 100;
    display: flex;
    margin: 0 3vw 0 0;
    transition: 1.5s ease-out;
  }
  body #wrapper #main .scroll.off {
    opacity: 0;
    pointer-events: none;
  }
  body #wrapper #main .scroll .line_frame {
    position: relative;
    width: 0.53333vw;
    height: 42.66667vw;
    background: rgba(48, 45, 44, 0.2);
  }
  body #wrapper #main .scroll .line_frame .line {
    position: absolute;
    width: 0.53333vw;
    height: 5.33333vw;
    background: #302D2C;
    transition: 0.5s ease-out;
  }
  body #wrapper #main .scroll p {
    display: none;
  }
  body #wrapper #main .section_left {
    width: 100%;
    height: 74.66667vw;
    background-size: cover;
    position: fixed;
    top: 0;
    background-position: top center;
    pointer-events: none;
  }
  body #wrapper #main #kv {
    position: relative;
    z-index: 30;
    background-image: url(/top/img/kv_sp.jpg);
    background-size: cover;
  }
  body #wrapper #main #kv .kv_txt {
    position: absolute;
    top: -6vw;
    bottom: 0;
    right: 0;
    left: 0.5vw;
    margin: auto;
    width: 100%;
    height: 25.33333vw;
    text-align: center;
    font-size: 4.26667vw;
    line-height: 2.25;
    letter-spacing: 0.1em;
    font-weight: 500;
    color: #302D2C;
    color: #ffffff;
  }
  body #wrapper #main #kv .main_scroll {
    position: absolute;
    bottom: 1.5vw;
    right: 0;
    left: 0;
    margin: auto;
    width: 11.5vw;
    font-size: 3.2vw;
    line-height: 4;
    letter-spacing: 0.1em;
    font-weight: 500;
    color: #302D2C;
    color: #ffffff;
  }
  body #wrapper #main #kv .main_scroll p {
    text-align: center;
  }
  body #wrapper #main #kv .main_scroll .arrow {
    width: 2.54933vw;
    margin-left: 6.1vw;
    margin-top: -1.5vw;
    -webkit-animation: scroll 2.5s infinite;
    animation: scroll 2.5s infinite;
  }
  body #wrapper #main .more_btn {
    width: 68vw;
    height: 13.5vw;
    margin: 0 auto;
    background: #302D2C;
    text-align: center;
    border-radius: 10.66667vw;
    font-size: 4.26667vw;
    line-height: 2;
    letter-spacing: 0.175em;
    font-weight: 700;
    color: #302D2C;
    line-height: 1.6;
    margin-top: 8vw;
  }
  body #wrapper #main .more_btn a {
    color: #ffffff;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  body #wrapper #main .more_btn a p {
    padding: 3.73333vw 0;
  }
  body #wrapper #main #top .section_right,
  body #wrapper #main #mission .section_right,
  body #wrapper #main #vision .section_right,
  body #wrapper #main #value .section_right,
  body #wrapper #main #message .section_right,
  body #wrapper #main #member .section_right {
    width: 100%;
    height: auto;
    position: absolute;
    top: 82.93333vw;
  }
  body #wrapper #main #top .section_right .section_inner,
  body #wrapper #main #mission .section_right .section_inner,
  body #wrapper #main #vision .section_right .section_inner,
  body #wrapper #main #value .section_right .section_inner,
  body #wrapper #main #message .section_right .section_inner,
  body #wrapper #main #member .section_right .section_inner {
    width: 84vw;
    margin: 0 auto;
    text-align: left;
    font-size: 4.8vw;
    line-height: 2.11111;
    letter-spacing: 0.04em;
    font-weight: 400;
    color: #302D2C;
  }
  body #wrapper #main #top .section_right .section_inner .section_txt,
  body #wrapper #main #mission .section_right .section_inner .section_txt,
  body #wrapper #main #vision .section_right .section_inner .section_txt,
  body #wrapper #main #value .section_right .section_inner .section_txt,
  body #wrapper #main #message .section_right .section_inner .section_txt,
  body #wrapper #main #member .section_right .section_inner .section_txt {
    opacity: 0;
    transition: 0.1s ease-out;
  }
  body #wrapper #main #top .section_right::before,
  body #wrapper #main #mission .section_right::before,
  body #wrapper #main #vision .section_right::before,
  body #wrapper #main #value .section_right::before,
  body #wrapper #main #message .section_right::before,
  body #wrapper #main #member .section_right::before {
    content: "";
    width: 64.53333vw;
    height: 1px;
    background-color: #302D2C;
    position: absolute;
    bottom: -5.73333vw;
    left: 0;
  }
  body #wrapper #main #top.active .section_right .section_inner .section_txt,
  body #wrapper #main #mission.active .section_right .section_inner .section_txt,
  body #wrapper #main #vision.active .section_right .section_inner .section_txt,
  body #wrapper #main #value.active .section_right .section_inner .section_txt,
  body #wrapper #main #message.active .section_right .section_inner .section_txt,
  body #wrapper #main #member.active .section_right .section_inner .section_txt {
    opacity: 1;
  }
  body #wrapper #main #mission .section_ttl,
  body #wrapper #main #vision .section_ttl,
  body #wrapper #main #value .section_ttl,
  body #wrapper #main #message .section_ttl,
  body #wrapper #main #member .section_ttl {
    font-size: 7.46667vw;
    line-height: 1.57143;
    letter-spacing: 0.075em;
    font-weight: 700;
    color: #302D2C;
    margin: 0 0 21.33333vw 8vw;
    position: absolute;
    top: 30.66667vw;
    left: 0;
    color: #ffffff;
  }
  body #wrapper #main #mission .section_ttl span,
  body #wrapper #main #vision .section_ttl span,
  body #wrapper #main #value .section_ttl span,
  body #wrapper #main #message .section_ttl span,
  body #wrapper #main #member .section_ttl span {
    font-family: 'Noto Sans CJK JP';
    font-size: 3.2vw;
    line-height: 3.66667;
    letter-spacing: 0.075em;
    font-weight: 400;
    line-height: 1.66667;
  }
  body #wrapper #main #mission .section_ttl::before,
  body #wrapper #main #vision .section_ttl::before,
  body #wrapper #main #value .section_ttl::before,
  body #wrapper #main #message .section_ttl::before,
  body #wrapper #main #member .section_ttl::before {
    content: "";
    width: 41.06667vw;
    height: 1px;
    background-color: #ffffff;
    position: absolute;
    bottom: -3.7vw;
    left: -13.5vw;
  }
  body #wrapper #main #mission .section_right,
  body #wrapper #main #vision .section_right,
  body #wrapper #main #value .section_right,
  body #wrapper #main #message .section_right,
  body #wrapper #main #member .section_right {
    top: 83vw;
  }
  body #wrapper #main #mission .section_right .section_inner,
  body #wrapper #main #vision .section_right .section_inner,
  body #wrapper #main #value .section_right .section_inner,
  body #wrapper #main #message .section_right .section_inner,
  body #wrapper #main #member .section_right .section_inner {
    height: auto;
    font-size: 3.73333vw;
    line-height: 2.28571;
    letter-spacing: 0em;
    font-weight: 400;
    color: #302D2C;
    line-height: 2.3;
  }
  body #wrapper #main #mission .section_right::before,
  body #wrapper #main #vision .section_right::before,
  body #wrapper #main #value .section_right::before,
  body #wrapper #main #message .section_right::before,
  body #wrapper #main #member .section_right::before {
    display: none;
  }
  body #wrapper #main #top .section_right .section_inner {
    margin-left: 8vw;
  }
  body #wrapper #main #top .section_right .section_inner p {
    display: flex;
    align-items: center;
  }
  body #wrapper #main #top .section_right .section_inner .en {
    width: 19.46667vw;
    margin: 0 4.53333vw 0 0;
  }
  body #wrapper #main #top .section_right .section_inner .line {
    width: 5.33333vw;
    height: 1px;
    background: #CCCCCC;
    margin: 0 4.53333vw 0 0;
    display: inline-block;
  }
  body #wrapper #main #vision .section_right .section_inner {
    margin-left: 8vw;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  body #wrapper #main #vision .section_right .section_inner .section_ttl {
    top: -57.4vw;
  }
  body #wrapper #main #value .section_right .section_inner {
    width: 92%;
    margin-left: 8vw;
    font-size: 3.73333vw;
    line-height: 2.28571;
    letter-spacing: 0.075em;
    font-weight: 400;
    color: #302D2C;
    letter-spacing: 0.03em;
  }
  body #wrapper #main #value .section_right .section_inner .small_txt_wrap {
    position: relative;
    margin-left: 1em;
  }
  body #wrapper #main #value .section_right .section_inner .small_txt {
    position: relative;
    display: flex;
    align-items: flex-start;
  }
  body #wrapper #main #value .section_right .section_inner .small_txt.top {
    margin: 2.5625vw 0 0 0;
  }
  body #wrapper #main #value .section_right .section_inner .small_txt.bottom {
    margin: 0 0 2.5625vw 0;
  }
  body #wrapper #main #value .section_right .section_inner .small_txt::before {
    content: "";
    width: 1.6vw;
    height: 1px;
    background: #302D2C;
    margin: 0 0.3375vw 0.25vw 0;
    max-width: 6px;
    display: block;
    position: absolute;
    top: 4.1vw;
    left: -2.5vw;
  }
  body #wrapper #main #message,
  body #wrapper #main #member {
    opacity: 1;
  }
  body #wrapper #main #message .inner,
  body #wrapper #main #member .inner {
    height: 100vh;
  }
  body #wrapper #main #message .section_ttl,
  body #wrapper #main #member .section_ttl {
    position: relative;
    top: -6.5vw;
    color: #302D2C;
    margin: 0 0 0 8vw;
  }
  body #wrapper #main #message .section_ttl h2,
  body #wrapper #main #member .section_ttl h2 {
    margin-top: -2vw;
  }
  body #wrapper #main #message .section_ttl::before,
  body #wrapper #main #member .section_ttl::before {
    background-color: #302D2C;
    bottom: -5.5vw;
  }
  body #wrapper #main #message .section_left,
  body #wrapper #main #member .section_left {
    position: relative;
    background-image: url(/top/img/message_sp.jpg);
    width: 84vw;
    height: 61.6vw;
    margin: 0 auto;
    position: relative;
    top: 6.5vw;
  }
  body #wrapper #main #message .section_right,
  body #wrapper #main #member .section_right {
    width: 85vw;
    height: auto;
    margin: auto;
    position: relative;
    top: 6.5vw;
  }
  body #wrapper #main #message .section_right .section_inner,
  body #wrapper #main #member .section_right .section_inner {
    width: 100%;
    margin: auto;
    margin-top: 8vw;
  }
  body #wrapper #main #message .section_right .section_inner p,
  body #wrapper #main #member .section_right .section_inner p {
    margin: 0 0 0 1vw;
  }
  body #wrapper #main #member .section_ttl::before {
    left: -16.5vw;
  }
  body #wrapper #main #member .section_left {
    background-image: none !important;
    display: flex;
    flex-wrap: wrap;
  }
  body #wrapper #main #member .section_left .member_bg {
    width: 50%;
    height: 50% !important;
    background-repeat: no-repeat;
    background-position: center -6vw;
    background-size: cover;
  }
  body #wrapper #main #member .section_left .member_bg.member_one {
    background-image: url(/top/img/member_one.jpg);
  }
  body #wrapper #main #member .section_left .member_bg.member_two {
    background-image: url(/top/img/member_two.jpg);
  }
  body #wrapper #main #member .section_left .member_bg.member_three {
    background-image: url(/top/img/member_three.jpg);
  }
  body #wrapper #main #member .section_left .member_bg.member_four {
    background-image: url(/top/img/member_four.jpg);
  }
}
/*size*/
/*============================
mixin
============================*/
/*============================
easing
============================*/
@media screen and (min-width: 1280px) {
  body {
    font-size: 16px;
  }
  body #wrapper header .link_list {
    font-size: 16px;
  }
  body #wrapper #main .scroll p {
    font-size: 12px;
  }
  body #wrapper #main #kv .kv_txt {
    font-size: 30px;
  }
  body #wrapper #main #top .section_right .section_inner p,
  body #wrapper #main #mission .section_right .section_inner p,
  body #wrapper #main #vision .section_right .section_inner p,
  body #wrapper #main #value .section_right .section_inner p,
  body #wrapper #main #message .section_right .section_inner p,
  body #wrapper #main #member .section_right .section_inner p {
    font-size: 22px;
  }
  body #wrapper #main #mission .section_right .section_inner .section_ttl,
  body #wrapper #main #vision .section_right .section_inner .section_ttl,
  body #wrapper #main #value .section_right .section_inner .section_ttl,
  body #wrapper #main #message .section_right .section_inner .section_ttl,
  body #wrapper #main #member .section_right .section_inner .section_ttl {
    font-size: 32px;
  }
  body #wrapper #main #mission .section_right .section_inner .section_ttl span,
  body #wrapper #main #vision .section_right .section_inner .section_ttl span,
  body #wrapper #main #value .section_right .section_inner .section_ttl span,
  body #wrapper #main #message .section_right .section_inner .section_ttl span,
  body #wrapper #main #member .section_right .section_inner .section_ttl span {
    font-size: 14px;
  }
  body #wrapper #main #mission .section_right .section_inner p,
  body #wrapper #main #vision .section_right .section_inner p,
  body #wrapper #main #value .section_right .section_inner p,
  body #wrapper #main #message .section_right .section_inner p,
  body #wrapper #main #member .section_right .section_inner p {
    font-size: 18px;
  }
  body #wrapper #main #mission .section_right .more_btn,
  body #wrapper #main #vision .section_right .more_btn,
  body #wrapper #main #value .section_right .more_btn,
  body #wrapper #main #message .section_right .more_btn,
  body #wrapper #main #member .section_right .more_btn {
    font-size: 16px;
  }
  body #wrapper #main #message .section_right .section_inner p,
  body #wrapper #main #member .section_right .section_inner p {
    font-size: 16px;
  }
  body #wrapper #main #value .section_right .section_inner .section_txt .small_txt_wrap .small_txt::before {
    top: 17.5px;
    left: -13px;
  }
  body #wrapper #main #news .news_inner .news_ttl {
    font-size: 24px;
  }
  body #wrapper #main #news .news_inner .news_list ul li {
    font-size: 14px;
  }
}
@keyframes scroll {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 20%);
    opacity: 0;
  }
}

/*# sourceMappingURL=screen.css.map */