@charset "utf-8";


.contents-about {
    position: relative;
    z-index: 1;
    height:800px;
    font-size:60px;
    padding: 20px 20px;
    text-align :center;
    border:0px solid #f08080;
    border-radius: 0px;
    width:auto;
    background  : linear-gradient(#ffffff, #fffaf0, #ffffff)
    }

@media (max-width: 768px){
.contents-about {
    position: relative;
    z-index: 1;
    height:1000px;
    font-size:60px;
    padding: 20px 20px;
    text-align :center;
    border:0px solid #f08080;
    border-radius: 0px;
    width:auto;
 background  : linear-gradient(#ffffff, #fffaf0, #ffffff)
    }
}

/* 会社概要 */

.orange-about01 { grid-area: 1 / 1 / 2 / 7;
    z-index: 1;
}

.orange-about01 img{
    width: 200px;
}

.orange-about00 {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 100%;
height: 800px;
 font-family:'Roboto','Noto Serif JP', serif, cursive;
  background  : linear-gradient(#ffffff, #fffaf0, #ffffff);
border-radius: 20px;
}

.orange-about02 { grid-area: 2 / 1 / 6 / 4;
 background:transparent;
z-index: 1;
opacity: 1;
text-align: left;
padding: 20px;
color: #333333;
font-size: 12px;
 font-family:'Roboto','Noto Serif JP', serif, cursive;
border-radius: 20px;
}

.orange-about03 { grid-area: 3 / 4 / 6 / 7;
 background:transparent;
 opacity: 1;
 z-index: 1;
font-family:'Roboto','Noto Serif JP', serif, cursive;
border-radius: 20px;
margin-right: 50px;
}

.orange-about03 iframe{
    width: 80%;
    height: 300px;
}


 .about02 {
    clear: both;
   opacity: 1;
   border-radius: 3px;
   overflow: auto;
   text-align: center;
   background-color: transparent;
    width: 100%; 
   margin-left: 150px;
     margin-right: auto;
   border:0px solid #000000;
   margin-bottom: 0px;
     margin-top: 0px;
  }

.about02 th{
 padding-top: 0px;
  width:40%;
  background-color: transparent;
  color: #333;
  font-size: 18px;
  text-align: center;
  border-bottom: 2px dotted orange;
 border-radius: 3px;
  height: 55px;
  font-family:'Roboto','Noto Serif JP', serif, cursive;
  }

.about02 td{
  width: 60%;
  font-size: 16px;
  color: #333;
  text-align: left;
 background-color: transparent;
padding-top: 0px;
padding-left: 50px;
border-radius: 3px;
height: 55px;
font-family:'Roboto','Noto Serif JP', serif, cursive;
}

@media (max-width: 768px){
.orange-about01 { grid-area: 1 / 1 / 2 / 7;
    z-index: 1;
}

.orange-about01 img{
    width: 200px;
}

.orange-about00 {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 100%;
height: 1000px;
 font-family:'Roboto','Noto Serif JP', serif, cursive;
  background  : linear-gradient(#ffffff, #fffaf0, #ffffff);
border-radius: 20px;
}

.orange-about02 { grid-area: 2 / 1 / 4 / 7;
 background:transparent;
z-index: 1;
opacity: 1;
text-align: left;
padding: 20px;
color: #333;
font-size: 12px;
 font-family:'Roboto','Noto Serif JP', serif, cursive;
border-radius: 20px;
}

.orange-about03 { grid-area: 4 / 1 / 6 / 7;
 background:transparent;
 opacity: 1;
 z-index: 1;
font-family:'Roboto','Noto Serif JP', serif, cursive;
border-radius: 20px;
margin-right: 0px;
margin-top: 50px;
}

.orange-about03 iframe{
    width: 100%;
    height: 250px;
}


 .about02 {
    clear: both;
   opacity: 1;
   border-radius: 3px;
   overflow: auto;
   text-align: center;
   background-color: transparent;
    width: 100%; 
   margin-left: 0px;
     margin-right: auto;
   border:0px solid #000000;
   margin-bottom: 0px;
     margin-top: 0px;
  }

.about02 th{
 padding-top: 0px;
  width:35%;
  background-color: transparent;
  color: #333;
  font-size: 18px;
  text-align: center;
  border-bottom: 2px dotted orange;
 border-radius: 3px;
  height: 55px;
  font-family:'Roboto','Noto Serif JP', serif, cursive;
  }

.about02 td{
  width: 65%;
  font-size: 16px;
  color: #333;
  text-align: left;
 background-color: transparent;
padding-top: 0px;
padding-left: 50px;
border-radius: 3px;
height: 55px;
font-family:'Roboto','Noto Serif JP', serif, cursive;
}
    
}