/* CSS Document */
	body {
	  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	  line-height: 1.75;
		margin: 0;
		padding: 0;
		display:block;
		  background-color: #003076;
	}

@media screen and (max-width: 1024px) and (orientation: portrait){
	.header-inner p {
	  font-size: 15px;
	  color: #FFFFFF;
	  width: 664px;
	  margin: 60px 0 0 0;
	}
}
	/*----------------------------------
  共通
------------------------------------*/
	.arrow {
	  text-align: center;
	  margin: -1px 0 0 0;
	}
	@media screen and (max-width:768px) {
	  .arrow img {
	    text-align: center;
	    margin: -1px 0 0 0;
	    width: 20%;
	  }
	}
	a {
	  text-decoration: none
	}
	/*----------------------------------
  Header
------------------------------------*/
	.header {
	  height: 126px;
	  background: #07164F;
	}
	.header-inner {
	  display: flex;
	  justify-content: space-between;
	  align-items: center;
	  height: 60px;
	  max-width: 1090px;
	  margin: 0 auto;
	  padding: 0 20px;
	}
	.header-logo {
	  width: 100px;
	  margin: 65px 0 0 0;
	}
	.header-logo img {
	  width: 200px;
	}
	.header-inner p {
	  font-size: 28px;
	  color: #FFFFFF;
	  width: 664px;
	  margin: 60px 0 0 0;
	}
	@media screen and (max-width:768px) {
	  .header {
	    width: 100%;
	    display: flex;
	  }
	  .header-logo img {
	    text-align: center;
	    width: 150%;
	    margin: 0 20px 0 0;
	  }
	  .header-inner p {
	    width: 90%;
	    font-size: 12px;
	    margin: 60px 0 0 60px;
	  }
	}
	/*----------------------------------
  Header　終わり
------------------------------------*/
	/*----------------------------------
  メイン画像
------------------------------------*/

	.mv2{
	  position: relative;
		text-align: center;
		margin:100px auto 100px auto;
	 
	}
	.mv {
	  position: relative;
	  background-color: #003076;
	}
	.mv-ph img {
	  max-width: none;
	  width: 100%;
	  /*  height: 974px;*/
	  object-fit: cover;
	}
.mv-ph5{
	text-align: center;
	margin: 20px auto 20px auto;
}
	.mv-ph5 img {
	  max-width: none;
	  width: 80%;
	  /*  height: 974px;*/
	  object-fit: cover;
		text-align: center;
		margin:100px auto 100px auto;
	}
	.mv-inner {
	  position: absolute;
	  left: 0;
	  top: 100px;
	}
	.mv-inner img {
	  max-width: 70vw;
	  object-fit: cover;
	}
	 .mv-ph10 img {
	  
	  width: 100%;
	  /*  height: 974px;*/
	  object-fit: cover;
		 text-align: center;
		 margin: 0 auto;
	}
	@media screen and (max-width:768px) {
	  .header {
	    width: 100%;
	    display: flex;
	  }
	  .mv-inner {
	    display: none;
	  }
		
	 .mv-ph img {
	  max-width: none;
	  width: 90%;
	  /*  height: 974px;*/
	  object-fit: cover;
		 text-align: center;
		 margin: 0 auto;
	}
		 .mv-ph10 img {
	 
	  width: 100%;
	  /*  height: 974px;*/
	  object-fit: cover;
		 text-align: center;
		 margin: 0 auto;
	}
	}
	/*----------------------------------
  メイン　終わり
------------------------------------*/
	/*----------------------------------
  悩み解決
------------------------------------*/
	.worries {
	  background-color: #003076;
	  padding: 20px 0 0 20px;
	  
	  text-align: center;
	}
	.worries_text {
	  text-align: center;
	   max-width: 1090px;
	  margin: 0 auto;
	}
	.worries img {
	  background-color: #003076;
	  padding: 20px 0 0 0;
 max-width: 1090px;
	  text-align: center;
	  margin: 0 auto 50px auto;
	}

h2.worries_textPc img{
	  width: 80%;
	  text-align: center;
	}
	h2.worries_textSp img{
	  position: absolute;
	  top: -9999px;
	  left: -9999px;
		
	}
.worries_figure img{
	   width: 80%;
	  text-align: center;
	}


