/* コンテンツ全体のCSSはここから */
	body{
	  margin: auto;
		width:100%;
		font-size:10px;
		font-family: "noto sans JP",sans-serif;
	}

	h1{
		margin: auto;
	}

	h2{
		font-size: 9vw;
		font-weight: 900;
		margin: auto;
	}

	p{
		margin: auto;
		padding:0 30px;
		font-weight: 500;
		font-size: 4.5vw;
	}

	a{
		margin: auto;
	}

	hr{
		background-color: #DA1313;
		border: none;
		height: 3px;
		bottom: 20px;
	}
/* コンテンツ全体のCSSはここまで */

/* ヘッダーエリアCSSはここから */
	header {
	  background: rgba(242,242,242,0.5);
	  display: flex;
		width:100%;
	  height: 60px;
		Position:fixed;
		align-items: center;
		justify-content: space-between;
		z-index: 7;
	}

	header h1{
		display: none;
	}

	.header-logo-img{
		margin-left: 10%;
		height: 23px;
	}

	.overlay {
	  content: "";
	  display: block;
	  width: 0;
	  height: 0;
	  background-color: rgba(0, 0, 0, 0.2);
	  position: absolute;
	  top: 0;
	  left: 0;
	  z-index: 2;
	  opacity: 0;
	  transition: opacity .5s;
	}

	.overlay.open {
	  width: 100%;
	  height: 100vh;
	  opacity: 1;
	}

	.menu-trigger {
	  display: inline-block;
	  width: 36px;
	  height: 21px;
	  vertical-align: middle;
	  cursor: pointer;
	  position: fixed;
	  top: 19.5px;
	  right: 30px;
	  z-index: 10000;
	}

	.menu-trigger span {
	  display: inline-block;
	  box-sizing: border-box;
	  position: absolute;
	  right: 0;
	  width: 80%;
	  height: 3px;
	  background-color: #000;
	  transition: all .5s;
	}
	.menu-trigger.active span {
	  background-color: #fff;
	}
	.menu-trigger span:nth-of-type(1) {
	  top: 0;
	}
	.menu-trigger.active span:nth-of-type(1) {
	  transform: translateY(9px) rotate(-45deg);
	}
	.menu-trigger span:nth-of-type(2) {
	  top: 9px;
	}
	.menu-trigger.active span:nth-of-type(2) {
	  opacity: 0;
	}
	.menu-trigger span:nth-of-type(3) {
	  bottom: 0;
	}
	.menu-trigger.active span:nth-of-type(3) {
	  transform: translateY(-9px) rotate(45deg);
	}

	nav {
	  width: 100%;
	  padding: 20px;
	  background-color: rgba(218, 19, 19, 0.5);
	  position: fixed;
	  top: 0;
	  right: 0;
	  z-index: 11;
	  transform: translate(100%);
	  transition: all .5s;
		text-align: center;
	}

	nav.open {
	  transform: translateZ(0);
	}

	.header-menu ul {
	  list-style :none;
		margin: auto;
	}

	nav li {
	  color: #fff;
	  text-align: center;
	  padding: 10px 0;
	}

	.header-menu a {
	  color: white;
		font-size: 5.5vw;
		font-weight: bold;
		text-decoration: none;
	}

