/* コンテンツ */
.wrapper{
    padding: 8% 30px 0 30px;
}

.about_header{
	margin: 5% 0 5% 0;
	display: inline-flex;
	line-height: 1;
}

.about_text{
	color: #00a3a3;
	font-size: 300%;
	font-weight: 600;
}

.about_sub{
	color: #464646;
	font-size: 100%;
	font-weight: 300;
	line-height: 1.3;
	margin: 238px 0 0 -70px;
}

.about_mvv{
	width: 100%;
	display: inline-flex;
	line-height: 1;
	border-bottom: 3px solid #000000;
}

.about_bt{
	border-top: 3px solid #000000;
}

.about_mvv img{
	width: auto;
	margin: 50px;
    padding: 0 50px 0 0;
}

.about_mvv p{
	color: #00a3a3;
	font-size: 150%;
	font-weight: 400;
	margin: 0 0 1% 0;
}

.about_mvv li:nth-child(1) {
    width: 15%;
}

.about_mvv li:nth-child(2) {
	margin: 0;
        padding: 50px;
        width: 85%;
	line-height: 1.3;
	font-weight: 300;
}

.profile{
	display: inline-flex;
}

.profile img{
	max-width: 100%;
	margin: 0 0 5% 0;
}

.profile li:nth-child(1) {
	width: 150%;
}

.profile li:nth-child(2) {
	line-height: 1.5;
	font-weight: 300;
    padding: 0 0 0 5%;
}

.profile li span{
	color: #00a3a3;
	font-size: 180%;
	font-weight: 600;
}

.profile li p{
	margin: 0 0 3% 0;
}

.company {
	margin: 0 auto;
	width: 1200px;
}

.company dl {
	margin: 0;
    border-top: #ddd 1px solid;
	overflow: hidden;
}

.company dt {
	float: left;
    width: 40%;
    font-size: 100%;
    padding: 5% 0;
    line-height: 1;
    text-indent: 20px;
	border-bottom: #ddd 1px solid;
}

.company dd {
	float: left;
    width: 60%;
    font-size: 100%;
	font-weight: 200;
    padding: 5% 0;
    text-indent: 20px;
    line-height: 1;
	border-bottom: #ddd 1px solid;
}

.flex-company {
	width: 100%;
	margin: 150px auto 0 auto;
}

.flex-company ul {
	display: flex;
    flex-wrap: wrap;
	margin: 0 0 5% 0;
}

.flex-company ul li {
	width: 50%;
}

.flex-company ul li p:nth-child(1) {
	margin: 0 !important;
	color: #464646 !important;
	font-size: 100% !important;
	font-weight: 200 !important;
}

.flex-company ul li p:nth-child(2) {
	margin: 20px 0 0 0 !important;
	color: #00a3a3 !important;
	font-size: 200% !important;
	font-weight: 600 !important;
}

.flex-company ul li p {
	text-align: left !important;
}

.for_pc {
    display: none;
    }

@media (min-width: 1500px) {
    .for_pc {
      display: block;
    }
    .for_sp {
      display: none;
    }
}

@media (min-width: 1020px) {
    .for_pc {
      display: block;
    }
    .for_sp {
      display: none;
    }
    }

    @media (max-width: 768px) and (orientation: landscape) {
    .for_sp {
      display: block;
    }
    .for_pc {
      display: none;
    }
    }

@media (max-width: 1020px) {
.wrapper {
    padding: 8% 3vw;
}
	
.about_text {
  font-size: 150%;
}

.about_sub {
  font-size: 50%;
  margin: 121px 0 0 -41px;
}
	
.about_mvv{
	display: block;
}
	
.about_mvv img{
	width: auto;
	margin: 0 auto;
    padding: 50px 0 0 0;
}

.about_mvv p{
	color: #00a3a3;
	font-size: 150%;
	font-weight: 400;
	margin: 0 0 1% 0;
}

.about_mvv li:nth-child(1) {
    width: 100%;
}

.about_mvv li:nth-child(2) {
	margin: 0;
        padding: 50px;
        width: 100%;
        text-align: center;
	line-height: 1.3;
	font-weight: 300;
}

.profile {
  display: block;
}
	
.profile img{
	max-width: 80%;
	margin: 0 auto 10% auto;
}

.profile li:nth-child(1) {
	width: 100%;
}

.profile li span{
	font-size: 140%;
}
	
.profile li p {
  font-size: 80%;
}
	
.company {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.company dt {
	float: none;
    width: 100%;
    font-size: 100%;
    padding: 5% 0;
    line-height: 1;
    text-indent: 0;
	border-bottom: none;
}

.company dd {
	float: none;
    width: 100%;
    font-size: 90%;
    padding: 5% 0;
    text-indent: 0;
    line-height: 1;
	border-bottom: #ddd 1px solid;
}

.flex-company {
	margin: 0;
}

.flex-company ul {
	display: block;
	margin: 0;
}

.flex-company ul li {
	width: 100%;
}
	
.flex-company ul li p:nth-child(1) {
  font-size: 17px !important;
  font-weight: 400 !important;
}
	
.flex-company ul li p:nth-child(2) {
  margin: 0 !important;
  font-size: 42px !important;
  font-weight: 600 !important;
}

.flex-company ul li p.t_About {
  font-size: clamp(17px, 1vw, 20px) !important;
  font-weight: 300 !important;
}
    
.google-maps {
  margin-top: 50px;
  padding-bottom: 66% !important;
}
}
	 
@media (max-width: 640px) {
.wrapper {
    padding: 8% 3vw;
}
	
.about_text {
  font-size: 150%;
}

.about_sub {
  font-size: 50%;
  margin: 120px 0 0 -35px;
}
	
.about_mvv{
	display: block;
}

.about_mvv img{
	width: auto;
	margin: 0 auto;
    padding: 5%;
}

.about_mvv p{
	color: #00a3a3;
	font-size: 150%;
	font-weight: 400;
	margin: 0 0 1% 0;
}

.about_mvv li:nth-child(1) {
    width: 100%;
}

.about_mvv li:nth-child(2) {
	margin: 0;
        padding: 5%;
        width: 100%;
        text-align: center;
	line-height: 1.3;
	font-weight: 300;
        font-size: 85%;
}

.profile {
  display: block;
}
	
.profile img{
	max-width: 80%;
	margin: 0 auto 10% auto;
}

.profile li:nth-child(1) {
	width: 100%;
}

.profile li:nth-child(2) {
  padding: 0;
}
    
.profile li span{
	font-size: 140%;
}
	
.profile li p {
  font-size: 80%;
}
	
.company {
	margin: 0 auto;
	width: 100%;
	text-align: center;
}

.company dt {
	float: none;
    width: 100%;
    font-size: 100%;
    padding: 5% 0;
    line-height: 1;
    text-indent: 0;
	border-bottom: none;
}

.company dd {
	float: none;
    width: 100%;
    font-size: 90%;
    padding: 5% 0;
    text-indent: 0;
    line-height: 1;
	border-bottom: #ddd 1px solid;
}

.flex-company {
	margin: 0;
}

.flex-company ul {
	display: block;
	margin: 0;
}

.flex-company ul li {
	width: 100%;
}
	
.flex-company ul li p:nth-child(1) {
  font-size: 17px !important;
  font-weight: 400 !important;
}
	
.flex-company ul li p:nth-child(2) {
  margin: 0 !important;
  font-size: 42px !important;
  font-weight: 600 !important;
}

.flex-company ul li p.t_About {
  font-size: clamp(17px, 1vw, 20px) !important;
  font-weight: 300 !important;
}
}