@charset "utf-8";

/*---------------
 タイトル部分
-----------------*/
.titleWrap{
  display: flex;
  background: url(/qa/images/bg_title_sp.jpg) no-repeat center;
  background-size: cover;
  margin-bottom: 60px;
  height: 62vw;
  min-height: 198px;
  max-height: 470px;
  padding: 0 2rem;
  justify-content: center;
  align-items: center;
}

.titleWrap h1{text-align: center;}
.titleWrap h1 span{}


/*--------------
コンテンツ
---------------*/
/*sectionレイアウト*/
.contentArea{
  width: calc(100% - 40px);
  margin: 0 auto 70px;
}

.contentArea section:not(:last-of-type){margin-bottom: 80px;}
.contentArea section h2{
 font-size: 2.4rem;
 letter-spacing: 0.05em;
 margin-bottom: 30px;
}
.contentArea section > p{
  font-size: 1.6rem;
  line-height: 2.8rem;
  text-align: left;}




/*qaのレイアウト*/
.contentArea dl{ margin-bottom: 30px;}
.contentArea dl dt{
  font-size: 1.8rem;
  height: auto;
  padding: 20px 50px 20px 45px;
}
.contentArea dl dd{
  font-size: 1.6rem;
    line-height: 2.6rem;
  padding: 30px 15px 20px 40px;}


/*Q.とA.*/
.contentArea dl dt::before{
  top: 12px;
  left: 15px;}
.contentArea dl dd > div::before{
  color: #ffc554;
  top: -2px;
  left: -25px;
}

/*プラスマイナスアイコン*/
.contentArea dl dt .plusMinus{
  top: 0;
  right: 15px;
  bottom: 0;
  margin: auto;
}

/*中身*/
.contentArea dd .flexBox{display:block;}

.contentArea dd img{
  max-width:100%;
 display: block;
  margin: auto;
 flex-shrink: 0;/*firefoxで縮まないように*/
}

.contentArea dd > div:not(.flexBox) img{
  max-width: 100%;
  margin-top: 25px;}

.contentArea dd .flexBox > img,
.contentArea dd .flexBox figure,
.contentArea dd .flexBox .right{ margin-left: 0;margin-top: 30px;}
.contentArea dd figure figcaption{
 font-size: 1.4rem;
 line-height: 2rem;
 margin-top: 13px;
}
.contentArea dd h3{ margin-top: 25px;}
.contentArea dd .flexBox img.img_photo {width:100%;height:auto;}


/*qa個別のレイアウト*/
.contentArea dd figure.padding{ padding-top: 15px;}
.contentArea dd figure figcaption.center{ text-align: center;}
.contentArea dd img + p{ margin-top: 20px;}
.contentArea dd ul{ margin-bottom: 7px;}
.contentArea dd ul li::before{
 content: "";
 display: inline-block;
 width: 10px;
 height: 10px;
 border-radius: 50%;
 background-color: #00a59f;
 margin-right: 4px;
}
.contentArea dd .flexBox .right h3{ margin: 0 0 15px 0;}


