@charset "utf-8";

/************************************************************
 * ▼▼ PC
 * **********************************************************/
div#main div.main_inner div h2 {
    margin: 0 0 20px 0;
}
div#main div.main_inner p.main_content_text {
    width: 80%;
    margin: 0 10%;
}
.main_about_3boxs{
  margin-top: 40px;
}
.main_about_3boxs ul li{
  float: left;
  width: 49%;
  margin-top: 30px;
}
ul.main_about_sns{
    width: 20%;
}
.main_about_3boxs ul li:nth-child(odd){
  margin-right: 1%;
}
ul.main_about_sns li{
    float: inherit;
    margin: 0 0 15px 0;
}
ul.main_about_sns li a p,
ul.main_about_sns li a img{
    float: left;
}
ul.main_about_sns li a img{
    width: 35px !important;
    margin: 0 !important;
}
ul.main_about_sns li a p{
    width: auto !important;
    margin: 0 0 0 20px !important;
    text-align: left !important;
}
h4{
    font-size: 17pt;
    color: #3b8eb1;
    text-align: center;
    line-height: 15pt;
    margin-top: 40px;
    margin-bottom: 10px;
}
h4 span{
    font-size: 11pt;
}
/*******************スキル表**********************/
table {
    border-collapse: collapse;
    margin: 0 auto;
    padding: 0;
    width: 80%;
    table-layout: fixed;
    color: #3b8eb1;
    border: 1px solid #3b8eb1;
}

table th {
  padding: 10px 0;
  border-right: 1px solid #3b8eb1;
  text-align: center;
}
table th:nth-child(1) {
    width: 25%;
}
table tr {
  padding: 30px;
  border-bottom: 1px solid #3b8eb1;
}

table tr:last-child{
   border-bottom: none
}

table td {
  padding: 1em 10px 1em 1em;
  border-right: 1px solid #3b8eb1;
  text-align: center;
}

table th:last-child,
table td:last-child{
  border: none;
}
.td_supplement{
    font-size: 10pt;
}
div.main_content_inner{
    background-color: #e3f2fd;
}
/************************************************************
 * ▲▲ PC
 * **********************************************************/

  /************************************************************
 * ▼▼ Tablet
 * **********************************************************/
@media screen and (max-width: 780px) {

.main_about_3boxs ul li {
    float: inherit;
    width: 100%;
    margin-top: 45px;
}
ul.main_about_sns li {
    margin-top: 20px !important;
}
div#main div.main_inner p.main_content_text {
    width: inherit;
    margin: 0 ;
}
table {
    width: 100%;
}
table th:nth-child(1) {
    width: 30%;
}
table td {
    font-size: 10pt;
}
}/****************消さない****************/

  /************************************************************
 * ▲▲ Tablet
 * **********************************************************/

  /************************************************************
 * ▼▼ SP
 * **********************************************************/
@media screen and (max-width: 480px) {

}

  /************************************************************
 * ▲▲ SP
 * **********************************************************/