body {
    width:100%;
    line-height:0;
}

h1 {
  font-size: 2em;
  margin-top:30px;
  margin-bottom:50px;
}

.menuTitle {
  width:50%;
  height:100%;
  margin-bottom:40px;
}

.linkMenuIcon{
  width:50%;
}

p {
  line-height:1.8em;
  text-align: left;
}
#wrapper_parent {
  width:100%;
}

#wrapper {
    width:100%;
    height:auto;
}

.companyName img{
  height:120px;
  float:left;
}

@media screen and (max-width: 1366px) {
  .companyName img{
    height:90px;
    float:left;
  }
}

@media screen and (max-width: 768px) {
  .companyName img{
    height:60px;
    float:left;
  }
}

#naviBar {
  position: fixed;
  background-color:white;
  width:100%;
  padding-top:10px;
  z-index:99;
}

#iconBar {
  display:flex;
  width:60%;
  margin:0 20%;
  flex-direction:row; 
  justify-content:flex-start;
  align-items: center;
}

@media screen and (max-width: 1366px) {
  #iconBar {
    width:90%;
    margin:0 5%;
  }
}

.companyName {
  width:20%;
}

.menuIconNavi {
  display:flex;
  width:60%;
  flex-direction:row; 
  justify-content:flex-start;
	margin: 0;
	padding: 0px;
	list-style-type: none;
}

.menuIcon {
  width:100%;
}

.linkIcon {
  display:flex;
  width:20%;
  flex-direction:row; 
  justify-content:flex-end;
}

#contentsArea {
  padding-top:30px;
}

nav {
	background-color: #fff;
	color: black;
}
nav ul {
	display: flex;
  flex-flow: row;
}
nav a {
	border-radius: 4px;
  color: black;
}
nav li {
  display: flex;
  width:100px;
  height:100px;
  padding:0px;
  -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
  align-items: center; /* 縦方向中央揃え */
  -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
  justify-content: center; /* 横方向中央揃え */
  border:0px;
  border-style: solid;
}

#headerBar {
  margin-right:10px;
}

#headerBar nav ul {
	display: flex;
  flex-flow: row;
	margin: 0;
	padding: 0px;
  list-style-type: none;
  justify-content: flex-end;
}
#headerBar nav li {
  width:60px;
  height:60px;
  padding-left:20px;
}

.circle {
    width:170px;
    display: inline-block;
    position: absolute;
    top:120px;
  }

  .circle img {
    width:100%;
    height:auto;
  }

  .leftPos
  {  
    left:20%;
    z-index:50;
  }
  .rightPos
  {  
    right:20%;
    z-index:50;
  }

  @media screen and (max-width: 1366px) {
    .leftPos
    {  
      left:10%;
    }
    .rightPos
    {  
      right:10%;
    }
  }
  @media screen and (max-width: 768px) {
    .leftPos
    {  
      left:5%;
    }
    .rightPos
    {  
      right:5%;
    }
    }
  
  
.skyblue {
  background:skyblue;
}

.lightgreen {
  background:lightgreen;
}



.swiper-container {
  padding-top:100px;
}
.swiper-slide {
  height: 420px;
  width:300px;
}

.swiper-slide img {
  height:400px;
  width:auto;
}

.contents {
  width:60%;
  display: flex;
  justify-content: center; /* 横contents方向中央揃え */
  flex-wrap: wrap;
  margin:0 auto;
}

@media screen and (max-width: 1366px) {
  .contents {
    width:90%;
  }
}
.separator {
  width:100%;
}

.box {
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 60px;
}

.memberBox {
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 40px;
}

.contentsBackGreen {
  background-color:rgb(239,255,210);
  top:-10px;
}

#companyInfo .box {
  flex-wrap: wrap;
  justify-content: center; /* 横方向中央揃え */  
}

#companyInfo .text {
  width:500px;
}

#companyInfo .textOnly {
  width:800px;  
}

#companyHistory .textOnly {
  width:800px;
  font-size:1.8em;
  font-weight:bold;
  text-align: center;
  margin-bottom: 40px;
}

h3 {
  font-size: 1.5em;
  margin: 20px 0px;
  line-height: 1;
}

.pict {
  width: 40%;
  margin-left: 3%;
}

.pict img {
  width: 100%;
  height:auto;
}

