body {
  margin: 0;
  padding: 0;
  line-height: 1.5;
  font-size: 1.2vw;
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック",sans-serif;
  overflow-x: hidden;

}

@media screen and (min-width : 1000px){
  body {
    font-size: 1.1vw;
  }
}
@media screen and (max-width : 414px){
  body {
    font-size: 1.3vw;
  }
}


#wrapper {
  position: static;

	width: 100%;

  height: 300%;
	margin: 0 0 auto;
	padding: 0;
}


.content {
	position: relative;
	margin: 0 0;
	padding: 0;
/*  width: 98vw;*/
  width: 100%;
	height: 100vh;

}
.content2 {
	position: relative;
	margin-left:  8vw;
/*  width: 100%;*/
	height: 100vh;

}

#first  {
	background: url(../img/index/P1.jpg) center 0 no-repeat fixed;
  background-size:cover;
}
#third  {
	background: url(../img/index/P2.jpg) center 0 no-repeat fixed;
  background-size:cover;
}
#company {
	background: url(../img/index//P5.jpg) center 0 no-repeat fixed;
  background-size:cover;
}

.title1 {
	position: relative;
	margin: 0 3vh 0 0;
	top: 1.4vw;
  padding-left: 6vw;

	color: rgba(255, 255, 255, 1.0);
  font-size: 2.6vw;
  font-weight: bold;
  /*
  text-shadow: 0 0 1.2vw rgba(105, 105, 105, 1.0);
  */
  color: dimgrey;

}

.title1 .a{
 color: red;
}


.title2 {
	position: relative;
	margin: 0 4vh 0 0;
	top: 1.1vw;
  padding-left: 6vw;
	color: rgba(255, 255, 255, 1.0);
  font-size: 2.1vw;
  font-weight: bold;

  font: Lucida Calligraphy;

 /*
  text-shadow: 0 0 1vw rgba(105, 105, 105, 1.0);
*/
color: grey;

}

 #first .inner1 {
  position: absolute;
 	top: 15vw;
 	left: 16vw;
 	width: 20vw;

 	background: rgba(255, 255, 255, 0.7);
 	border: 0.1em solid rgba(150, 150, 150, 0.1);
 	box-shadow: 0 0 0.5vw 0.25vw rgba(0, 0, 0, 0.4);
 	padding: 1vw;
 }

 #first .inner2 {
  bottom: 8vw;
  right: 16vw;
 	width: 20vw;

 	position: absolute;
 	background: rgba(51, 51, 51, 0.7);
 	border: 0.1vw solid rgba(150, 150, 150, 0.1);
 	box-shadow: 0 0 0.5vw 0.25vw rgba(0, 0, 0, 0.4);
 	color: white;
 	padding: 1vw 2vw;
 	text-shadow: 0 -0.1vw 0 rgba(0, 0, 0, 0.5);
 }

#third .inner {
	top: 10vw;
  left: 16vw;
  width: 20vw;

  position: absolute;
	background: rgba(51, 51, 51, 0.7);
	border: 0.1vw solid rgba(150, 150, 150, 0.1);
  box-shadow: 0 0 0.5vw 0.25vw rgba(0, 0, 0, 0.4);
  color: white;
	padding: 1vw 2vw;
	text-shadow: 0 -0.1vw 0 rgba(0, 0, 0, 0.5);
}

/*
#company .inner {
  top: 3vw;
	right: 14vw;
  width: 22vw;

  position: absolute;
	border: 0.1vw solid rgba(150, 150, 150, 0.1);
	box-shadow: 0 0 2vw rgba(0, 0, 0, 0.3);
	color: rgba(105, 105, 105, 1.0);
	padding: 1vw 1vw;
	text-shadow: 0 -0.1vw 0 rgba(0, 0, 0, 0.5);
}

#company .inner2 {
  font-size: 1.0vw;
}
*/

.title3{

  font-size: 1.6em;
}
.title4{
  font-size: 0.8em;
  bottom: 0%;
  text-align: center;
}

#company-action{

	width: 77vw;
  height: 30em;
  /*left: 30px;*/
  margin: auto;
  background: #f9f9f9;

 	padding-top: 12%;

  padding-left: 22%;

 }

/* 各項目 */
.listyle{
    padding-left: 0%;
    width:100%;          /* 項目の幅 */

    font-size: 1.3em;
   }


#company-access{
  	width: 100%;
    height: 26em;

 	 padding-top: 12%;
         text-align: center;

          	background: #f9f9f9;

            font-size: 1.3em;
 }


#top{
margin-top: -12em; /* 固定ナビの高さ分のネガティブマージン */
padding-top: 12em; /* 打ち消し用のパディング */
}#action{
margin-top: -12em; /* 固定ナビの高さ分のネガティブマージン */
padding-top: 12em; /* 打ち消し用のパディング */
}
#access{
margin-top: -12em; /* 固定ナビの高さ分のネガティブマージン */
padding-top: 12em; /* 打ち消し用のパディング */
}


h2{
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 0.8em;
}

#condense{
font-size: 1.3em;
text-align: center;
margin-left: 10%;
padding-top:4em;
padding-bottom:4em;

width: 80%;
display: flex;
justify-content: space-around;
align-items: center;
}
#condense_exp{
width: 40%;
padding-top:1em;
}
#condense_img{
width: 40%;
}
#condense_img img{
display: block;
text-align: center;
width:100%;
max-width: 100%;
height: auto;
}


#check_list li{
  text-align: left;
  width: 100%;
  height: auto;

}
#check_list ul{
  list-style: disc;
  width: 100%;
  height: auto;
}