/* ヘッダーエリアCSSはここまで */
/* コンテンツエリアCSSはここから */
	.top{
		margin: 0 auto;
		width:100%;
		height: 100vh;
		position: relative;
		z-index: 1;
		background-color: #F2F2F2;
		overflow: hidden;
	}

	.top-animation{
		width:100%;
		left:0px;
		bottom:0px;
		position: absolute;
		/* -webkit-animation: Loop 60s linear infinite;
		-ms-animation: Loop 60s linear infinite; */
		animation: Loop 60s linear infinite;
	}

	@keyframes Loop {
		from {
			transform:translate(-100%,100vh);
			/* -webkit-transform:translate(-100%,100vh);
			-ms-transform:translate(-100%,100vh); */
		}
		to {
			transform:translate(100%,-100vh);
			/* -webkit-transform:translate(100%,-100vh);
			-ms-transform:translate(100%,-100vh); */
		}
	}

	/* @-webkit-keyframes Loop {
		from {
			transform:translate(-100%,100vh);
		 	-webkit-transform:translate(-100%,100vh);
		 	-ms-transform:translate(-100%,100vh);
		}
		to {
			transform:translate(100%,-100vh);
			-webkit-transform:translate(100%,-100vh);
			-ms-transform:translate(100%,-100vh);
		}
	}

	@-ms-keyframes Loop {
		from {
			transform:translate(-100%,100vh);
			-webkit-transform:translate(-100%,100vh);
			-ms-transform:translate(-100%,100vh);
		}
		to {
			transform:translate(100%,-100vh);
			-webkit-transform:translate(100%,-100vh);
			-ms-transform:translate(100%,-100vh);
		}
	} */


	.top-img-1{
		display:none;
	}

	.top-img-2{
		display:none;
	}

	.top-img-3{
		display:none;
	}

	.top-img-4{
		display:none;
	}

	.top-img-5{
		display:none;
	}

	.top-img-6{
		display:none;
	}

	.top-img-7{
		display:none;
	}

	.top-img-8{
		display:none;
	}

	.top-img-9{
		display:none;
	}

	.top-img-10{
		display:none;
	}

	.top-img-11{
		display:none;
	}

	.top-img-12{
		display:none;
	}

	.top-img-13{
		display:none;
	}

	.top-img-14{
		display:none;
	}

	.top-img-15{
		display:none;
	}

	.top-img-16{
		display:none;
	}

	.top-img-17{
		display:none;
	}

	.top-img-18{
		display:none;
	}

	.top-img-19{
		display:none;
	}

	.top-img-20{
		display:none;
	}

	.top-img-21{
		display:none;
	}

	.top-img-22{
		display:none;
	}

	.top-img-23{
		display:none;
	}

	.top-img-24{
		display:none;
	}

	.top-img-25{
		width:40%;
		max-width:150px;
		position:relative;
		bottom:1800px;
		left:350px;
	}

	.top-img-26{
		width:40%;
		max-width:150px;
		position:relative;
		bottom:1800px;
		left:600px;
	}

	.top-img-27{
		width:40%;
		max-width:150px;
		position:relative;
		bottom:1800px;
		left:850px;
	}

	.top-img-28{
		width:40%;
		max-width:150px;
		position:relative;
		bottom:1800px;
		left:1100px;
	}

	.top-img-29{
		display:none;
	}

	.top-img-30{
		width:40%;
		max-width:150px;
		position:relative;
		bottom:1600px;
		left:275px;
	}

	.top-img-31{
		width:40%;
		max-width:150px;
		position:relative;
		bottom:1600px;
		left:525px;
	}

	.top-img-32{
		width:40%;
		max-width:150px;
		position:relative;
		bottom:1600px;
		left:775px;
	}

	.top-img-33{
		width:40%;
		max-width:150px;
		position:relative;
		bottom:1600px;
		left:1025px;
	}

	.top-img-34{
		display: none;
	}

	.top-img-35{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:1400px;
		left:200px;
	}

	.top-img-36{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:1400px;
		left:450px;
	}

	.top-img-37{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:1400px;
		left:700px;
	}

	.top-img-38{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:1400px;
		left:950px;
	}

	.top-img-39{
		display: none;
	}

	.top-img-40{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:1200px;
		left:125px;
	}

	.top-img-41{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:1200px;
		left:375px;
	}

	.top-img-42{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:1200px;
		left:625px;
	}

	.top-img-43{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:1200px;
		left:875px;
	}

	.top-img-44{
		display: none;
	}

	.top-img-45{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:1000px;
		left:50px;
	}

	.top-img-46{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:1000px;
		left:300px;
	}

	.top-img-47{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:1000px;
		left:550px;
	}

	.top-img-48{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:1000px;
		left:800px;
	}

	.top-img-49{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:800px;
		left:-25px;
	}

	.top-img-50{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:800px;
		left:225px;
	}

	.top-img-51{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:800px;
		left:475px;
	}

	.top-img-52{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:800px;
		left:725px;
	}

	.top-img-53{
		display: none;
	}

	.top-img-54{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:600px;
		left:-100px;
	}

	.top-img-55{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:600px;
		left:150px;
	}

	.top-img-56{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:600px;
		left:400px;
	}

	.top-img-57{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:600px;
		left:650px;
	}

	.top-img-58{
		display:none;
	}

	.top-img-59{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:400px;
		left:-175px;
	}

	.top-img-60{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:400px;
		left:75px;
	}

	.top-img-61{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:400px;
		left:325px;
	}

	.top-img-62{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:400px;
		left:575px;
	}

	.top-img-63{
		display: none;
	}

	.top-img-64{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:200px;
		left:-250px;
	}

	.top-img-65{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:200px;
		left:0px;
	}

	.top-img-66{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:200px;
		left:250px;
	}

	.top-img-67{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:200px;
		left:500px;
	}

	.top-img-68{
		display: none;
	}

	.top-img-69{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:0px;
		left:-325px;
	}

	.top-img-70{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:0px;
		left:-75px;
	}

	.top-img-71{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:0px;
		left:175px;
	}

	.top-img-72{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:0px;
		left:425px;
	}

	.top-img-73{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:-200px;
		left:-650px;
	}

	.top-img-74{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:-200px;
		left:-400px;
	}

	.top-img-75{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:-200px;
		left:-150px;
	}

	.top-img-76{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:-200px;
		left:100px;
	}

	.top-img-77{
		display:none;
	}

	.top-img-78{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:-400px;
		left:-725px;
	}

	.top-img-79{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:-400px;
		left:-475px;
	}

	.top-img-80{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:-400px;
		left:-225px;
	}

	.top-img-81{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:-400px;
		left:25px;
	}

	.top-img-82{
		display: none;
	}

	.top-img-83{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:-600px;
		left:-800px;
	}

	.top-img-84{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:-600px;
		left:-550px;
	}

	.top-img-85{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:-600px;
		left:-300px;
	}

	.top-img-86{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:-600px;
		left:-50px;
	}

	.top-img-87{
		display:none;
	}

	.top-img-88{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:-800px;
		left:-875px;
	}

	.top-img-89{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:-800px;
		left:-625px;
	}

	.top-img-90{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:-800px;
		left:-375px;
	}

	.top-img-91{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:-800px;
		left:-125px;
	}

	.top-img-92{
		display:none;
	}

	.top-img-93{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:-1000px;
		left:-950px;
	}

	.top-img-94{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:-1000px;
		left:-700px;
	}

	.top-img-95{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:-1000px;
		left:-450px;
	}

	.top-img-96{
		width:30%;
		max-width:150px;
		position:relative;
		bottom:-1000px;
		left:-200px;
	}

	.top-img-97{
		display: none;
	}

	.top-img-98{
		display: none;
	}

	.top-img-99{
		display: none;
	}

	.top-img-100{
		display: none;
	}

	.top-img-101{
		display: none;
	}

	.top-img-102{
		display: none;
	}

	.top-img-103{
		display: none;
	}

	.top-img-104{
		display: none;
	}

	.top-img-105{
		display: none;
	}

	.top-img-106{
		display: none;
	}

	.top-img-107{
		display: none;
	}

	.top-img-108{
		display: none;
	}

	.top-img-109{
		display: none;
	}

	.top-img-110{
		display: none;
	}

	.top-img-111{
		display: none;
	}

	.top-img-112{
		display: none;
	}

	.top-img-113{
		display: none;
	}

	.top-img-114{
		display: none;
	}

	.top-img-115{
		display: none;
	}

	.top-img-116{
		display: none;
	}

	.top-img-117{
		display: none;
	}

	.top-img-118{
		display: none;
	}

	.top-img-119{
		display: none;
	}

	.top-img-120{
		display: none;
	}

	.top-sentence{
		color: #000;
		font-size: 9vw;
		font-weight: bold;
		top: 45vh;
		position: relative;
		z-index: 2;
	}

	.top-sentence-2{
		color:#DA1313;
	}

	.service{
		text-align:center;
		padding-top: 60px;
		padding-bottom: 60px;
		width:100%;
	}

	.service-flexbox-1{
		display:flex;
		justify-content: center;
		position: relative;
		align-items: center;
	}

	.service-flexbox-1 hr{
		position: absolute;
		right: 0;
		width:25%;
		/* bottom: 48%; */
	}

	.service-sentence{
		margin: 60px 0;
	}

	.service-flexbox-2{
		width:100%;
		margin: auto;
		/* -webkit-backface-visibility:hidden;
		backface-visibility:hidden; */
	}

	.service-content{
		position: relative;
		/* -webkit-backface-visibility:hidden;
		backface-visibility:hidden; */
	}

	/* .service-sentence-1{
		margin: 0;
		font-weight: bold;
		font-size: 3vw;
	} */

	.service-img{
		width:100%;
		overflow: hidden;
		border: none;
		margin:0;
		padding:0;
		vertical-align:top;
		/* display: inline-block;
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden; */
	}

	.feature-sentence1{
		text-align: left;
		position:absolute;
		font-size: 8vw;
		font-weight: 700;
		top:30%;
		color: white;
		/* overflow: hidden;
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden; */
	}

	.feature-sentence2{
		position:absolute;
		font-size: 3.5vw;
		top:55%;
		color: white;
		text-align: left;
		/* overflow: hidden;
		-webkit-backface-visibility:hidden;
		backface-visibility:hidden; */
	}

	/* .feature-sentence1:hover ~ .service-img{
		-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
-ms-filter: blur(5px);
	}

	.feature-sentence2:hover ~ .service-img{
		filter: brightness(20%);
	} */


	/* .portfolio{
			text-align:center;
			padding-top: 60px;
			padding-bottom: 60px;
			background-color: #F6F6F6;
			width:100%;
		}

	.portfolio-flexbox{
			display:flex;
			justify-content: center;
			position: relative;
			align-items: center;
		}

	.portfolio-flexbox hr{
			position: absolute;
			left: 0;
			width:16%;
		}

	.portfolio-sentence{
			margin: 60px 0;
		}

	.portfolio-example{
		width:100%;
		margin: auto;
	}

	.portfolio-img{
		width:80%;
		max-width: 400px;
		margin:20px 10px;
	}

	.portfolio-arrow{
		display: inline-block;
		text-align: center;
		width: 0;
	  height: 0;
	  border-left: 30px solid transparent;
	  border-right: 30px solid transparent;
	  border-top: 30px solid black;
		margin:35px 0;
	} */

	.slideshare{
		margin: 60px auto;
	}

	iframe{
		width: 95%;
		height: 40vh;
	}

	.sales{
		margin-top: 60px;
		margin-bottom: 25px;
	}

	.sales a{
		font-size: 3.5vw;
		font-weight: bold;
	}

	.sales-download{
		padding: 15px 6em;
	  text-decoration: none;
	  background: #DA1313;/*ボタン色*/
	  color: #FFF;
	  border-bottom: solid 4px #627295;
	  border-radius: 3px;
	}

	.sales-download:active {
  /*ボタンを押したとき*/
	  -webkit-transform: translateY(4px);
	  transform: translateY(4px);/*下に動く*/
	  border-bottom: none;/*線を消す*/
	}

	.plan{
		text-align:center;
		padding-top: 60px;
		padding-bottom: 60px;
		width: 100%;
		background-color:#F6F6F6;
	}

	.plan-flexbox{
			display:flex;
			justify-content: center;
			position: relative;
			align-items: center;
		}

	.plan-flexbox hr{
			position: absolute;
			right: 0;
			width: 33%;
		}

	.plan-sentence-1{
			margin: 60px 0;
		}

	.plan-example{
		margin: auto;
		margin-top: 40px;
	}

	.plan-box{
		display:flex;
		flex-direction: column;
		align-items: center;
		width:90%;
		max-width:400px;
		min-width:300px;
		height: 480px;
		box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.4);
		margin: 50px auto;
		background-color: #fff;

	}

	.plan-a{
		width:90%;
		min-width:230px;
		height:125px;
		background-color: #d3d3d3;
		margin: 20px 2% 0 2%;
		position: relative;
		z-index: 3;
	}

	.plan-b{
		width:90%;
		min-width:230px;
		height:125px;
		background-color:#a9a9a9;
		margin: 20px 2% 0 2%;
		position: relative;
		z-index: 3;
	}

	.plan-c{
		width:90%;
		min-width:230px;
		height:125px;
		background-color:	#696969;
		margin: 20px 2% 0 2%;
		position: relative;
		z-index: 3;
	}