.worries_figureSp img{
	  position: absolute;
	  top: -9999px;
	  left: -9999px;
	}


	@media screen and (max-width:768px) {
		
		.worries {
	  background-color: #003076;
	  padding: 0;
	  
	  text-align: center;
	}
	  .worries_text img {
	    text-align: center;
	    width: 80%;
	    margin: 0 auto;
	  }
	  .worries_text {
	    text-align: center;
	    width: 80%;
	    margin: 0 auto;
	  }
	  .contactContent textarea {
	    width: 70%;
	  }
	  .contactTable tr {
	    margin: auto 0;
	  }
	  .contactInput input {
	    width: 70%;
	  }
	  .contactTable tbody {
	    margin: 20px 0;
	  }
		
		
		.worries_figureSp{
			display:inline-block;
			 width: 100px;
	    text-align: center;
			
		}
		
	
		
		.worries img {
	  background-color: #003076;
	  padding: 0;
 max-width: 1090px;
	  text-align: center;
	  margin: 0;
	}
	}
	/*----------------------------------
  悩み解決　　終わり
------------------------------------*/
	.productivity {
	  height: 500px;
	  position: relative;
	  border-top: #07164F 1px solid;
	  border-bottom: #07164F 1px solid;
	  background-image: url("../img/background1.jpg");
	  background-size: cover;
	}
	.productivityText {
	  text-align: center;
	  color: #FFFFFF;
	  font-size: 65px;
	  margin: 0 0 0 0;
	}
	.productivityText2 {
	  position: absolute;
	  margin: 0;
	  right: 10%;
	  padding: 0;
	  font-size: 107px;
	  color: #fff;
	  opacity: 0.2;
	  font-weight: bold;
	}

.productivityTitle {
	 height: 490px;
	  position: relative;
	  border-top: #07164F 1px solid;
	  border-bottom: #07164F 1px solid;
	  background-image: url("../img/background1.jpg");
	  background-size: cover;
		margin: 10px 0 0 0;
	}
.optimization {
	 height: 500px;
	  position: relative;
	  border-top: #07164F 1px solid;
	  border-bottom: #07164F 1px solid;
	  background-image: url("../img/background1.jpg");
	  background-size: cover;
	}

		.comparisonTitle {
	height: 500px;
	  position: relative;
	  border-top: #07164F 1px solid;
	  border-bottom: #07164F 1px solid;
	  background-image: url("../img/background1.jpg");
	  background-size: cover;
	}
	@media screen and (max-width:768px) {
	  .productivityText {
	    text-align: center;
	    color: #FFFFFF;
	    font-size: 18px;
	    font-weight: bold;
	    margin: 0;
	  }
		
		.productivity {
	 max-height: 300px;
	  position: relative;
	  border-top: #07164F 1px solid;
	  border-bottom: #07164F 1px solid;
	  background-image: url("../img/background1.jpg");
	  background-size: cover;
	}
		
		.productivityText2 {
	  position: absolute;
	  margin: 0;
	  right: 0;
	  padding: 0;
	  font-size: 50px;
	  color: #fff;
	  opacity: 0.2;
	  font-weight: bold;
	}
		
	.productivityTitle {
	 height: 200px;
	  position: relative;
	  border-top: #07164F 1px solid;
	  border-bottom: #07164F 1px solid;
	  background-image: url("../img/background1.jpg");
	  background-size: cover;
		margin: 10px 0 0 0;
	}
		
			.optimization {
	 height: 200px;
	  position: relative;
	  border-top: #07164F 1px solid;
	  border-bottom: #07164F 1px solid;
	  background-image: url("../img/background1.jpg");
	  background-size: cover;
	}
		
			.comparisonTitle {
	height: 200px;
	  position: relative;
	  border-top: #07164F 1px solid;
	  border-bottom: #07164F 1px solid;
	  background-image: url("../img/background1.jpg");
	  background-size: cover;
	}
		
	}
	/*----------------------------------
  
------------------------------------*/
	.productivity_figure {
	  background-color: #003076;
	  height: auto;
	  text-align: center;
	  padding: 100px 0 100px 0;
	}
	.productivity_figure img {
	  width: 60%;
	}
@media screen and (max-width:768px) {
.worries_figureSp{
			display:inline-block;
			 width: 100px;
	    text-align: center;
	margin: 0 0 10px 0;
			
		}
	
	.productivity_figure {
	  background-color: #003076;
	  height: auto;
	  text-align: center;
	  padding: 50px 0 100px 0;
	}
	
	}
	/*----------------------------------
  
------------------------------------*/
	.SimulationText_figure {
	  background-image: url("../img/3dSimulation_bg.jpg");
	  background-size: cover;
	  height: auto;
	  text-align: center;
	  padding: 100px 0 100px 0;
	}
	.SimulationText img {
	  text-align: center;
	  width: 1090px;
	  margin: 0 0 0 0;
	}
	.Simulation_figure img {
	  text-align: center;
	  width: 60%;
	}

