@charset "UTF-8";
/*color*/
/*anim*/
/*size*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
@keyframes img-move {
  /* line 211, ../../../../src/cmn/css/_mixin.scss */
  to {
    transform: translateX(-100%);
  }
}

@media screen and (min-width: 1440px) {
  /*debug
  body{
  	background: url(../img/_guide.png) no-repeat top center;
  	background-size: 1440px auto;
      background-position: top center;
      // background-attachment: fixed;
  	#opening{
  		opacity: 0.6;
  	}
  	header{
  		@include opacity(0.6);
  		//width: 1440px !important;
  	}
  	#top{
  	}
  	#wrapper{
  		width: 1440px !important;
  		margin: 0 auto;
  		float: none !important;
  		opacity: 0.6;
  	}
  	#footer{
  		@include opacity(0.6);
  	}
  }
  */
  /* line 31, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #about h2 {
    font-size: 4.05093vw;
    line-height: 5.32407vw;
    margin-bottom: 1.09954vw;
  }
  /* line 37, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #about .txt .t1 {
    font-size: 1.50463vw;
    line-height: 2.37269vw;
    text-align: center;
    margin-bottom: 2.31481vw;
    font-weight: 700;
  }
  /* line 44, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #about .txt .t2 {
    font-size: 1.15741vw;
    line-height: 2.66204vw;
    margin-bottom: 1.27315vw;
    font-weight: 700;
  }
  /* line 52, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #philosophy {
    padding-top: 5.20833vw;
  }
  /* line 54, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #philosophy h2 {
    font-size: 4.05093vw;
    line-height: 5.32407vw;
    margin-bottom: 1.5625vw;
  }
  /* line 59, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #philosophy .tri {
    display: flex;
    flex-wrap: wrap;
    height: 16.78241vw;
    padding-top: 3.29861vw;
  }
  /* line 64, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #philosophy .tri .set {
    width: 50%;
    position: relative;
  }
  /* line 67, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #philosophy .tri .set:before {
    position: absolute;
    content: "";
    display: block;
    width: 0.05787vw;
    height: 6.77083vw;
    background: white;
    top: 1.15741vw;
    right: 0;
  }
  /* line 78, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #philosophy .tri .set:nth-of-type(2) .ttl {
    margin-bottom: 1.62037vw;
  }
  /* line 81, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #philosophy .tri .set:nth-of-type(2):before {
    display: none;
  }
  /* line 85, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #philosophy .tri .set .ttl {
    font-size: 1.62037vw;
    line-height: 2.1412vw;
    text-align: center;
    margin-bottom: 3.41435vw;
    font-weight: 700;
  }
  /* line 92, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #philosophy .tri .set .detail {
    font-size: 0.92593vw;
    line-height: 1.85185vw;
    font-weight: 700;
    text-align: center;
  }
  /* line 101, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #value {
    padding-top: 7.8125vw;
  }
  /* line 103, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #value h2 {
    margin-bottom: 1.62037vw;
  }
  /* line 106, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #value .tri {
    display: flex;
    flex-wrap: wrap;
    height: 26.33102vw;
    padding-top: 2.60417vw;
  }
  /* line 111, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #value .tri .set {
    width: 33.333%;
    position: relative;
  }
  /* line 114, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #value .tri .set:before {
    position: absolute;
    content: "";
    display: block;
    width: 0.05787vw;
    height: 6.77083vw;
    background: white;
    top: 3.35648vw;
    right: 0;
  }
  /* line 124, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #value .tri .set:nth-of-type(4), body #wrapper #value .tri .set:nth-of-type(5) {
    width: 50%;
  }
  /* line 126, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #value .tri .set:nth-of-type(4):before, body #wrapper #value .tri .set:nth-of-type(5):before {
    top: 1.73611vw;
  }
  /* line 131, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #value .tri .set:nth-of-type(3):before, body #wrapper #value .tri .set:last-child:before {
    display: none;
  }
  /* line 135, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #value .tri .set .ttl {
    font-size: 1.62037vw;
    line-height: 2.1412vw;
    text-align: center;
    margin-bottom: 1.62037vw;
    font-weight: 700;
  }
  /* line 142, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #value .tri .set .detail {
    font-size: 0.92593vw;
    line-height: 1.85185vw;
    font-weight: 700;
    text-align: center;
  }
  /* line 151, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #company {
    padding-top: 7.75463vw;
  }
  /* line 153, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #company h2 {
    margin-bottom: 1.73611vw;
  }
  /* line 156, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #company ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    height: 6.77083vw;
    width: 40.50926vw;
    margin: 0 auto;
  }
  /* line 165, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #company ul li {
    position: relative;
    width: 50%;
    height: 6.77083vw;
    box-sizing: border-box;
    display: flex;
    align-content: center;
    align-items: center;
  }
  /* line 174, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #company ul li:last-child:before {
    display: none;
  }
  /* line 178, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #company ul li a {
    display: block;
    width: 16.78241vw;
    margin: 0 auto;
  }
}
/*size*/
@media screen and (min-width: 897px) and (max-width: 1439px) {
  /*debug
  body{
  	background: url(../img/_guide.png) no-repeat top center;
  	background-size: 1440px auto;
      background-position: top center;
      // background-attachment: fixed;
  	#opening{
  		opacity: 0.6;
  	}
  	header{
  		@include opacity(0.6);
  		//width: 1440px !important;
  	}
  	#top{
  	}
  	#wrapper{
  		width: 1440px !important;
  		margin: 0 auto;
  		float: none !important;
  		opacity: 0.6;
  	}
  	#footer{
  		@include opacity(0.6);
  	}
  }
  */
  /* line 31, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #about h2 {
    font-size: 4.05093vw;
    line-height: 5.32407vw;
    margin-bottom: 1.09954vw;
  }
  /* line 37, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #about .txt .t1 {
    font-size: 1.50463vw;
    line-height: 2.37269vw;
    text-align: center;
    margin-bottom: 2.31481vw;
    font-weight: 700;
  }
  /* line 44, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #about .txt .t2 {
    font-size: 1.15741vw;
    line-height: 2.66204vw;
    margin-bottom: 1.27315vw;
    font-weight: 700;
  }
  /* line 52, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #philosophy {
    padding-top: 5.20833vw;
  }
  /* line 54, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #philosophy h2 {
    font-size: 4.05093vw;
    line-height: 5.32407vw;
    margin-bottom: 1.5625vw;
  }
  /* line 59, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #philosophy .tri {
    display: flex;
    flex-wrap: wrap;
    height: 16.78241vw;
    padding-top: 3.29861vw;
  }
  /* line 64, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #philosophy .tri .set {
    width: 50%;
    position: relative;
  }
  /* line 67, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #philosophy .tri .set:before {
    position: absolute;
    content: "";
    display: block;
    width: 0.05787vw;
    height: 6.77083vw;
    background: white;
    top: 1.15741vw;
    right: 0;
  }
  /* line 78, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #philosophy .tri .set:nth-of-type(2) .ttl {
    margin-bottom: 1.62037vw;
  }
  /* line 81, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #philosophy .tri .set:nth-of-type(2):before {
    display: none;
  }
  /* line 85, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #philosophy .tri .set .ttl {
    font-size: 1.62037vw;
    line-height: 2.1412vw;
    text-align: center;
    margin-bottom: 3.41435vw;
    font-weight: 700;
  }
  /* line 92, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #philosophy .tri .set .detail {
    font-size: 0.92593vw;
    line-height: 1.85185vw;
    font-weight: 700;
    text-align: center;
  }
  /* line 101, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #value {
    padding-top: 7.8125vw;
  }
  /* line 103, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #value h2 {
    margin-bottom: 1.62037vw;
  }
  /* line 106, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #value .tri {
    display: flex;
    flex-wrap: wrap;
    height: 26.33102vw;
    padding-top: 2.60417vw;
  }
  /* line 111, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #value .tri .set {
    width: 33.333%;
    position: relative;
  }
  /* line 114, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #value .tri .set:before {
    position: absolute;
    content: "";
    display: block;
    width: 0.05787vw;
    height: 6.77083vw;
    background: white;
    top: 3.35648vw;
    right: 0;
  }
  /* line 124, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #value .tri .set:nth-of-type(4), body #wrapper #value .tri .set:nth-of-type(5) {
    width: 50%;
  }
  /* line 126, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #value .tri .set:nth-of-type(4):before, body #wrapper #value .tri .set:nth-of-type(5):before {
    top: 1.73611vw;
  }
  /* line 131, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #value .tri .set:nth-of-type(3):before, body #wrapper #value .tri .set:last-child:before {
    display: none;
  }
  /* line 135, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #value .tri .set .ttl {
    font-size: 1.62037vw;
    line-height: 2.1412vw;
    text-align: center;
    margin-bottom: 1.62037vw;
    font-weight: 700;
  }
  /* line 142, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #value .tri .set .detail {
    font-size: 0.92593vw;
    line-height: 1.85185vw;
    font-weight: 700;
    text-align: center;
  }
  /* line 151, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #company {
    padding-top: 7.75463vw;
  }
  /* line 153, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #company h2 {
    margin-bottom: 1.73611vw;
  }
  /* line 156, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #company ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    align-content: center;
    height: 6.77083vw;
    width: 40.50926vw;
    margin: 0 auto;
  }
  /* line 165, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #company ul li {
    position: relative;
    width: 50%;
    height: 6.77083vw;
    box-sizing: border-box;
    display: flex;
    align-content: center;
    align-items: center;
  }
  /* line 174, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #company ul li:last-child:before {
    display: none;
  }
  /* line 178, ../../../../src/page/about/css/_pc.scss */
  body #wrapper #company ul li a {
    display: block;
    width: 16.78241vw;
    margin: 0 auto;
  }
}
/*color*/
/*anim*/
/*size*/
/*============================
mixin
============================*/
/*
* keyframes animationの定義
* ※_anim.scssに定義
*/
/*
* keyframesで定義したkeyframes animationの設定
* @include animation(animation_name $time linear infinite);
*/
/*
* css animationの時間とeasing指定
*/
/*
* position:absoluteで縦横中央ぞろえ
*/
/*
* 左右に均等のマージンをとった幅指定
*/
/*============================
easing
============================*/
/*============================
animation
============================*/
@keyframes img-move {
  /* line 211, ../../../../src/cmn/css/_mixin.scss */
  to {
    transform: translateX(-100%);
  }
}