.box:nth-child(even) {
  flex-direction: row-reverse;
}
.box:nth-child(even) .text {
  text-align: right;
}
.box:nth-child(even) .pict {
  margin-left: 0;
  margin-right: 3%;
}

.eventListBox {
  display:flex;
  width:100%;
  flex-wrap: wrap;
  justify-content: center; /* 横方向中央揃え */
  line-height: 1;
}
.eventBox {
  width:50%;
  margin-bottom: 50px;
}

.eventImage {
  width:100%;
  margin:auto 0;
  display:flex;
  justify-content: center; /* 横方向中央揃え */
}

.eventBox img {
  width:70%;
  height:100%;
  margin-bottom: 40px;
  box-shadow: 10px 10px 10px rgba(0,0,0,0.4);
}

.eventTitle {
  width:100%;
  display:flex;
  justify-content: center; /* 横方向中央揃え */
  margin: 30px 0;
}

.eventText {
  text-align: left;
}

.eventDetail {
  width:80%;
  line-height:1.2;
  text-align: left;
  font-size:0.9em;
}

#memberListBox {
  display:flex;
  width:100%;
  flex-wrap: wrap;
  justify-content: center; /* 横方向中央揃え */
}

h2 {
  font-size:1.8em;
}
.blankRow {
  margin: 50px;
}

#memberListBox .text {
  padding-top:80px;
}

#companyHistory .text {
  padding-top:100px;
  width:400px;
}

.flexBoxArea {
  display:flex;
  justify-content: center; /* 横方向中央揃え */
  flex-wrap: wrap;
}

.flexBoxAreaLeft {
  display:flex;
  flex-wrap: wrap;
  margin-left:20%;
  margin-top:20px;
}
@media screen and (max-width: 1366px) {
  .flexBoxAreaLeft {
    margin-left:10%;
  }
}
#footer {
  margin-bottom: 30px;
}

#footer p {
  width:800px;
}

#arrow {
  width:100px;
  margin-right:20px;
}

a.anchor{
  display: block;
  padding-top: 150px;
  margin-top: -150px;
}

#checkMore {  
  font-size: 2em;
  margin-right: 25%;
  text-align: right;
}


.presidentName {
  font-size:150%;
  font-weight:bold;
}

.copyright {
  float: right;
  margin-right:20%;
}

#createFlowImage {
  width:80%;
  height:100%;
  background-color:rgb(255,255,255);
  border:solid rgb(255,182,159) 2px;
}

#omosirosa {
  width:100%;
  margin:0 auto;
  line-height:2;
  font-size:1.6rem;
  font-weight:bold;
  margin-bottom:40px;
}

.textOnly {
  line-height:2;
}

.placeSubject {
  background-color:white;
  width:30%;
  font-size: 1.8em;
  font-weight: bold;
  text-align: center;
  margin-left:20%;
  margin-right:20%;
  margin-bottom: 40px;
  line-height:2;
  box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
}

.news {
  width:60%;
  display:flex;
  align-items: center;
  padding:10px 0;
  border-top:solid 0.5px #AAA;
}

.news:last-child {
  border-bottom:solid 0.5px #AAA;
} 

.newsLeft {
  width:30%;
  line-height:2;
}

.newsTitle {
  width:80%;
  margin:0 auto;
  padding:20px;
  line-height:1.2;
}

#moreNews {
  width:100%;
  text-align: center;
  font-size:1.4rem;
  margin-top:30px;
}

.newsIcon {
  text-align: center;
  border-radius: 20px;
  padding:0 10px;
}

.iconPress {
  background-color:rgb(212, 255, 132);
}

.iconEvent {
  background-color:#ffc74e;
}

.iconNews {
  background-color:#84e0ff;
}

.newsDate {
  text-align: center;
  margin-top:5px;
  font-weight:bold;
}

.boxPlace {
  display:flex;
  flex-direction: row;
  justify-content: space-between;
  width:80%;
  margin-bottom:50px;
  padding:50px;
  background-color: white;
  border-radius: 20px;
  border:solid rgb(184, 255, 54) 2px;
  align-items: center;
}

.textPlace {
  margin-right:10%;
  width:60%;
}

.placeTitle {
  width:100%;
  display:flex;
  justify-content: left; /* 横方向中央揃え */
  margin: 30px 0;
  line-height:1;
}