.about-text{
  display: block;
  max-width: 600px;
margin: 60px auto 10px;
}
.about-catch{
  font-size: 22px;
  font-weight: 900;
  line-height: 1.4;
  margin: 0 10px;
}
.about-copy{
  font-size: 16px;
  line-height: 1.8;
  margin: 30px 10px 20px;
  text-align: justify;
  font-feature-settings: "palt";/*文字詰め*/
}
.about-columntext{
  font-size: 16px;
  line-height: 1.8;
  margin: 15px 10px 20px;
  text-align: justify;
  font-feature-settings: "palt";
}

#table01 {
  margin-bottom: 30px;
  width: 90%;
  max-width: 1500px;
  margin: 0 auto;
}

  #table01 th,
  #table01 td {
    padding: 14px 0 14px 8px;
    border: 1px solid #b5b1b1;
  }
  
  #table01 th {
    width: 30%;
    background-color: #ffe3d0c7;
    color: #6e392d;
  }
  
  .profiletitle{
	text-align:center;
	margin-top: 55px;  
    margin-bottom: 25px;
    font-size:17px;
	font-weight:bold;
  color: #6e392d;
}
.companytitle{
	text-align:center;
	margin-top: -25px;  
    margin-bottom: 45px;
    font-size:17px;
	font-weight:bold;
    color: #413e3e;
}
  .canpanylogo{
    width: 150px;
    height: 100%;
    margin: 0 auto ;
}
.totonimage{
  width: 80%;
  margin: 0 auto ;
}
.totonimage .saiyou-text{
  margin:-25px 0 0 -1px;
}
.content-about{ 

  width: 80%;
  max-width: 350px;
  margin:20px auto 10px;  
  padding: 15px;
  border: solid 0.5px rgba(214, 211, 41, 0.933);
  font-size:17px;
  text-align: justify; 
  line-height:32px;
}
.aboutillust{
  margin:0 auto 20px;  
  width: 100%;
}
.about-column{
  width: 100%;
  margin-bottom: 15px;
  font-family: "游明朝","Yu Mincho",YuMincho,"Hiragino Mincho Pro",serif ;
  font-size: 25px;
  font-weight: bolder;
  text-align: center;
  line-height:28px;
  color: #018a2a;
}
.about-magazine{
  display: flex;
  justify-content: center;
}
.magazine01{
  width: 150px;
  margin-right: 10px;
  margin-bottom: 10px;
  box-shadow: 8px 8px 10px -5px;
}
.magazine02{
  width: 150px;
  margin-left: 10px;
  margin-bottom: 10px;
  box-shadow: 8px 8px 10px -5px;
}

.button019 a {
  background: rgb(240, 55, 8);
  border-radius: 3px;
  position: relative;
  display: flex;
  font-size: 16px;
  justify-content: space-around;
  align-items: center;
  margin: 8px auto;
  max-width: 150px;
  padding: 5px 5px;
  color: #fff;
  transition: 0.3s ease-in-out;
  font-weight: 600;
  border: solid 2px rgb(240, 55, 8);
}
.button019 a:after {
content: "";
position: absolute;
top: 50%;
bottom: 0;
right: 0.9rem; 
font-size: 90%;
display: flex;
justify-content: center;
align-items: center;
transition: right 0.3s;
width: 6px;
height: 6px;
border-top: solid 2px currentColor; 
border-right: solid 2px currentColor; 
transform: translateY(-50%) rotate(45deg); 
}
.button019 a:hover {
background: #fff;
color: rgb(240, 55, 8);
}
.button019 a:hover:after {
  right: 0.7rem;  
}

.about-button{
  display:flex;
  justify-content: center;
}
.button-req a {

  width: 100px;
  background: rgb(240, 55, 8);
  border-radius: 3px;
  position: relative;
  display: flex;
  font-size: 16px;
  justify-content: space-around;
  align-items: center;
  margin: 10px 5px;
  padding: 5px 5px;
  color: #fff;
  transition: 0.3s ease-in-out;
  font-weight: 600;
  border: solid 2px rgb(240, 55, 8);
}
.button-req a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 0.9rem; 
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor; 
  border-right: solid 2px currentColor; 
  transform: translateY(-50%) rotate(45deg); 
}
.button-req a:hover {
  background: #fff;
  color: rgb(240, 55, 8);
}
.button-req a:hover:after {
    right: 0.7rem;  
}

.button-con a {

  width: 100px;
  background: rgb(23, 8, 240);
  border-radius: 3px;
  position: relative;
  display: flex;
  font-size: 16px;
  justify-content: center;
  align-items: center;
  margin: 10px 5px;
  padding: 5px 5px;
  color: #fff;
  transition: 0.3s ease-in-out;
  font-weight: 600;
  border: solid 2px rgb(23, 8, 240);
}
.button-con a:after {
content: "";
position: absolute;
top: 50%;
bottom: 0;
right: 0.9rem; 
font-size: 90%;
display: flex;
justify-content: center;
align-items: center;
transition: right 0.3s;
width: 6px;
height: 6px;
border-top: solid 2px currentColor; 
border-right: solid 2px currentColor; 
transform: translateY(-50%) rotate(45deg); 
}
.button-con a:hover {
background: #fff;
color: rgb(23, 8, 240);
}
.button-con a:hover:after {
  right: 0.7rem;  
}

.button020 a {
  background: rgb(23, 8, 240);
  border-radius: 3px;
  position: relative;
  display: flex;
  font-size: 16px;
  justify-content: space-around;
  align-items: center;
  margin: 8px auto;
  max-width: 150px;
  padding: 5px 5px;
  color: #fff;
  transition: 0.3s ease-in-out;
  font-weight: 600;
  border: solid 2px rgb(23, 8, 240);
}
.button020 a:after {
content: "";
position: absolute;
top: 50%;
bottom: 0;
right: 0.9rem; 
font-size: 90%;
display: flex;
justify-content: center;
align-items: center;
transition: right 0.3s;
width: 6px;
height: 6px;
border-top: solid 2px currentColor; 
border-right: solid 2px currentColor; 
transform: translateY(-50%) rotate(45deg); 
}
.button020 a:hover {
background: #fff;
color: rgb(23, 8, 240);
}
.button020 a:hover:after {
  right: 0.7rem;  
}




@media screen and (max-width:570px){
.about-catch{
margin: 0 20px;
}
.about-copy{
  font-size: 15px;
margin: 10px 20px 0;
}
.totonimage{
  margin-top: 15px ;
}
}
  @media only screen and (max-width: 550px) {
    #table01 th,
    #table01 td {
      width: 100%;
      display: block;
    }
    #table01 th,
    #table01 td {
        padding: 5px 0 5px 8px;
    }
  }
  @media screen and (max-width:520px){

    .about-catch{
        font-size: 25px;
        font-weight: 900;
        line-height: 1.4;
        margin: 0 10px;
    }
    .totonimage {
      width: 95%;
    }
    .totonimage .saiyou-text{
      font-size: 13px;
    }
    }

    @media screen and (max-width:450px){
      .about-catch{ 
        font-size: 20px;
    }
    .totonimage .saiyou-text{
      font-size: 13px;
    }
    .about-column{
      font-size: 20px;
  }
  }