/* CSS Document */


@media screen and (max-width:767px){
	
}
@media screen and (min-width:768px) and (max-width:1099px){
  /*TB*/
  /*pageheader*/
  .div.pageheader{
    min-height: 100px;
  }
  div.pageheader div.video{
    height: 300px;
    width: 100%;
  }
  div.pageheader div.video::before{
    background-image: url(../img/pattern_01.png);
  }
  div.pageheader div.video video{
    width: 100vw;
  }
  section.contents.flow::before{
    top: -230px;
    font-size: 60px;
    line-height: 1em;
  }
  /*ページャー*/
  div.pageheader div.inner{
    padding: 0 20px 10px;
    box-sizing: border-box;
    width: 100%;
  }
  /*コンテンツ*/
  section.contents.flow{
    width: 100vw;
  }
  section.contents.flow div.listwrap{
	}
	section.contents.flow > div.inner > h2,
	section.business > div.inner > h2{
		font-size:18px;
    text-align:center;
    line-height:20px;
    padding:50px 0 30px 0;
	}
	section.contents.flow > div.inner > p.text,
	section.business > div.inner > p.text{
		padding: 0 1.8em 30px 1.8em;
		line-height: 2em;
    text-align: center;
	}
	section.contents.flow div.listwrap span.guide{
		position:sticky;
		top:0;
		writing-mode:vertical-rl;
		width:42px;
		line-height:42px;
		text-align:center;
		float:right;
		padding:60px 0 20px 0;
		margin:0 2px 0 auto;
	}
	section.contents.flow div.listwrap::after{
		width:42px;
		top:0;
		right:2px;
		bottom:2px;
	}
	section.contents.flow div.listwrap:nth-of-type(1)::after{
		border-color:#70c5c1;
	}
	section.contents.flow div.listwrap:nth-of-type(2)::after{
		border-color:#f4b637;
	}
	section.contents.flow div.listwrap:nth-of-type(3)::after{
		border-color:#0bf;
	}
	section.contents.flow div.listwrap:nth-of-type(4)::after{
		border-color:#f4b637;
	}
	section.contents.flow div.listwrap article{
		padding:10px 0.2em 20px 0;
		max-width:calc( 100% - 44px);
		overflow:hidden;
    box-sizing: border-box;
	}
  section.contents.flow div.listwrap article.no_padding{
    padding-right: 20px;
  }
	section.contents.flow div.listwrap:nth-of-type(1) article:nth-of-type(2)::before{
		content:'';
		display:block;
		position:absolute;
		right:0;
		top:50%;
		transform:translateY(-50%);
		width:200px;
		height:240px;
		z-index:-1;
		opacity:0.1;
		background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%2370c5c1" d="M16 0c-8.836 0-16 7.164-16 16s7.164 16 16 16 16-7.164 16-16-7.164-16-16-16zM16 30.4c-7.94 0-14.4-6.46-14.4-14.4s6.46-14.4 14.4-14.4 14.4 6.46 14.4 14.4-6.46 14.4-14.4 14.4zM25.9 11.399h-2.634v1.001h2.133v9.801h-7.5c-0.144 0-0.282 0.063-0.377 0.171l-1.924 2.201v-1.873c0-0.276-0.224-0.5-0.5-0.5h-4.699v-0.931h-0.999v1.431c0 0.277 0.224 0.5 0.5 0.5h4.7v2.701c0 0.208 0.129 0.395 0.325 0.467 0.057 0.022 0.116 0.032 0.175 0.032 0.142 0 0.279-0.061 0.378-0.171l2.65-3.030h7.773c0.276 0 0.5-0.223 0.5-0.5v-10.799c-0.001-0.275-0.225-0.499-0.501-0.499zM22.601 20.101v-10.8c0-0.277-0.224-0.5-0.5-0.5h-4.7v-2.701c0-0.208-0.129-0.395-0.325-0.467-0.057-0.022-0.116-0.032-0.175-0.032-0.142 0-0.279 0.061-0.378 0.171l-2.65 3.030h-7.773c-0.276-0.001-0.5 0.222-0.5 0.499v10.8c0 0.275 0.224 0.5 0.5 0.5h16c0.276-0.001 0.5-0.225 0.5-0.5zM21.6 19.601h-14.999v-9.801h7.5c0.144 0 0.282-0.063 0.377-0.171l1.924-2.201v1.872c0 0.276 0.224 0.5 0.5 0.5h4.7v9.799zM18.1 15.7c0.553 0 1.001-0.446 1.001-1.001 0-0.554-0.448-1.001-1.001-1.001s-1.001 0.447-1.001 1.001c0 0.555 0.448 1.001 1.001 1.001zM14.1 13.7c-0.553 0-1.001 0.447-1.001 1.001 0 0.555 0.448 1.001 1.001 1.001s1.001-0.446 1.001-1.001c-0.001-0.554-0.449-1.001-1.001-1.001zM10.1 13.7c-0.553 0-1.001 0.447-1.001 1.001 0 0.555 0.448 1.001 1.001 1.001s1.001-0.446 1.001-1.001c-0.001-0.554-0.449-1.001-1.001-1.001z" /></svg>');
		background-position:center left;
		background-size:240px 240px;
		background-repeat:no-repeat;
	}
	section.contents.flow div.listwrap:nth-of-type(3) article:nth-of-type(2)::before{
		content:'';
		display:block;
		position:absolute;
		right:0;
		top:50%;
		transform:translateY(-50%);
		width:200px;
		height:240px;
		z-index:-1;
		opacity:0.1;
		background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%230bf" d="M16 0c-8.837 0-16 7.164-16 16s7.163 16 16 16c8.835 0 16-7.164 16-16s-7.165-16-16-16zM10.448 29.284c-2.789-1.17-5.122-3.2-6.695-5.749l0.918-0.918 6.222 6.222-0.445 0.446zM14.027 23.702h5.6c0.107 0 0.207-0.042 0.283-0.116l0.8-0.8c0.075-0.075 0.117-0.177 0.117-0.284v-0.635l3.764-3.765h2.068l0.566 0.565v0.468l-7.766 7.765h-9.372l-3.641-3.641 2.967-3.559h4.446l0.684 0.684c0.075 0.075 0.177 0.116 0.284 0.116h4.634l0.566 0.565v0.634c0 0 0 0.002 0 0.003v0.633l-0.566 0.565h-5.435c-0.223 0-0.4 0.179-0.4 0.4 0 0.222 0.177 0.401 0.4 0.401zM16 30.4c-1.657 0-3.242-0.295-4.724-0.812l0.466-0.466c0.156-0.156 0.156-0.41 0-0.565l-0.854-0.854h8.739c0.107 0 0.207-0.042 0.283-0.116l8-8c0.075-0.075 0.117-0.177 0.117-0.284v-0.8c0-0.107-0.043-0.207-0.117-0.283l-0.8-0.8c-0.075-0.075-0.176-0.117-0.283-0.117h-2.4c-0.107 0-0.208 0.043-0.284 0.117l-3.343 3.342c-0.020-0.052-0.051-0.101-0.092-0.142l-0.8-0.8c-0.075-0.075-0.176-0.117-0.283-0.117h-4.636l-0.683-0.683c-0.075-0.075-0.176-0.117-0.283-0.117h-4.8c-0.118 0-0.231 0.052-0.308 0.144l-3.040 3.648-0.926-0.926c-0.15-0.15-0.416-0.15-0.565 0l-1.061 1.061c-1.098-2.034-1.724-4.361-1.724-6.83 0-7.94 6.46-14.4 14.4-14.4s14.4 6.46 14.4 14.4-6.46 14.4-14.4 14.4zM22.247 10.128l-1.621 2.807-1.047-1.814-1.719 2.981h6.683l-2.294-3.974zM8.257 15.702h4.801v-0.8h-4.801v0.8zM8.257 14.101h4.801v-0.8h-4.801v0.8zM18.46 10.996c0.332 0 0.601-0.269 0.601-0.601s-0.269-0.601-0.601-0.601-0.601 0.269-0.601 0.601 0.269 0.601 0.601 0.601zM11.741 7.182c-0.156-0.156-0.463-0.284-0.683-0.284h-4.001c-0.221 0-0.4 0.18-0.4 0.4v9.603c0 0.221 0.179 0.4 0.4 0.4h7.201c0.221 0 0.401-0.179 0.401-0.4v-6.4c0-0.221-0.127-0.528-0.284-0.684l-2.635-2.636zM11.458 8.030l2.068 2.070h-2.068v-2.070zM13.858 16.502h-6.401v-8.802h3.201v3.201h3.2v5.601zM25.742 8.196h-9.083c-0.221 0-0.4 0.179-0.4 0.4v6.706c0 0.221 0.179 0.4 0.4 0.4h9.083c0.222 0 0.4-0.179 0.4-0.4v-6.706c0-0.221-0.178-0.4-0.4-0.4zM25.342 14.902h-8.283v-5.906h8.283v5.906zM8.257 12.501h4.801v-0.8h-4.801v0.8z" /></svg>');
		background-position:center left;
		background-size:240px 240px;
		background-repeat:no-repeat;
	}
	section.contents.flow div.listwrap article div.menubtn{
		display:inline-block;
		margin:0 auto 30px auto;
		line-height:50px;
		padding:0 1em;
		font-size:16px;
		font-weight:700;
		background-color:rgba(0,0,0,0);
		color:#FFF;
		opacity:0;
	}
	section.contents.flow div.listwrap article div.menubtn::before{
		content:'';
		display:block;
		position:absolute;
		z-index:-1;
		top:0;
		right:0;
		bottom:0;
		left:0;
		border-radius:10px;
		background-color:#70c5c1;
	}
	section.contents.flow div.listwrap article.visible div.menubtn{
		animation:fade-in-up 400ms ease-in 1200ms forwards;
	}
	section.contents.flow div.listwrap article figure img{
		width:100%;
	}
	section.contents.flow div.listwrap article figure{
		position: relative;
    z-index: 1;
    width: calc(100% - 77px);
    opacity: 0;
    bottom: 0;
    left: 80px;
	}
	section.contents.flow div.listwrap article.visible figure{
		animation:fade-in-up 400ms ease-in 900ms forwards;
	}
	section.contents.flow div.listwrap article h3{
		padding: 0 0 0 80px;
    height: 70px;
    display: flex;
    align-items: center;
    font-size: 18px;
    opacity: 0;
    margin: -10px 0 0 0;
	}
	section.contents.flow div.listwrap article.visible h3{
		animation:fade-in-left 600ms ease-in forwards;
	}
	section.contents.flow div.listwrap article::after{
		width:2px;
		height:0;
		top:30px;
		left:33px;
	}
	section.contents.flow div.listwrap article.visible::after{
		animation:line-in 400ms linear 200ms forwards;
	}
	section.contents.flow div.listwrap article span.stepwrap{
		top:0;
		left:0x;
	}
	section.contents.flow div.listwrap article span.stepwrap > span.step{
		width:70px;
		height:70px;
		opacity:0;
	}
	section.contents.flow div.listwrap article span.stepwrap > span.step span:nth-of-type(1){
		top:12px;
		width:70px;
		line-height:15px;
		font-size:12px;
		opacity:0;
	}
	section.contents.flow div.listwrap article span.stepwrap > span.step span:nth-of-type(2){
		font-size: 40px;
    width: 70px;
    padding: 14px 0 0 0;
    line-height: 55px;
    opacity: 0;
	}
	section.contents.flow div.listwrap article.visible span.stepwrap > span.step{
		animation:bounce-in 400ms linear forwards;
	}
	section.contents.flow div.listwrap article.visible span.stepwrap > span.step span:nth-of-type(1){
		animation:fade-in-up 300ms linear 400ms forwards;
	}
	section.contents.flow div.listwrap article.visible span.stepwrap > span.step span:nth-of-type(2){
		animation:bounce-in 300ms linear 600ms forwards;
	}
	section.contents.flow div.listwrap article h4{
		padding:0 0.2em 0 80px;
		opacity:0;
    box-sizing: border-box;
	}
	section.contents.flow div.listwrap article.visible h4{
		animation:fade-in-up 400ms ease-in 600ms forwards;
	}
	section.contents.flow div.listwrap article p.text{
		padding:0.5em 0.2em 1em 80px;
		line-height:2em;
		box-sizing:border-box;
		opacity:0;
    font-size: 16px;
	}
	section.contents.flow div.listwrap article.visible p.text{
		animation:fade-in-up 400ms ease-in 900ms forwards;
	}
	section.support{
		text-align:center;
	}
	section.support > div.inner > h2{
		background-color:rgba(0,0,0,0);
		color:#FFF;
		font-size:18px;
    text-align:center;
    line-height:20px;
		position:relative;
		z-index:1;
		line-height:40px;
	}
	section.support > div.inner > h2{
		background-color:rgba(0,0,0,0);
		color:#FFF;
		font-size:18px;
    text-align:center;
    line-height:20px;
		position:relative;
		z-index:1;
		line-height:40px;
	}
	section.support > div.inner > h2::after{
		content:'';
		position:absolute;
		z-index:-1;
		display:block;
		top:0;
		right:2px;
		bottom:0;
		left:2px;
		background-color:#70c5c1;
	}
	section.support > div.inner > p.text{
		text-align:left;
		padding:30px 1.8em;
		line-height:2em;
    font-size: 16px;
	}
	section.support div.inner div.btnarea{
		margin:0 15px;
		border:solid 1px #70c5c1;
		padding:0 0 15px 0;
	}
	section.support div.inner div.btnarea p{
		padding:1em;
		line-height:1.5em;
		text-align:left;
	}
	section.support div.inner div.btnarea a{
		display:table;
		margin:0 auto;
		position:relative;
		z-index:1;
		color:#fff;
		font-weight:700;
		background-color:rgba(68,68,85,0);
		line-height:50px;
		padding:0 45px;
	}
	section.support div.inner div.btnarea a::before{
		content:'';
		display:block;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:#70c5c1;
		border-radius:5px;
		position:absolute;
		z-index:-1;
	}
	section.support div.inner div.btnarea a::after {
		content: '';
		display: block;
		background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%23FFF" d="M16 0c-8.295 0-15.116 6.315-15.919 14.399h19.281l-5.565-5.566c-0.625-0.623-0.624-1.637 0-2.26 0.626-0.627 1.637-0.627 2.262-0.002l9.428 9.429-9.427 9.427c-0.313 0.313-0.722 0.468-1.132 0.468-0.411 0-0.818-0.155-1.132-0.468-0.625-0.625-0.625-1.637 0-2.262l5.566-5.566h-19.282c0.802 8.085 7.622 14.401 15.919 14.401 8.836 0 16-7.164 16-16s-7.164-16-16-16z" /></svg>');
		background-repeat: no-repeat;
		background-size: 20px 20px;
		background-position: center;
		width: 20px;
		height: 20px;
		position: absolute;
		z-index: 1;
		top: 50%;
		right: 15px;
		transform: translateY(-50%);
	}
	/*一番下の事業内容ボタン*/
  div.btnwrap{
		margin:60px auto 0 auto;
		display:flex;
		justify-content:center;
		flex-wrap:wrap;
		width: calc(100vw - 120px);
    gap: 1rem;
	}
	div.btnwrap.type_02{
		padding:0 0 60px 0;
	}
	div.btnwrap div.btnarea{
		padding:60px 15px 15px 15px;
		width:calc(50% - 0.5rem);
		box-sizing:border-box;
	}
	div.btnwrap div.btnarea::before{
		position:absolute;
		top:15px;
		left:15px;
		font-size:32px;
		line-height:33px;
	}
	div.btnwrap div.btnarea p{
		line-height:1.8em;
		padding:0 0 15px 0;
	}
	div.btnwrap div.btnarea a{
		padding:0 40px 0 1em;
		line-height:40px;
		background-color:rgba(68,68,85,0);
	}
	div.btnwrap div.btnarea a::before{
		position:absolute;
		z-index:-1;
		content:'';
		top:0;
		right:0;
		bottom:0;
		left:0;
		border-radius:5px;
		background-color:#445;
		transition:all 0.3s ease;
	}
	div.btnwrap div.btnarea a:hover::before{
		background-color:#0bf;
	}
	section.contents.company div.inner h3{
		font-size:24px;
		text-align:center;
		line-height:50px;
		margin:30px auto;
		border-radius:25px;
		padding:0 1.5em;
		border:solid 1px #445;
		display:table;
		box-sizing:border-box;
	}
}
/*----------------------------------------------------
** Retina Display
**----------------------------------------------------*/
@media only screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){
}
@media screen and (max-width:767px){
  
}
@media (orientation: landscape) and (max-width:568px){
}
@media (orientation: landscape) and (min-width:569px) and (max-width:724px){
}
@media (orientation: landscape) and (min-width:725px) and (max-width:1099px){
}
@media screen and (min-width:1100px){
  /*PC*/
  /*pageheader*/
  .div.pageheader{
    min-height: 110px;
  }
  div.pageheader div.video{
    height: 500px;
    width: 100%;
  }
  div.pageheader div.video::before{
    background-image: url(../img/pattern_01.png);
  }
  div.pageheader div.video video{
    width: 100vw;
  }
  section.contents.flow::before{
    top: -300px;
    font-size: 60px;
    line-height: 1em;
  }
  /*ページャー*/
  div.pageheader div.inner{
    width: 1100px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  /*コンテンツ*/
  section.contents.flow{
    width: 1100px;
    margin: 0 auto;
  }
  section.contents.flow div.listwrap{
	}
	section.contents.flow > div.inner > h2,
	section.business > div.inner > h2{
		font-size:18px;
    text-align:center;
    line-height:20px;
    padding:50px 0 30px 0;
	}
	section.contents.flow > div.inner > p.text,
	section.business > div.inner > p.text{
		padding: 0 1.8em 30px 1.8em;
		line-height: 2em;
    text-align: center;
	}
	section.contents.flow div.listwrap span.guide{
		position:sticky;
		top:0;
		writing-mode:vertical-rl;
		width:42px;
		line-height:42px;
		text-align:center;
		float:right;
		padding:60px 0 20px 0;
		margin:0 2px 0 auto;
	}
	section.contents.flow div.listwrap::after{
		width:42px;
		top:0;
		right:2px;
		bottom:2px;
	}
	section.contents.flow div.listwrap:nth-of-type(1)::after{
		border-color:#70c5c1;
	}
	section.contents.flow div.listwrap:nth-of-type(2)::after{
		border-color:#f4b637;
	}
	section.contents.flow div.listwrap:nth-of-type(3)::after{
		border-color:#0bf;
	}
	section.contents.flow div.listwrap:nth-of-type(4)::after{
		border-color:#f4b637;
	}
	section.contents.flow div.listwrap article{
		padding:10px 520px 20px 0;
		max-width:calc( 100% - 44px);
		overflow:hidden;
    box-sizing: border-box;
	}
  section.contents.flow div.listwrap article.no_padding{
    padding-right: 20px;
  }
	section.contents.flow div.listwrap:nth-of-type(1) article:nth-of-type(2)::before{
		content:'';
		display:block;
		position:absolute;
		right:0;
		top:50%;
		transform:translateY(-50%);
		width:200px;
		height:240px;
		z-index:-1;
		opacity:0.1;
		background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%2370c5c1" d="M16 0c-8.836 0-16 7.164-16 16s7.164 16 16 16 16-7.164 16-16-7.164-16-16-16zM16 30.4c-7.94 0-14.4-6.46-14.4-14.4s6.46-14.4 14.4-14.4 14.4 6.46 14.4 14.4-6.46 14.4-14.4 14.4zM25.9 11.399h-2.634v1.001h2.133v9.801h-7.5c-0.144 0-0.282 0.063-0.377 0.171l-1.924 2.201v-1.873c0-0.276-0.224-0.5-0.5-0.5h-4.699v-0.931h-0.999v1.431c0 0.277 0.224 0.5 0.5 0.5h4.7v2.701c0 0.208 0.129 0.395 0.325 0.467 0.057 0.022 0.116 0.032 0.175 0.032 0.142 0 0.279-0.061 0.378-0.171l2.65-3.030h7.773c0.276 0 0.5-0.223 0.5-0.5v-10.799c-0.001-0.275-0.225-0.499-0.501-0.499zM22.601 20.101v-10.8c0-0.277-0.224-0.5-0.5-0.5h-4.7v-2.701c0-0.208-0.129-0.395-0.325-0.467-0.057-0.022-0.116-0.032-0.175-0.032-0.142 0-0.279 0.061-0.378 0.171l-2.65 3.030h-7.773c-0.276-0.001-0.5 0.222-0.5 0.499v10.8c0 0.275 0.224 0.5 0.5 0.5h16c0.276-0.001 0.5-0.225 0.5-0.5zM21.6 19.601h-14.999v-9.801h7.5c0.144 0 0.282-0.063 0.377-0.171l1.924-2.201v1.872c0 0.276 0.224 0.5 0.5 0.5h4.7v9.799zM18.1 15.7c0.553 0 1.001-0.446 1.001-1.001 0-0.554-0.448-1.001-1.001-1.001s-1.001 0.447-1.001 1.001c0 0.555 0.448 1.001 1.001 1.001zM14.1 13.7c-0.553 0-1.001 0.447-1.001 1.001 0 0.555 0.448 1.001 1.001 1.001s1.001-0.446 1.001-1.001c-0.001-0.554-0.449-1.001-1.001-1.001zM10.1 13.7c-0.553 0-1.001 0.447-1.001 1.001 0 0.555 0.448 1.001 1.001 1.001s1.001-0.446 1.001-1.001c-0.001-0.554-0.449-1.001-1.001-1.001z" /></svg>');
		background-position:center left;
		background-size:240px 240px;
		background-repeat:no-repeat;
	}
	section.contents.flow div.listwrap:nth-of-type(3) article:nth-of-type(2)::before{
		content:'';
		display:block;
		position:absolute;
		right:0;
		top:50%;
		transform:translateY(-50%);
		width:200px;
		height:240px;
		z-index:-1;
		opacity:0.1;
		background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%230bf" d="M16 0c-8.837 0-16 7.164-16 16s7.163 16 16 16c8.835 0 16-7.164 16-16s-7.165-16-16-16zM10.448 29.284c-2.789-1.17-5.122-3.2-6.695-5.749l0.918-0.918 6.222 6.222-0.445 0.446zM14.027 23.702h5.6c0.107 0 0.207-0.042 0.283-0.116l0.8-0.8c0.075-0.075 0.117-0.177 0.117-0.284v-0.635l3.764-3.765h2.068l0.566 0.565v0.468l-7.766 7.765h-9.372l-3.641-3.641 2.967-3.559h4.446l0.684 0.684c0.075 0.075 0.177 0.116 0.284 0.116h4.634l0.566 0.565v0.634c0 0 0 0.002 0 0.003v0.633l-0.566 0.565h-5.435c-0.223 0-0.4 0.179-0.4 0.4 0 0.222 0.177 0.401 0.4 0.401zM16 30.4c-1.657 0-3.242-0.295-4.724-0.812l0.466-0.466c0.156-0.156 0.156-0.41 0-0.565l-0.854-0.854h8.739c0.107 0 0.207-0.042 0.283-0.116l8-8c0.075-0.075 0.117-0.177 0.117-0.284v-0.8c0-0.107-0.043-0.207-0.117-0.283l-0.8-0.8c-0.075-0.075-0.176-0.117-0.283-0.117h-2.4c-0.107 0-0.208 0.043-0.284 0.117l-3.343 3.342c-0.020-0.052-0.051-0.101-0.092-0.142l-0.8-0.8c-0.075-0.075-0.176-0.117-0.283-0.117h-4.636l-0.683-0.683c-0.075-0.075-0.176-0.117-0.283-0.117h-4.8c-0.118 0-0.231 0.052-0.308 0.144l-3.040 3.648-0.926-0.926c-0.15-0.15-0.416-0.15-0.565 0l-1.061 1.061c-1.098-2.034-1.724-4.361-1.724-6.83 0-7.94 6.46-14.4 14.4-14.4s14.4 6.46 14.4 14.4-6.46 14.4-14.4 14.4zM22.247 10.128l-1.621 2.807-1.047-1.814-1.719 2.981h6.683l-2.294-3.974zM8.257 15.702h4.801v-0.8h-4.801v0.8zM8.257 14.101h4.801v-0.8h-4.801v0.8zM18.46 10.996c0.332 0 0.601-0.269 0.601-0.601s-0.269-0.601-0.601-0.601-0.601 0.269-0.601 0.601 0.269 0.601 0.601 0.601zM11.741 7.182c-0.156-0.156-0.463-0.284-0.683-0.284h-4.001c-0.221 0-0.4 0.18-0.4 0.4v9.603c0 0.221 0.179 0.4 0.4 0.4h7.201c0.221 0 0.401-0.179 0.401-0.4v-6.4c0-0.221-0.127-0.528-0.284-0.684l-2.635-2.636zM11.458 8.030l2.068 2.070h-2.068v-2.070zM13.858 16.502h-6.401v-8.802h3.201v3.201h3.2v5.601zM25.742 8.196h-9.083c-0.221 0-0.4 0.179-0.4 0.4v6.706c0 0.221 0.179 0.4 0.4 0.4h9.083c0.222 0 0.4-0.179 0.4-0.4v-6.706c0-0.221-0.178-0.4-0.4-0.4zM25.342 14.902h-8.283v-5.906h8.283v5.906zM8.257 12.501h4.801v-0.8h-4.801v0.8z" /></svg>');
		background-position:center left;
		background-size:240px 240px;
		background-repeat:no-repeat;
	}
	section.contents.flow div.listwrap article div.menubtn{
		display:inline-block;
		margin:0 auto 30px auto;
		line-height:50px;
		padding:0 1em;
		font-size:16px;
		font-weight:700;
		background-color:rgba(0,0,0,0);
		color:#FFF;
		opacity:0;
	}
	section.contents.flow div.listwrap article div.menubtn::before{
		content:'';
		display:block;
		position:absolute;
		z-index:-1;
		top:0;
		right:0;
		bottom:0;
		left:0;
		border-radius:10px;
		background-color:#70c5c1;
	}
	section.contents.flow div.listwrap article.visible div.menubtn{
		animation:fade-in-up 400ms ease-in 1200ms forwards;
	}
	section.contents.flow div.listwrap article figure img{
		width:100%;
	}
	section.contents.flow div.listwrap article figure{
		position:absolute;
		z-index:1;
		top:0;
		right:0;
		width:500px;
		opacity:0;
	}
	section.contents.flow div.listwrap article.visible figure{
		animation:fade-in-up 400ms ease-in 900ms forwards;
	}
	section.contents.flow div.listwrap article h3{
		padding: 0 0 0 80px;
    height: 70px;
    display: flex;
    align-items: center;
    font-size: 18px;
    opacity: 0;
    margin: -10px 0 0 0;
	}
	section.contents.flow div.listwrap article.visible h3{
		animation:fade-in-left 600ms ease-in forwards;
	}
	section.contents.flow div.listwrap article::after{
		width:2px;
		height:0;
		top:30px;
		left:33px;
	}
	section.contents.flow div.listwrap article.visible::after{
		animation:line-in 400ms linear 200ms forwards;
	}
	section.contents.flow div.listwrap article span.stepwrap{
		top:0;
		left:0x;
	}
	section.contents.flow div.listwrap article span.stepwrap > span.step{
		width:70px;
		height:70px;
		opacity:0;
	}
	section.contents.flow div.listwrap article span.stepwrap > span.step span:nth-of-type(1){
		top:12px;
		width:70px;
		line-height:15px;
		font-size:12px;
		opacity:0;
	}
	section.contents.flow div.listwrap article span.stepwrap > span.step span:nth-of-type(2){
		font-size: 40px;
    width: 70px;
    padding: 14px 0 0 0;
    line-height: 55px;
    opacity: 0;
	}
	section.contents.flow div.listwrap article.visible span.stepwrap > span.step{
		animation:bounce-in 400ms linear forwards;
	}
	section.contents.flow div.listwrap article.visible span.stepwrap > span.step span:nth-of-type(1){
		animation:fade-in-up 300ms linear 400ms forwards;
	}
	section.contents.flow div.listwrap article.visible span.stepwrap > span.step span:nth-of-type(2){
		animation:bounce-in 300ms linear 600ms forwards;
	}
	section.contents.flow div.listwrap article h4{
		padding:0 0.2em 0 80px;
		opacity:0;
    box-sizing: border-box;
	}
	section.contents.flow div.listwrap article.visible h4{
		animation:fade-in-up 400ms ease-in 600ms forwards;
	}
	section.contents.flow div.listwrap article p.text{
		padding:0.5em 0.2em 1em 80px;
		line-height:2em;
		box-sizing:border-box;
		opacity:0;
    font-size: 16px;
	}
	section.contents.flow div.listwrap article.visible p.text{
		animation:fade-in-up 400ms ease-in 900ms forwards;
	}
	section.support{
		text-align:center;
    width: 1100px;
    margin: 0 auto;
	}
	section.support > div.inner > h2{
		background-color:rgba(0,0,0,0);
		color:#FFF;
		font-size:18px;
    text-align:center;
    line-height:20px;
		position:relative;
		z-index:1;
		line-height:40px;
	}
	section.support > div.inner > h2{
		background-color:rgba(0,0,0,0);
		color:#FFF;
		font-size:18px;
    text-align:center;
    line-height:20px;
		position:relative;
		z-index:1;
		line-height:40px;
	}
	section.support > div.inner > h2::after{
		content:'';
		position:absolute;
		z-index:-1;
		display:block;
		top:0;
		right:2px;
		bottom:0;
		left:2px;
		background-color:#70c5c1;
	}
	section.support > div.inner > p.text{
		text-align:left;
		padding:30px 1.8em;
		line-height:2em;
    font-size: 16px;
	}
	section.support div.inner div.btnarea{
		margin:0 15px;
		border:solid 1px #70c5c1;
		padding:0 0 15px 0;
	}
	section.support div.inner div.btnarea p{
		padding:1em;
		line-height:1.5em;
		text-align:left;
	}
	section.support div.inner div.btnarea a{
		display:table;
		margin:0 auto;
		position:relative;
		z-index:1;
		color:#fff;
		font-weight:700;
		background-color:rgba(68,68,85,0);
		line-height:50px;
		padding:0 45px;
	}
	section.support div.inner div.btnarea a::before{
		content:'';
		display:block;
		top:0;
		right:0;
		bottom:0;
		left:0;
		background-color:#70c5c1;
		border-radius:5px;
		position:absolute;
		z-index:-1;
	}
	section.support div.inner div.btnarea a::after {
		content: '';
		display: block;
		background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 32 32"><path fill="%23FFF" d="M16 0c-8.295 0-15.116 6.315-15.919 14.399h19.281l-5.565-5.566c-0.625-0.623-0.624-1.637 0-2.26 0.626-0.627 1.637-0.627 2.262-0.002l9.428 9.429-9.427 9.427c-0.313 0.313-0.722 0.468-1.132 0.468-0.411 0-0.818-0.155-1.132-0.468-0.625-0.625-0.625-1.637 0-2.262l5.566-5.566h-19.282c0.802 8.085 7.622 14.401 15.919 14.401 8.836 0 16-7.164 16-16s-7.164-16-16-16z" /></svg>');
		background-repeat: no-repeat;
		background-size: 20px 20px;
		background-position: center;
		width: 20px;
		height: 20px;
		position: absolute;
		z-index: 1;
		top: 50%;
		right: 15px;
		transform: translateY(-50%);
	}
	/*一番下の事業内容ボタン*/
  div.btnwrap{
		margin:60px auto 0 auto;
		display:flex;
		justify-content:center;
		flex-wrap:wrap;
		width:1100px;
	}
	div.btnwrap.type_02{
		padding:0 0 60px 0;
	}
	div.btnwrap div.btnarea{
		margin:30px 15px 0 15px;
		padding:60px 15px 15px 15px;
		width:450px;
		box-sizing:border-box;
	}
	div.btnwrap div.btnarea::before{
		position:absolute;
		top:15px;
		left:15px;
		font-size:35px;
		line-height:35px;
	}
	div.btnwrap div.btnarea p{
		line-height:1.8em;
		padding:0 0 15px 0;
	}
	div.btnwrap div.btnarea a{
		padding:0 40px 0 1em;
		line-height:40px;
		background-color:rgba(68,68,85,0);
	}
	div.btnwrap div.btnarea a::before{
		position:absolute;
		z-index:-1;
		content:'';
		top:0;
		right:0;
		bottom:0;
		left:0;
		border-radius:5px;
		background-color:#445;
		transition:all 0.3s ease;
	}
	div.btnwrap div.btnarea a:hover::before{
		background-color:#0bf;
	}
	section.contents.company div.inner h3{
		font-size:24px;
		text-align:center;
		line-height:50px;
		margin:30px auto;
		border-radius:25px;
		padding:0 1.5em;
		border:solid 1px #445;
		display:table;
		box-sizing:border-box;
	}
}