@charset "UTF-8";
/* CSS Document */
.pc-none{
	display: none;
}
.sp-none{
	display: block;
}
.wrapper {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-color: rgba(0,0,0,1.00);
    position: relative;
}
#section00 {
	width: 100%;
	height: 100vh;
	background-image: url(../../img/normal.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	left: 0;
	top: 0;
	opacity: 1;
	z-index: 1;
}
.startarea{
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.80);
    z-index: 1000;
    position: absolute;
}
.startbtn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
    z-index: 3000;
    cursor: pointer;
    color: rgba(255,255,255,1.00);
}

.title {
    position: absolute;
    width: 100%;
    height: 73px;
    top: 40%;
    z-index: 2000;
    font-size: 40px;
    text-shadow: 0px 0px 5px #000000;
    color: #FFFFFF;
	font-weight: bold;
}

.basebtnarea{
	z-index: 2000;
	color: rgba(255,255,255,1.00);
}
.basebtnarea li:nth-child(1)   {
	height: 50px;
	cursor: pointer;
	position: absolute;
	top: 60%;
	left: 50%;
	padding-top: 20px;
	margin-left: -107.5px;
	z-index: 2000;
	background-image: url(../../img/main-btn.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 215px;
}
.basebtnarea li:nth-child(2)   {
	width: 215px;
	height: 50px;
	cursor: pointer;
	position: absolute;
	top: 55%;
	left: 50%;
	padding-top: 20px;
	margin-left: -337.5px;
	z-index: 2000;
	background-image: url(../../img/main-btn.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.basebtnarea li:nth-child(3)   {
	width: 215px;
	height: 50px;
	cursor: pointer;
	position: absolute;
	top: 55%;
	right: 50%;
	padding-top: 20px;
	margin-right: -337.5px;
	z-index: 2000;
	background-image: url(../../img/main-btn.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.backbtn01,.backbtn02,.backbtn03 {
	position: fixed;
	bottom: 100px;
	right: 50px;
	cursor: pointer;
	z-index: 9000;
	width: 86px;
	height: 23px;
}

.out{
	display: none;
	z-index: -1;
}
.cont{
	width: 100%;
	height: 100vh;
	position: absolute;
	top:0;
	left:0;
	z-index: 5000;
}
.cont-main{
	position: absolute;
	top:20%;
	left:50%;
	margin-left: -180px;
}
.cont-main .icon {
	position: absolute;
	display: block;
	bottom: 10px;
	left: 10px;
}

.txt28 {
	font-size: 28px;
	line-height: 36px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.midashi {
	margin-bottom: 40px;
	font-size:80px;
}
.midashi02 {
	background-color: rgba(41,171,226,0.50);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 5px;
}
.midashi03 {
	background-color: rgba(237,28,36,0.50);
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-bottom: 5px;
}
.bg-green{
	background-color: rgba(0,255,255,0.50);
	padding: 5px 10px;
}
.bg-red{
	background-color: rgba(235,4,4,0.50);
	padding: 5px 10px;
}
hr{
	margin-bottom: 20px;
}
.concept {
    font-size: 32px;
    line-height: 48px;
    color: #FFFFFF;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
    width: 100%;
    text-align: center;/*一応BOX内の文字も中央寄せ*/
    text-shadow: 0px 0px 5px #000000;
}
.outline {
    font-size: 24px;
    line-height: 36px;
    color: #FFFFFF;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
    width: 100%;
    text-align: center;/*一応BOX内の文字も中央寄せ*/
    text-shadow: 0px 0px 5px #000000;
}
.outline .tbl{
	width: 400px;
	margin: 0 auto;
}
.outline .tbl th{
	text-align: left;
	padding: 5px 10px;
}
.outline .tbl td{
	text-align: left;
	padding: 5px 10px;
}
.business {
    font-size: 24px;
    line-height: 36px;
    color: #FFFFFF;
    font-weight: bold;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
    width: 100%;
    text-align: center;/*一応BOX内の文字も中央寄せ*/
    text-shadow: 0px 0px 5px #000000;
}
.b-list li{
	width: 20%;
	display: inline-block;
	vertical-align: top;
	margin: 2%;
}
.b-list li img{
	width: 100%;
	height: auto;
}


/***************************************************
 * Generated by SVG Artista on 8/24/2022, 6:33:47 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

svg .svg-elem-1 {
  stroke-dashoffset: 149.47181701660156px;
  stroke-dasharray: 149.47181701660156px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

svg.active .svg-elem-1 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-2 {
  stroke-dashoffset: 146.06439208984375px;
  stroke-dasharray: 146.06439208984375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.12s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.12s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
}

svg.active .svg-elem-2 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-3 {
  stroke-dashoffset: 136.671142578125px;
  stroke-dasharray: 136.671142578125px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.24s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.24s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

svg.active .svg-elem-3 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-4 {
  stroke-dashoffset: 136.671142578125px;
  stroke-dasharray: 136.671142578125px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3599999999999999s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3599999999999999s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
}

svg.active .svg-elem-4 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-5 {
  stroke-dashoffset: 162.81201171875px;
  stroke-dasharray: 162.81201171875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.48s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.48s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
}

svg.active .svg-elem-5 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-6 {
  stroke-dashoffset: 161.6321258544922px;
  stroke-dasharray: 161.6321258544922px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
}

svg.active .svg-elem-6 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-7 {
  stroke-dashoffset: 107.45999145507812px;
  stroke-dasharray: 107.45999145507812px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.72s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.72s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
}

svg.active .svg-elem-7 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-8 {

  stroke-dashoffset: 162.81202697753906px;
  stroke-dasharray: 162.81202697753906px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8399999999999999s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8399999999999999s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
}

svg.active .svg-elem-8 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-9 {
  stroke-dashoffset: 129.41998291015625px;
  stroke-dasharray: 129.41998291015625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.96s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.96s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
}

svg.active .svg-elem-9 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-10 {
  stroke-dashoffset: 221.5923309326172px;
  stroke-dasharray: 221.5923309326172px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.08s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.08s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
}

svg.active .svg-elem-10 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-11 {
  stroke-dashoffset: 162.72000122070312px;
  stroke-dasharray: 162.72000122070312px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s;
}

svg.active .svg-elem-11 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-12 {
  stroke-dashoffset: 160.31935119628906px;
  stroke-dasharray: 160.31935119628906px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.32s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.32s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.9000000000000004s;
}

svg.active .svg-elem-12 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-13 {
  stroke-dashoffset: 72.38002014160156px;
  stroke-dasharray: 72.38002014160156px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.44s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.44s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3s;
}

svg.active .svg-elem-13 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-14 {
  stroke-dashoffset: 158.4940948486328px;
  stroke-dasharray: 158.4940948486328px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.56s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.56s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.1s;
}

svg.active .svg-elem-14 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-15 {
  stroke-dashoffset: 165.37557983398438px;
  stroke-dasharray: 165.37557983398438px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6799999999999997s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6799999999999997s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.2s;
}

svg.active .svg-elem-15 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}

svg .svg-elem-16 {
  stroke-dashoffset: 103.1600570678711px;
  stroke-dasharray: 103.1600570678711px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s,
                        fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s;
          transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.8s,
                fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 3.3s;
}

svg.active .svg-elem-16 {
  stroke-dashoffset: 0;
  fill: rgb(255, 255, 255);
}