@charset "UTF-8";
/* CSS Document */

/* 会社概要
*/
* {
  box-sizing: border-box;
}
#com-topimage {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-image:url(../img/img_main_company_back2.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: cover;
	width: 100%;
	height:300px;
	padding-top:40px;
	padding-left:5%;
}
#en-tit-com {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:65px;
	line-height:1;
	color:#036eb8;
	font-weight:600;
}
#com-topimage h1 {
	text-align:left;
	font-family: 'Noto Serif JP', serif;
	font-size:30px;
	color:#555;
	font-weight:600;
	margin-top:10px;
}
#com-main {
  width:960px;
  margin-left:auto;
  margin-right:auto;
  margin-top:20px;
  margin-bottom:40px;
}
.com-update-date {
	width: 100%;
	text-align:right;
  font-size:13px;
  margin-bottom:10px;
}
.com-content {
  width:100%;
  border-top : solid 1px #ccc;
  display:flex;
  justify-content: center;
}

.com-content:last-child {
border-bottom: solid 1px #ccc;
}
.com-content-l {
  width:10em;
  padding: 22px 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.8;
}
.com-content-r {
  width:30em;
  padding: 22px 0;
  font-size: 16px;
  line-height: 1.8;
}
.com-content-r a:link {
	color: #1970b6;
}
.com-content-r a:visited {
	color: #1970b6;
}

/* ----------960px以下---------- */

@media only screen and (max-width:960px) {
#com-topimage {
  padding-top:4vw;
  padding-left:5%;
}
#en-tit-com {
  font-size:6.3vw;
}
#com-topimage h1 {
	font-size:3vw;
	margin-top:1vw;
}
#com-main {
  width:90%;
  margin-top:2vw;
}
.com-update-date {
  font-size:1.5vw;
  margin-bottom:1vw;
}

.com-content-l {
  padding: 2.2vw 0;
}
.com-content-r {
  padding: 2.2vw 0;
}

/* ----------END 960px以下---------- */
}
/* ----------770px以下---------- */
@media only screen and (max-width:770px) {
  .pc-mode2 {
    display:none;
  }
  .tab-mode {
    display:flex;
  }
.com-content-l {
  font-size:2vw;
}
.com-content-r {
  font-size:2vw;
}
/* ----------END 770px以下---------- */
}


/* ----------599px以下---------- */

@media only screen and (max-width:599px) {
  .pc-mode {
    display:none;
  }
  .tab-mode {
    display:none;
  }
  .sp-mode {
    display:block;
  }
  #topimage-sp {
    width: 100%;
  }
  #topimage-sp img {
    width: 100%;
  }
  .com-update-date {
    font-size:10px;
  }
.com-content-l {
  padding: 2.4vw 0;
  width:8em;
  font-size:3.5vw;
}
.com-content-r {
  padding: 2.4vw 0;
  width:27em;
  font-size:3.5vw;
}

/* ----------END 599px以下---------- */
}