/*table*/
.contentArea dd table{
width: 100%;
        border-collapse: collapse;
        margin: 10px 0;
}
.contentArea dd table th,
.contentArea dd table td{
 border: 2px solid #fff;
 text-align: center;
 background-color: #eeefef;
 line-height: 1.8rem;
 font-weight: 300;
}
.contentArea dd table tr th:first-of-type{ background-color: #fff1ad;}
.contentArea dd table.leftTable th{
 width: 85px;
}
.contentArea dd table.leftTable tr td:nth-of-type(1){ width: 50px;}
.contentArea dd table.leftTable tr td:nth-of-type(2){ width: 62px;}
.contentArea dd table.leftTable tr td:nth-of-type(3){
padding: 10px 10px;
        text-align: left;
        text-justify: inter-ideograph;
        line-height: 1.8rem;
}
.contentArea dd table.rightTable th,
.contentArea dd table.rightTable td{
  padding: 18px 0 16px;}
.contentArea dd table.rightTable tr th:first-of-type{ width: 120px;}
.contentArea dd table.rightTable tr td:nth-of-type(1){ width: 82px;}
.contentArea dd table + p{
 font-size: 1.2rem;
 text-align: right;
}





/*メニュー中身レイアウト*/
.menuContent{ padding-top: 19px;}
.menuContent .menuLogo{
 width: 97px;
 height: 26px;
}
.menuInner .marukei-mellina{ margin-bottom: 0;}
.menuInner .marukei-mellina li{
 width: 100%;
 border-bottom: 1px solid #fff;
}
.menuInner .marukei-mellina li a{
 font-size: 1rem;
 padding: 50px 0 19px;
}
.menuInner .marukei-mellina li .toMarukei{
 background-position: left 25px;
 background-size: auto 18px;
}
.menuInner .marukei-mellina li .toMellina{
 background-position: left 21px;
 background-size: auto 22px;
}
.menuInner .menuInner-Nav{
 border-bottom: none;
 margin-bottom: 5px;
 padding-bottom: 0;
}
.menuInner .menuInner-Nav > li{
 width: 100%;
 padding-right: 0;
}
.menuInner .menuInner-Nav li h2{
 font-size: 1.4rem;
 margin-bottom: 0;
 border-bottom: 1px solid #fff;
}
.menuInner .menuInner-Nav li h2 a{
 padding: 27px 0 25px;
 display: block;
 position: relative;
}
/*矢印*/
.menuInner .marukei-mellina li a::after,
.menuInner .menuInner-Nav li h2 a::after{
 content: "";
 width: 8px;
 height: 8px;
 border-bottom: 2px solid #fff;
 border-right: 2px solid #fff;
 transform: rotate(-45deg);
 position: absolute;
 right: 18px;
 top: calc(50% - 6px);
}


.menuInner .menuInner-Bottom li{
 margin-right: 0;
 margin-top: 18px;
 font-weight: bold;
}
.menuInner .menuInner-Bottom li:nth-of-type(3),
.menuInner .menuInner-Bottom li:nth-of-type(4),
.menuInner .menuInner-Bottom li:nth-of-type(5){ display: inline-block;}
.menuInner .menuInner-Bottom li:nth-of-type(3),
.menuInner .menuInner-Bottom li:nth-of-type(4){ margin-right: 30px;}

.menuInner .menuInner-Bottom .sns{ margin: 32px 0 0 0;}
.menuInner .menuInner-Bottom .sns .facebook{ margin-right: 15px;}


/*SNSまとめ*/
.sns a::after{ content: none;}
.sns a:hover::before{ opacity: 1;}








/* メリーナやマルケイの下にあるコメント部分*/
.bottomComment{
  width: 100%;
  letter-spacing: 0;
  text-align: left;
  padding: 0 20px;
  margin: 0 0 60px;
}


/*---------------
 安全衛生とQ&A
-----------------*/
.HealthQA ul{ display: block;}
.HealthQA ul li{ width: 100%;}
.HealthQA ul li:nth-of-type(n+2){ margin-top: 1px;}
.HealthQA ul li a{
 height: 53.3vw;
 min-height: 85px;
}
.HealthQA ul li a:hover::before{ transform: none;}
.HealthQA ul li h3{
 font-weight: normal;
 font-size: 1.2rem;
}
.HealthQA ul li h3 .AvenirMedium{
 font-size: 3.4rem;
 margin-bottom: 10px;
}
.HealthQA ul li h3 .AvenirMedium span{ font-size: 2.2rem;}




/*---------------
表示
-----------------*/
.sp {display: block !important;}
.pc {display: none !important;}




/*-------------------
 footer
--------------------*/
footer{ padding: 55px 0 22px;}
.footerInner{
 width: 100%;
 margin: 0 auto 64px;
 display: block;
 padding-left: 0;
}
.footerInner a:hover{ opacity: 1;}

/*innerLeft*/
.footerInner .innerLeft .footerLogo{
 margin: 0 auto;
 width: 252px;
 height: 29px;
 margin-bottom: 19px;
}
.footerInner .innerLeft p{ margin-bottom: 30px;}
.footerInner .innerLeft .sns .facebook{ margin-right: 18px;}
.footerInner .innerLeft .sns a{
 width: 30px;
 height: 30px;
}

/*copyright*/
.copyright{ font-weight: normal;}

/*ページトップボタン*/
footer .pageTop{
 width: 66px;
 height: 66px;
}
footer .pageTop::before{
 width: 88px;
 height: 88px;
 right: -26px;
 bottom: -33px;
}
footer .pageTop:hover::before{
 width: 88px;
 height: 88px;
}
footer .pageTop span{
 right: 24px;
 bottom: 19px;
}