.plan-name{
		position: absolute;
		margin-top: 30px;
		z-index: 4;
		font-size: 33px;
		font-weight: 700;
	}

	.plan-description{
		position: absolute;
		margin-top: 80px;
		z-index: 4;
		font-size: 16px;
	}

	.plan-name-2{
		position: absolute;
		margin-top: 30px;
		z-index: 4;
		font-size: 33px;
		font-weight: 700;
		color: #FFF;
	}

	.plan-description-2{
		position: absolute;
		margin-top: 80px;
		z-index: 4;
		font-size: 16px;
		color: #FFF;
	}

	.page-price{
		color:#BDBDBD;
		font-size: 20px;
		padding-top: 25px;
	}

	.price{
		font-size: 35px;
		font-weight: bold;
	}

	.input{
		color:#BDBDBD;
		font-size: 20px;
	}

	.input-example{
		font-size: 35px;
		font-weight: bold;
	}

	.input-example-2{
		font-size: 20px;
	}

	.aidea{
		color:#BDBDBD;
		font-size: 20px;
	}

	.aidea-num{
		font-size: 35px;
		font-weight: bold;
		padding-bottom: 25px;
	}

	.flow{
		text-align:center;
		padding-top: 60px;
		padding-bottom: 60px;
		width:100%;
	}

	.flow-flexbox{
			display:flex;
			justify-content: center;
			position: relative;
			align-items: center;
		}

	.flow-flexbox hr{
			position: absolute;
			left: 0;
			width:33%;
		}

	.flow-sentence{
			margin: 60px 0;
		}

	.flow-example{
		margin-right: 10px;
		margin-left: 10px;
	}

	.flow-img{
		width:170px;
		height:170px;
	}

	.flow-description{
		display:flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width:100%;
	}

	.flow-box{
		width:90%;
		margin: 0 2%;
		text-align: center;
	}

	.flow-title{
		color:#DA1313;
		font-weight: bold;
		font-size:7vw;
		margin: 10px auto;
		padding: 0 10px;
	}

	.flow-word{
		font-size:4.5vw;
		margin: auto;
		padding: 0 10px;
		text-align: center;
	}

	.flow-arrow{
		display: inline-block;
		text-align: center;
		width: 0;
	  height: 0;
	  border-left: 30px solid transparent;
	  border-right: 30px solid transparent;
	  border-top: 30px solid #C4C4C4;
		margin:30px auto;
	}

	.contact{
		text-align: center;
		padding-top: 60px;
		padding-bottom: 60px;
		background-color: #F6F6F6;
		width:100%;
		margin: auto;
	}

	.contact-block{
		width:100%;
		max-width: 600px;
		margin:auto;
	}

	form{
		text-align: center;
	}

	.contact-sentence-1{
		padding-top: 60px;
		padding-bottom: 30px;
	}

	.contact-flex{
		display: block;
		padding-top: 15px;
		padding-bottom: 15px;
		margin: auto;
		width:90%;
		text-align: left;
	}

	.contact-sentence-2{
		color:black;
		font-size: 8px;
		vertical-align: super;
	}

	.contact-item{
		font-size: 4vw;
		color: #DA1313;
		font-weight: 700;
	}

	.contact-form{
		height: 25px;
		margin:auto;
		margin-top: 2px;
		width:100%;
		max-width: 600px;
		box-sizing: border-box;
		font-size:16px;
	}

	.contact-form-text{
		height: 100px;
		margin:auto;
		margin-top: 2px;
		width: 100%;
		max-width: 600px;
		box-sizing: border-box;
		font-size:16px;
	}

	.contact-submit{
		width: 60%;
		height: 50px;
		font-size: 15px;
		font-weight: bold;
		color: white;
		background-color: #DA1313;
		margin-top: 25px;
		outline: none;
		border-top: none;
		border-right: none;
		border-left: none;
		border-bottom: solid 4px #627295;
	  border-radius: 3px;
	}

	.contact-submit:active{
		-webkit-transform: translateY(4px);
		transform: translateY(4px);/*下に動く*/
		border-bottom: none;/*線を消す*/
	}

	.privacy-confirm{
		padding-top:5px;
	}

	.privacy-confirm p{
		font-size:15px;
	}

	.privacy-confirm a{
		font-size:15px;
	}


	input::placeholder {
		font-family: "noto sans JP",sans-serif;
	}

	textarea::placeholder {
		font-family: "noto sans JP",sans-serif;
	}

	input::placeholder-shown {
		font-family: "noto sans JP",sans-serif;
	}

	textarea::placeholder-shown {
		font-family: "noto sans JP",sans-serif;
	}