@media screen and (max-width: 896px) {
  /*debug
  body{
  	background: url(../img/_guidesp.png) no-repeat top center;
  	// background: url(../../../images/page/top/_opsp.png) no-repeat top center;
  	background-size: 100% auto;
      background-position: 0px 0;
  	#opening{
  		opacity: 0.6;
  	}
  	header{
  		@include opacity(0.6);
  		//width: 1440px !important;
  	}
  	#top{
  	}
  	#wrapper{
  		margin: 0 auto;
  		opacity: 0.6;
  	}
  	#footer{
  		@include opacity(0.6);
  	}
  }*/
  /* line 32, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #about {
    padding-top: 16vw;
  }
  /* line 34, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #about h2 {
    font-size: 13.33333vw;
    line-height: 17.6vw;
    margin-bottom: 6.13333vw;
  }
  /* line 40, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #about .txt .t1 {
    font-size: 5.33333vw;
    line-height: 12.26667vw;
    text-align: center;
    margin-bottom: 12.8vw;
    font-weight: 700;
    letter-spacing: 0.04em;
  }
  /* line 48, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #about .txt .t2 {
    font-size: 4.26667vw;
    line-height: 8.53333vw;
    margin-bottom: 15.2vw;
    font-weight: 700;
    letter-spacing: 0.04em;
  }
  /* line 57, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #philosophy {
    padding-top: 18.66667vw;
  }
  /* line 59, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #philosophy h2 {
    font-size: 13.33333vw;
    line-height: 17.6vw;
    margin-bottom: 7.46667vw;
  }
  /* line 65, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #philosophy .tri .set {
    width: 100%;
    position: relative;
    padding: 8.8vw 9.6vw 7.73333vw 9.6vw;
    box-sizing: border-box;
  }
  /* line 70, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #philosophy .tri .set:before {
    position: absolute;
    content: "";
    display: block;
    width: 32vw;
    height: 1px;
    background: white;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
  }
  /* line 82, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #philosophy .tri .set:nth-of-type(2):before {
    display: none;
  }
  /* line 86, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #philosophy .tri .set .ttl {
    font-size: 6.93333vw;
    line-height: 10.93333vw;
    text-align: center;
    margin-bottom: 2.93333vw;
    font-weight: 700;
    letter-spacing: 0.08em;
  }
  /* line 94, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #philosophy .tri .set .detail {
    font-size: 4.26667vw;
    line-height: 8.53333vw;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.04em;
  }
  /* line 104, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #value {
    padding-top: 20.26667vw;
  }
  /* line 106, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #value h2 {
    margin-bottom: 6.66667vw;
    font-size: 13.33333vw;
    line-height: 17.6vw;
  }
  /* line 111, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #value .tri {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 2.13333vw;
  }
  /* line 115, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #value .tri .set {
    width: 100%;
    position: relative;
    margin-bottom: -1.6vw;
    box-sizing: border-box;
    padding: 10.13333vw 8vw 8vw 8vw;
  }
  /* line 121, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #value .tri .set:before {
    position: absolute;
    content: "";
    display: block;
    width: 32vw;
    height: 1px;
    background: white;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
  }
  /* line 133, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #value .tri .set:last-child:before {
    display: none;
  }
  /* line 137, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #value .tri .set .ttl {
    font-size: 6.93333vw;
    line-height: 10.93333vw;
    text-align: center;
    margin-bottom: 2.66667vw;
    font-weight: 700;
  }
  /* line 144, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #value .tri .set .detail {
    font-size: 4.26667vw;
    line-height: 8.53333vw;
    font-weight: 700;
    text-align: center;
  }
  /* line 153, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #company {
    padding-top: 19.46667vw;
  }
  /* line 155, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #company h2 {
    margin-bottom: 8.53333vw;
    font-size: 13.33333vw;
    line-height: 17.6vw;
  }
  /* line 160, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #company ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
  }
  /* line 166, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #company ul li {
    position: relative;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    align-content: center;
    align-items: center;
    padding-bottom: 10.66667vw;
    margin-bottom: 10.13333vw;
  }
  /* line 180, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #company ul li:last-child:before {
    display: none;
  }
  /* line 184, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #company ul li a {
    display: block;
    width: 64vw;
    margin: 0 auto;
  }
  /* line 192, ../../../../src/page/about/css/_sp.scss */
  body #wrapper #footer {
    padding-top: 44.8vw;
  }
}