@charset "UTF-8";
/**
 * テーマカラー(オレンジ) : #f39800
 *
 * グリッドシステムブレークポイント : [768px] [992px] [1200px]
 *
 */

/*
INTRO
:::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.intro h1 {
  background-image: url('/images/safety/safety-main.jpg');
}


/*
HANDMADE
:::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
.content .row {
  margin-bottom: 50px;
}
.safety p {
  font-size: 1.6rem;
  line-height: 2.8rem;
}
.safety ul {
  padding-left: 20px;
}
.safety ul li {
  font-size: 1.6rem;
  line-height: 2.8rem;
}
.safety-img {
  margin-bottom: 10px;
  width: 100%;
}

/*policy*/
#policy {
  margin-bottom: 50px;
}

.policy_title {
  font-size: 3rem;
  font-weight: bold;
  margin: 40px 0;
  text-align: center;
}
@media (max-width: 767px) {
  .aaaa_title {
    font-size: 2.8rem;
    line-height: 4rem;
    margin: 40px 0;
  }
}

.policy_content {
  font-size: 1.6rem;
  line-height: 3.2rem;
  text-align: center;
}
@media (max-width: 767px) {
  .policy_content {
    font-size: 1.4rem;
    line-height: 2.8rem;
  }
}

.policy_sign {
  margin-top: 30px;
  width: 120px;
}
.sign_president {
  font-size: 1.6rem;
  margin: 0;
}
p.sign_name {
  font-size: 2.8rem;
  font-weight: bold;
  letter-spacing: .5rem;
}
.policy_box {
  margin:30px auto;
    padding-left:1.1em;
}
@media screen and (min-width:768px){
    .policy_box{
        width:700px;
        padding-left:40px;
    }
}

/*commitment table*/
table.commit_table{
    width:100%;
    display:none;
}
@media screen and (min-width:768px){
    table.commit_table{
        margin:25px auto;
        width:700px;
        display: table;
    }
}
table.commit_table tr th , table.commit_table tr td{
    border:solid 1px #565656;
    padding:10px;
    font-size:1.1em;
}

h4.commit_title{
    font-size:1.8em;
    text-align:center;
    font-weight:800;
    margin-top:25px;
    margin-bottom:25px;
}
h4.commit_mob_title{
    text-align: center;
    font-size:1.5em;
    font-weight: 600;
    margin-top:40px;
    margin-bottom:20px;
    padding-bottom:5px;
}
@media screen and (min-width:768px){
    h4.commit_mob_title{
        display: none;
    }
}

table.commit_mob{
    width:100%;
}
@media screen and (min-width:768px){
    table.commit_mob{
        display: none;
    }
}
table.commit_mob tr th,table.commit_mob tr td{
    display: block;
    padding:5px;
    font-size:1.1em;
}
table.commit_mob tr th{
    border-bottom:solid 1px #565656;
}
table.commit_mob:last-child{
    margin-bottom:40px;
}