/* フッターーエリアCSSはここから */
	footer{
	  background: #403D3D;
		width:100%;
	}

	.footer-flex {
	}

	.footer-logo-div{
		display: flex;
		justify-content: space-around;
		align-items: center;
		padding-top:30px;
	}

	.footer-logo-img{
		height:30px;
	}

	.sns{
		margin-right: 10px;
	}

	.sns-icon{
		margin:0 10px;
		width:20px;
	}

	.footer-menu{
		margin:auto;
		padding-top: 30px;
	}

	.footer-menu-flex{
		display:flex;
		justify-content: center;
		align-items: center;
		margin: auto;
		text-align: center;
	}

	.footer-menu ul {
	  list-style :none;
		margin-right: 40px;
	}

	.footer-menu li {
		margin:0 3%;
	}

	.footer-menu a {
		color: #fff;
		text-decoration: none;
		font-size: 2vw;
		font-weight: bold;
	}

	.vertical-border{
		width: 1px;
 		height: 8px;
 		background-color: white;
	}

	.footer-right{
		text-align:center;
		font-size: 8px;
		color: #FFF;
		padding-top: 20px;
		padding-bottom: 20px;
	}
/* フッターエリアCSSはここまで */
/* 確認画面CSSはここから */
	.confirmation-body{
		margin: auto;
	}
	.confirmation-title{
		padding-top: 50px;
		padding-bottom:25px;
	}

	.confirmation-flex{
		padding-top: 30px;
		padding-bottom: 30px;
		margin:auto;
		text-align: left;
		width:90%;
		max-width:900px;
	}

	.confirmation-sub{
		font-size: 17px;
		color: #DA1313;
		font-weight: 700;
	}

	.confirmation-item{
		font-size: 15px;
		font-weight: 500;
	}

	.confirmation-division{
		background-color: #BDBDBD;
		border: none;
		height: 1.5px;
		margin:auto;
		width:90%;
		max-width: 900px;
		/* padding:20px 0; */
	}

	.confirmation-return{
		margin-top: 25px;
		padding-bottom: 20px;
	}
/* 確認画面CSSはここまで */
/* メール送信完了画面CSSはここから */
	.mail-body{
		width: 100%;
		margin:auto;

	}

	.mail{
		width:100%;
		margin: auto;

	}

	.mail-box{
		width:98%;
		max-width: 700px;
		margin: auto;
		margin-bottom:50px;
		padding:50px 5px 10px 5px;
	}

	.mail-title{
		width:100%;
		margin:auto;
		text-align: center;
	}

	.mail-title-sub{
		padding-bottom: 50px;
		color: #DA1313;
	}

	.mail-content{
		width:100%;
		margin:auto;
		text-align: center;
	}

	.mail-content-sub{
		font-size:15px;
		margin-bottom: 10px;
		font-weight: 500;
	}

	.mail-return{
		width: 100%;
		padding-bottom: 20px;
		margin: auto;
		text-align: center;

	}