.SimulationText  {
  font-size: 20px;
 
  color: rgb(255, 255, 255);
  line-height: 2;
  text-shadow: 0px 0px 3.28px rgba(10, 23, 76, 100%);
  
  
}
	@media screen and (max-width:768px) {
	  .SimulationText img {
	    display: none;
	    width: 1%;
	  }
		
		.SimulationText  {
 font-size: 20px;
 
  color: rgb(255, 255, 255);
  line-height: 2;
  text-shadow: 0px 0px 3.28px rgba(10, 23, 76, 100%);
  
}

	}
	/*----------------------------------
  開発費用・期間を70%削減
------------------------------------*/
	.developmentText img {
	  text-align: center;
	  width: 1090px;
	  margin: 0 0 30px 0;
	}
	.development_figure {
	  background-color: #003076;
	  height: auto;
	  text-align: center;
	  padding: 100px 0 100px 0;
	}
	.development_figure img {
	  width: 60%;
	}

.mv-ph-development{
	  max-width: none;
	  width: 80%;
	  /*  height: 974px;*/
	  object-fit: cover;
	margin:30px auto 30px auto;
	 background-color: #003076;
	}
	/*----------------------------------
  お問合せ
------------------------------------*/
	.contact {
	  height: 400px;
	  position: relative;
	  border-top: #07164F 1px solid;
	  border-bottom: #07164F 1px solid;
	  background-image: url("../img/background1.jpg");
	  background-size: cover;
	}
	.contactText {
	  text-align: center;
	  color: #FFFFFF;
	  font-size: 65px;
	  margin: 40px 0 0 0;
	}
	.contactText2 {
	  position: absolute;
	  margin: 0 0 0 0;
	  right: 10%;
	  padding: 0;
	  font-size: 107px;
	  color: #fff;
	  opacity: 0.2;
	  font-weight: bold;
	}
	.contactWrap {
	  background-color: #003076;
	  height: auto;
	  text-align: center;
	  padding: 100px 0 100px 0;
	}
	.contactSubmit {
	  margin: 0 auto 30px auto;
	  text-align: center;
	  display: inline-block;
	  width: 300px
	}
	.contactName {
	  padding: 0;
	  border: none;
	  vertical-align: top;
	  text-align: left;
	  color: #FFFFFF;
	}
	.contactTable {
	  margin: 0 auto;
	}
	.contactSendBtn {
	  padding: 10px 30px;
	  width: 50%;
	  background-color: #0A174C;
	  border: 0px;
	  margin: 30px 0 30px 0;
	}
	.contactSendBtn span {
	  position: relative;
	  z-index: 3; /*z-indexの数値をあげて文字を背景よりも手前に表示*/
	  color: #ffffff;
	}
	.contactInput {
	  margin: 0 0 30px 0;
	  display: inline-block;
	}
	.contactTel img {
	  text-align: center;
	  width: 40%;
	}
	.update {
	  display: grid;
	  grid-template-columns: 100vw;
	  grid-template-rows: 100vh;
	}
	.foamTransmissionEndBox {
	  justify-self: center;
	  align-self: center;
	  padding: 15px 30px;
	  color: #fff;
	  text-align: center;
	}
	.main {
	  text-align: center;
	  background-color: #003076;
	  color: #FFFFFF;
	}
	@media screen and (max-width:768px) {
	  .contactName tr {
	    padding: 0;
	    border: none;
	    vertical-align: top;
	    text-align: left;
	    color: #FFFFFF;
	    width: 70%;
	  }
	  .contactText {
	    text-align: center;
	    color: #FFFFFF;
	    font-size: 18px;
	    margin: 10px 0 0 0;
	  }
	  .contactTable {
	    margin: 0 auto;
	    width: 70%;
	  }
	  .contactTel img {
	    text-align: center;
	    width: 80%;
	  }
		
		.contactName {
	  padding: 0;
	  border: none;
	  vertical-align: top;
	   text-align: center;
	  color: #FFFFFF;
	}
		
		.contact {
	  height: 200px;
	  position: relative;
	  border-top: #07164F 1px solid;
	  border-bottom: #07164F 1px solid;
	  background-image: url("../img/background1.jpg");
	  background-size: cover;
	}
		
		.contactText2 {
	  position: absolute;
	  margin: 25px 0 0 0;
	  right: 10%;
	  padding: 0;
	  font-size: 50px;
	  color: #fff;
	  opacity: 0.2;
	  font-weight: bold;
	}
	}
	/*----------------------------------
  ビジョン
------------------------------------*/
	.visionWrap {
		 margin: 0 auto;
	  height: 400px;
	  position: relative;
	  border-top: #07164F 1px solid;
	  border-bottom: #07164F 1px solid;
	  background-image: url("../img/background1.jpg");
	  background-size: cover;
	}
	.visionWrap1 {
	  width: auto;
	  margin: 0 auto;
		max-width: 1090px;
	}
	.contactTextTitle {
	  font-size: 51px;
	  color: #FFFFFF;
	  font-weight: bold;
	  margin: 80px 0 20px 0;
	}
	.visionWrap p {
	  color: #FFFFFF;
	  margin: 0 0 -14px 0;
	}
	.visionText2 {
	  position: absolute;
	  margin: 0 0 10px 0;
	  right: 10%;
	  padding: 0;
	  font-size: 107px;	
	  color: #fff;
	  opacity: 0.2;
	  font-weight: bold;
	}

	@media screen and (max-width:768px) {
.visionWrap {
		 margin: 0 auto;
	  height: 500px;
	padding: 0 10%;
	  position: relative;
	  border-top: #07164F 1px solid;
	  border-bottom: #07164F 1px solid;
	  background-image: url("../img/background1.jpg");
	  background-size: cover;
	}
		
		.contactTextTitle {
	  font-size: 51px;
	  color: #FFFFFF;
	  font-weight: bold;
			padding: 0 0 0 10px;
	  
	}
		.visionText2 {
	  position: absolute;
	  margin: 0 0 10px 0;
	  right: 10%;
	  padding: 0;
	  font-size: 50px;	
	  color: #fff;
	  opacity: 0.2;
	  font-weight: bold;
	}
		
		.visionWrap p {
	  color: #FFFFFF;
	  margin: 35px 0 0 0;
	}
		
}
	/*----------------------------------
  会社情報
------------------------------------*/
	.companyWrap {
	  margin: 0 auto;
	  height: 500px;
	  background-color: #003076;
	  padding: 30px 0 0 0;
	}
	.companyWrap2 {
	  position: relative;
	  max-width: 1090px;
	  margin: 0 auto;
	  height: 400px;
	  color: #FFFFFF;
	}
	.company_figure {
	  margin: 30px 0 0 30px;
	}
	.company_figure img {
	  width: 80%;
	}
	.companyText1 {
	  position: absolute;
	  margin: 0;
	  right: 0;
	  padding: 0;
	  font-size: 107px;
	  color: #fff;
	  opacity: 0.2;
	  font-weight: bold;
	}

