@charset "UTF-8";


/*-------▼▼/activity/index.php▼▼----------*/

body.home main section.area01 {
    background: url(../img/page_nav_bg.png) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    background-size: cover !important;
    background-position: center top;
}
.area01 .pagetitle_head .tit_wrap {
    border-bottom:none;
    padding: 50px 0 70px;
}
.clmtwo .clmthree {
    text-align: left;
}

/*-------▼▼/activity/approach.php▼▼----------*/

.mainVisual .area01{
    background: url(../img/img.png) no-repeat;
    background-position-x: 0%;
    background-position-y: 0%;
    background-size:cover;
    height: 500px;
    margin-bottom: 2%;
}
.mainVisual .area01 .area02{
    width: 1440px;
    height: 500px;
    margin: 0 auto;
    position: relative;
}
.mainVisual .area01 .copy{
    position: absolute;
    left: 0;
    top: 140px;
}
.mainVisual .area01 .copy .main{
    font-family: "Noto Sans JP", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
    color: #fff;
    letter-spacing: 0.08em;
    line-height: 2.5em;
    font-size: 16px;
}
.inner02 span.text{
	font-size: 14px;
	font-family: "Noto Sans JP", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック", Meiryo, "メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
span.sp_on{
    display: none;
}
.table01{
	margin-top: 2%;
}
.table01 table {
    border-top: 1px solid #DBDBDB;;
}
.table01 table th {
    background: none;
}
.table01 table th.color01{
    background: #EDF6F4;
}
ul.clmtwo{
    margin-top: 5%;
    margin-bottom: 10%;
    text-align: center;
    height:230px;
}
.clmtwo li{
    width:auto;
    margin-right: 2%;
}
.clmtwo li:nth-of-type(2n) {
    margin-right: 2%;
}
table {
    border-collapse: separate;
}

/*-------▼▼/activity/declaration.php▼▼----------*/

main .pagetitle_head .text{
    text-align: center;
    margin: 0 auto;
    letter-spacing: 0.05em;
    line-height: 2.0em;
    font-size: 14px;
    padding: 35px 0px 50px 0px;
}
.inner02 .text{
    font-size: 14px;
    line-height: 2.5;
}
.bottom01{
    margin-bottom: 100px;
}
.head03 {
    margin: 50px 0px 10px 0px;
}
.inner02 .area02{
    background: #edf6f4;
    padding: 30px 0px 10px 55px;
}
.text.bottom01{
    line-height: 2.5;
}

.text.bottom01.left{
    text-align: right;
}

/*-------▼▼/activity/enviroment.php▼▼----------*/

.indent01{
    text-indent: -1em;
    padding-left: 1em;
    line-height: 2.5;
 }
.bottom03{
    margin-bottom: 40px;
}
.head04 {
    margin-bottom: 10px;
}
br.sp_on{
    display: none;
}

/*-------▼▼/activity/safety.php▼▼----------*/

.inner02 .area02.box01{
    background: #edf6f4;
    padding: 30px 0px 30px 55px;
}

/*-------▼▼/activity/quality.php▼▼----------*/

.head03.tit02{
    font-size:14px;
    margin-bottom:40px;
}



@media (max-width: 960px) {

#wrap.ptb .area01{
    padding: 5px 0px 40px 0px;
}


/*-------▼▼/activity/approach.php▼▼----------*/

#wrap.ptb .mainVisual .area01{
    background: url('../img/img_sp.png') no-repeat center center/cover;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 50.5%;
    margin-bottom:40px;
}
.mainVisual .area01 .area02{
    width: 100%;
    height: auto;
    position: static;
}
.mainVisual .area01 .copy{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}
.mainVisual .area01 .copy .main{
    font-size: 12px;
    text-shadow: 2px 4px 3px rgba(0,0,0,0.3);
    text-align: center;
}
.inner02 span.text{
    font-size: 12px;
}
span.sp_on{
    display:block;
    font-size: 12px
}
.scroll-table {
    overflow: auto;
    white-space: nowrap;
    border: solid 1px #ddd;
    margin: 10px 0px 30px 0px;
 }
 .table01 table {
    margin-bottom: 0;
}
 .table01 table tbody tr th {
    display: table-cell;
    width: 20%;
}
.table01 table tbody tr td {
    width: 80%;
    display: table-cell;
}

.area01 .pagetitle_head .tit_wrap {
    padding: 0px 0 45px;
}
.clmtwo, .clmthree {
    margin-bottom: 0;
}
/*-------▼▼/activity/declaration.php▼▼----------*/

main .pagetitle_head .text{
    line-height: 1.6;
    font-size: 12px;
}
main .pagetitle_head .text {
    padding: 30px 0px 30px 0px;
    line-height: 2;
}
.inner02 .area02{
    padding: 30px 20px 0px 20px;
}
.fltbox .flttext .text {
    margin-top: 20px;
    line-height: 2;
}
.inner02 .text {
    font-size: 12px;
    line-height: 2;
}
.indent01 {
    font-size: 12px;
    line-height: 2;
}
.bottom01{
    font-size: 12px;
    margin-bottom: 40px;
}
.head03 {
    margin: 25px 0px 10px 0px;
}
.text.bottom01{
    margin-bottom:40px;
    line-height: 2;
}


/*-------▼▼/activity/enviroment.php▼▼----------*/

.bottom03{
    font-size: 30px;
}
.head04 {
    font-size: 16px;
}
br.sp_on{
    display:block;
}

/*-------▼▼/activity/safety.php▼▼----------*/

.clmtwo .clm_title, .clmthree .clm_title{
    font-size: 12px;
}
.inner02 .area02.box01{
    padding: 20px 10px 20px 20px;
}
ul.clmtwo {
    margin-top: 0;
    padding-top: 20px;
    display: inline-flex;
    height: auto;
     margin-bottom: 40px;
}
/*-------▼▼/activity/quality.php▼▼----------*/

.head03.tit02{
    font-size:12px;
    margin-bottom:25px;
}
}