.companyContent img {
	  max-width: none;
	  width: 80%;
	  /*  height: 974px;*/
	  object-fit: cover;
	margin: 0 auto;
	}
		
	@media screen and (max-width:768px) {
.companyContent  {
	  max-width: none;
	  width: 80%;
	  /*  height: 974px;*/
	  object-fit: cover;
	margin: 0 auto;
	text-align: center;
	}
		
		.companyWrap {
	  margin: 0 auto;
	  height: 700px;
	  background-color: #003076;
	  padding: 30px 0 0 0;
	}
		
		.companyText1 {
	  position: absolute;
	  margin: 30px 0 0 0;
	 
	  padding: 0 20px 0 0;
	  font-size: 50px;
	  color: #fff;
	  opacity: 0.2;
	  font-weight: bold;
	}
		.productivity_figureSp{
			text-align: center;
		}
}
	/*----------------------------------
  footer
------------------------------------*/
	.footer {
	  margin: 0 auto;
	  border-top: #07164F 1px solid;
	  border-bottom: #07164F 1px solid;
	  background-image: url("../img/background1.jpg");
	  background-size: cover;
	}
	.footer p {
	  text-align: center;
	  margin: 30px 0 0 0;
	}
	.footer p img {
	  width: 200px;
	}
	/*----------------------------------
  お問合せ確認　footer
------------------------------------*/
	.contactFooterWrapper {
	  position: relative; /*←相対位置*/
	  padding-bottom: 120px; /*←footerの高さ*/
	  box-sizing: border-box; /*←全て含めてmin-height:100vhに*/
	}
	.contactFooter {
	  width: 100%;
	  background-image: url("../img/background1.jpg");
	  background-size: cover;
	  text-align: center;
	  padding: 30px 0;
	  position: absolute; /*←絶対位置*/
	  bottom: 0; /*下に固定*/
	}
	.contactFooter img {
	  width: 20%;
	}