@charset "utf-8";
/* CSS Document */


/*reset*/
*{
 margin: 0;
 padding: 0;
 list-style: none;
 box-sizing: border-box;
 outline: none;
}
html{
 font-size: 62.5%;
 color: #444;
 line-height: 1.15;
 -webkit-text-size-adjust: 100%;
}
h1,h2,h3,h4,h5,h6{ font-size: inherit;}
main{ display: block;}
input,select,textarea{
 appearance: none;
 -webkit-appearance: none;
 border-radius: 0;
}
select::-ms-expand{ display: none;}
input:invalid{ box-shadow: none;}/*バリデーション時の赤枠消す*/


a{
 text-decoration: none;
 color: inherit;
 transition: color 0.2s, opacity 0.2s;
}
/*タイトル用フォント*/
@font-face {
 font-family: 'Avenir-Light'; /* 名前 */
 src: url('/font/Avenir-Light.eot'); /* IE9以上用 */
 src: url('/font/Avenir-Light.woff') format('woff'), /* モダンブラウザ用 */
      url('/font/Avenir-Light.ttf') format('truetype'); /* iOS, Android用 */
}
@font-face {
 font-family: 'Avenir-Medium'; /* 名前 */
 src: url('/font/Avenir-Medium.eot'); /* IE9以上用 */
 src: url('/font/Avenir-Medium.woff') format('woff'), /* モダンブラウザ用 */
      url('/font/Avenir-Medium.ttf') format('truetype'); /* iOS, Android用 */
}
.AvenirLight{ font-family: 'Avenir-Light',sans-serif;}
.AvenirMedium{ font-family: 'Avenir-Medium',sans-serif;}


@media (min-width:769px){
  .pc_none{ display: none!important;}
}

body{
 min-width: 1180px;
 padding-top: 140px;/*header分bodyに上padding*/
}
body.header2{ padding-top: 0;}/*headerが透けるパターン*/
.red{ color: #ea4040;}
.textNone{
 display: block;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
}




/*-------------------
 header
--------------------*/
header{
 min-width: 1180px;
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 z-index: 100;
 background-color: #fff;
}
/*headerが透明パターン bodyに.header2*/
.header2 header{
 background-color: rgba(255,255,255,0);
 transition-property: background-color;
 transition-duration: 0.3s;
 transition-delay: 0.15s;
}
.header2 header:hover,
.header2 header.scroll{
 background-color: rgba(255,255,255,1);
 transition-delay: 0s;
}

.headerInner{
 display: flex;
 justify-content: space-between;
 align-items: center;
 width: 100%;
 padding: 0 88px 0 50px;
}
header .companyLogo a{
 width: 143px;
 height: 38px;
 margin-top: -15px;
 margin-right: 30px;
 background: url("/images/common/logo.png") no-repeat center bottom;
 background-size: contain;
 transition: 0.3s;
}
header.scroll .companyLogo a{
 width: 108px;
 height: 29px;
 margin-top: -9px;
}

/*navTitleまわり*/
.nav{
 display: flex;
 justify-content: space-between;
 align-items: center;
 width: 900px;
}
.nav > li{ flex: 1 1 auto;}
.navTitle{
 height: 140px;
 text-align: center;
 display: block;
 font-weight: 400;
 transition: color 0.2s, height 0.3s;
}
header.scroll .navTitle{ height: 80px;}
.navTitle, .navTitle a{ font-size: 1.43rem;}
.navTitle:hover,
.navTitle a:hover,
.open .navTitle,
/*各ページにいるとき青字*/
.page-product .title-product,
.page-safety .title-safety,
.page-qa .title-qa,
.page-company .title-company,
.page-contact .title-contact{ color: #003f7e;}

.navTitle > span,
.navTitle p{
 height: 100%;
 display: inline-flex;
 justify-content: center;
 align-items: center;
 position: relative;
}
a.navTitle > span{ cursor: pointer;}
p.navTitle > span{ cursor: default;}
.navTitle > span::after{
 content: "";
 display: block;
 position: absolute;
 left: 50%;
 bottom: 0;
 width: 0;
 height: 5px;
 background-color: #003f7e;
 transition-property: width, left;
 transition-duration: 0.4s;
 transition-timing-function: cubic-bezier(.34, .67, .59, 1.3);
}
.navTitle:hover > span::after,
.open .navTitle > span::after{
 width: 100%;
 left: 0;
}
.navTitle .languageSelect{ cursor: default; font-weight: 300;}
.navTitle .languageSelect .jp{ font-weight: 500; margin-right: 5px;}
.navTitle .languageSelect .en{ margin-left: 5px; cursor: pointer;}
.navTitle:hover .languageSelect{ color: #444;}
.navTitle .languageSelect .en:hover{ color: #003f7e;}

.navTitle .sns .facebook{ margin-right: 12px;}
.navTitle .sns a{
 width: 20px;
 height: 20px;
}
.navTitle .sns .facebook::before{ background-image: url("/images/common/icon_facebook_gray.png");}
.navTitle .sns .instagram::before{ background-image: url("/images/common/icon_instagram_gray.png");}



/*navContentまわり*/
.navContent{
 visibility: hidden;
 opacity: 0;
 position: absolute;
 left: 0;
 top: 100%;
 width: 100%;
 background-color: #003f7e;
 transition-property: visibility, opacity;
 transition-duration: 0.25s;
 transition-delay: 0.4s;
 color: #fff;
}
.navTitle:hover + .navContent, .navContent:hover{
 visibility: visible;
 opacity: 1;
}
.navContentInner{
 display: flex;
 align-items: center;
 width: 100%;
 max-width: 1180px;
 margin: 0 auto;
}


/*navContent中身*/
.navContent h2{
 font-size: 1.2rem;
 text-align: center;
 width: 320px;
 padding-right: 20px;
 line-height: 2.5rem;
 font-weight: 300;
}
.navContent h2 span{ font-size: 2.8rem;}
.navContentInner > ul{ width: 800px;}
.navContent .flex{
 display: flex;
 flex-wrap: wrap;
 padding: 75px 0 50px 0;
}
.navContent .flex li{
 font-size: 1.4rem;
 margin: 0 35px 25px 0;
}
.navContent .flex li a{
 display: inline-block;
 padding-right: 25px;
 position: relative;
}
.navContent .flex li a:hover{ opacity: 0.5;}
.navContent .flex li a::after{
 content: "";
 width: 7px;
 height: 7px;
 border-bottom: 2px solid #fff;
 border-right: 2px solid #fff;
 transform: rotate(-45deg);
 position: absolute;
 right: 0;
 top: calc(50% - 5px);
}


/*navContent中身 製品案内*/
.navContent .productsContent{ padding: 60px 0 43px;}
.navContent .productsContent > li:first-of-type{ margin-bottom: 25px;}
.navContent .productsContent h3{
 font-size: 1.2rem;
 font-weight: 300;
}
.navContent .productsContent h3 a{
 display: block;
 position: relative;
 margin-bottom: 10px;
}
.navContent .productsContent h3 a:hover{ opacity: 0.7;}
.navContent .productsContent h3 .productMARUKEI{
 background: url("/images/common/logo_marukei_white.png") no-repeat left center;
 background-size: contain;
 width: 208px;
 height: 27px;
}
.navContent .productsContent h3 .productMellina{
 background: url("/images/common/logo_mellina_white.png") no-repeat left center;
 background-size: contain;
 width: 180px;
 height: 32px;
}
.navContent .productsContent h3 a::after{
 content: "";
 width: 9px;
 height: 9px;
 border-bottom: 3px solid #fff;
 border-right: 3px solid #fff;
 transform: rotate(-45deg);
 position: absolute;
 right: 3px;
 top: calc(50% - 6px);
}
.navContent .productsContent .flex{ padding: 25px 0 0 0;}
.navContent .productsContent .flex li{ margin-bottom: 17px;}


/*navContent出現時の半透明青背景*/
.headerBg{
 position: fixed;
 top: 0;
 left: 0;
 bottom: 0;
 right: 0;
 background-color: rgba(0,22,44,0.7);
 opacity: 0;
 visibility: hidden;
 transition-property: visibility, opacity;
 transition-duration: 0.25s;
 transition-delay: 0.4s;
 z-index: 90;
}
.headerBg.open{
 opacity: 1;
 visibility: visible;
}


/*メニュー大枠*/
.menu{
 min-width: 1180px;
 position: fixed;
 top: 0;
 left: 0;
 overflow-x: hidden;
 overflow-y: scroll;
 z-index: 200;
 width: calc(100% + (100vw - 100%));
 height: 100%;
 visibility: hidden;
 color: #fff;
 transition: visibility 0s;
 transition-delay: 0.7s;
}
.menu.open{
 visibility: visible;
 transition-delay: 0s;
}
.menuBg{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 min-height: 748px;
 height: 100vh;
 z-index: -1;
 overflow: hidden;
}
.menuBg::before{
 content: '';
 position: absolute;
 right: 14px;
 top: 14px;
 border-radius: 50%;
 width: 250vw;
 min-width: 3200px;
 height: 250vw;
 min-height: 3200px;
 transform: translate3d(50%, -50%, 0px) scale(0);
 transition: 0.7s cubic-bezier(0.095, 0.775, 0.305, 0.975);
 background-color: #003f7e;
}
.menu.open .menuBg::before{ transform: translate3d(50%, -50%, 0px) scale(1);}


/*メニューボタン*/
.menuBtn{
 position: absolute;
 top: 0;
 right: 0;
 width: 90px;
 height: 90px;
 overflow: hidden;
 cursor: pointer;
 z-index: 300;
}
.menuBtn::before{
 content: "";
 width: 120px;
 height: 120px;
 background-color: #003f7e;
 border-radius: 50%;
 position: absolute;
 right: -46px;
 top: -46px;
 border: 1px dashed #003f7e;
 transition: width 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.8) 0s, height 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.8) 0s, border-color 0s ease 0.5s;
}
.menuBtn:hover::before{
 width: 126px;
 height: 126px;
}
.menuBtn.open::before{
 border-color: #fff;
 transition: width 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.8) 0s, height 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.8) 0s, border-color 0s ease 0s;
}
.menuBtn span{
 display: block;
 width: 17px;
 height: 2px;
 border-radius: 1px;
 background-color: #fff;
 position: absolute;
 right: 22px;
 transition: transform 0.2s, right 0.2s, opacity 0.2s;
 transform-origin: top left;
}
.menuBtn span:nth-of-type(1){ top: 22px;}
.menuBtn span:nth-of-type(2){ top: 28px; opacity: 1;}
.menuBtn span:nth-of-type(3){ top: 34px;}
.menuBtn.open span:nth-of-type(1){ transform: rotate(45deg);}
.menuBtn.open span:nth-of-type(2){ opacity: 0;}
.menuBtn.open span:nth-of-type(3){ transform: rotate(-45deg); right: 23px;}


/*メニュー中身レイアウト*/
.menuContent{
 width: 100%;
 height: 100%;
 padding-top: 44px;
 opacity: 0;
 visibility: hidden;
 transform: translateX(40px);
 transition: opacity 0.2s, transform 0.2s, visibility 0.2s;
 transition-delay: 0s;
}
.menuContent a:hover{ opacity: 0.7;}
.menu.open .menuContent{
 opacity: 1;
 visibility: visible;
 transform: translateX(0);
 transition-delay: 0.2s;
}
.menuContent .menuLogo{
 margin-left: 50px;
 width: 143px;
 height: 38px;
 background: url("/images/common/logo_white.png") no-repeat center bottom;
 background-size: contain;
}
.menuInner{
 width: 980px;
 margin: 74px auto 0;
}
.menuInner > ul{
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
}
.menuInner .marukei-mellina{ margin-bottom: 53px;}
.menuInner .marukei-mellina li{
 width: 452px;
 border-bottom: 1px dashed #fff;
}
.menuInner .marukei-mellina li a{
 display: block;
 font-size: 1.2rem;
 position: relative;
 padding: 38px 0 30px;
}
.menuInner .marukei-mellina li .toMarukei{
 background: url("/images/common/logo_marukei_white.png") no-repeat left 4px;
 background-size: auto 25px;
}
.menuInner .marukei-mellina li .toMellina{
 background: url("/images/common/logo_mellina_white.png") no-repeat left top;
 background-size: auto 30px;
}
.menuInner .marukei-mellina li a::after{
 content: "";
 width: 9px;
 height: 9px;
 border-bottom: 3px solid #fff;
 border-right: 3px solid #fff;
 transform: rotate(-45deg);
 position: absolute;
 right: 30px;
 top: 17px;
}
.menuInner .menuInner-Nav{
 border-bottom: 1px dashed #fff;
 margin-bottom: 20px;
 padding-bottom: 47px;
}
.menuInner .menuInner-Nav > li{
 width: 195px;
 padding-right: 15px;
}
.menuInner .menuInner-Nav li h2{
 font-size: 1.6rem;
 margin-bottom: 20px;
}
.menuInner .menuInner-Nav li li{
 font-size: 1.2rem;
 line-height: 1.6rem;
 margin-bottom: 8px;
}
.menuInner .menuInner-Nav li li a:hover{ opacity: 0.5;}
.menuInner .menuInner-Nav li li.mt{ margin-top: 13px;}
.menuInner .menuInner-Nav li li.indent{
 padding-left: 1em;
 margin-bottom: 5px;
}
.menuInner .menuInner-Bottom{
 justify-content: flex-start;
 align-items: center;
}
.menuInner .menuInner-Bottom li{
 margin-right: 40px;
 font-weight: 500;
 font-size: 1.2rem;
}
.menuInner .menuInner-Bottom .sns{ margin: 0 0 0 auto;}
.menuInner .menuInner-Bottom .sns .facebook{ margin-right: 18px;}


/*SNSまとめ*/
.sns a{
 display: inline-block;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 width: 25px;
 height: 25px;
 position: relative;
}
.sns a::before,
.sns a::after{
 content: "";
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background-repeat: no-repeat;
 background-position: center;
 background-size: contain;
 transition: opacity 0.2s;
}
.sns a:hover{ opacity: 1;}
.sns a::before{ opacity: 1;}
.sns a::after{ opacity: 0;}
.sns a:hover::before{ opacity: 0;}
.sns a:hover::after{ opacity: 1;}
.sns .facebook::before{ background-image: url("/images/common/icon_facebook_white.png");}
.sns .instagram::before{ background-image: url("/images/common/icon_instagram_white.png");}
.sns .facebook::after{ background-image: url("/images/common/icon_facebook_color.png");}
.sns .instagram::after{ background-image: url("/images/common/icon_instagram_color.png");}




/*---------------
 安全衛生とQ&A
-----------------*/
.HealthQA ul{
 width: 100%;
 display: flex;
 justify-content: space-between;
 align-items: center;
}
.HealthQA ul li{ width: 50%;}
.HealthQA ul li a{
 display: block;
 height: 26.5vw;
 min-height: 340px;
 position: relative;
 overflow: hidden;
 z-index: 1;
}
.HealthQA ul li a::before{
 content: "";
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 z-index: -1;
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 transition: transform 0.5s ease-out;
}
.HealthQA ul li a:hover::before{ transform: scale(1.06) rotate(0.01deg) translateZ(0);}
.HealthQA ul li .healthLink::before{ background-image: url("/images/common/bg_hs.jpg");}
.HealthQA ul li .qaLink::before{ background-image: url("/images/common/bg_qa.jpg");}
.HealthQA ul li h3{
 position: absolute;
 top: 38%;
 left: 0;
 width: 100%;
 font-weight: 400;
 font-size: 1.6rem;
 color: #fff;
 text-align: center;
 transform: translateZ(0);/*safariがたつき解消*/
}
.HealthQA ul li h3 .AvenirMedium{
 display: block;
 font-size: 5.4rem;
 margin-bottom: 20px;
}
.HealthQA ul li h3 .AvenirMedium span{ font-size: 3.8rem;}




/*-------------------
 footer
--------------------*/
footer{
 background-color: #003f7e;
 padding: 58px 0 30px;
 color: #fff;
 position: relative;
}
.footerInner{
 width: 1120px;
 margin: 0 auto 50px;
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding-left: 10px;
}
.footerInner a:hover{ opacity: 0.7;}

/*innerLeft*/
.footerInner .innerLeft .footerLogo{
 width: 266px;
 height: 31px;
 margin-bottom: 21px;
 background: url("/images/common/logo_ja.png") no-repeat center;
 background-size: contain;
}
.footerInner .innerLeft p{
 text-align: center;
 margin-bottom: 20px;
 font-size: 1.2rem;
}
.footerInner .innerLeft .sns{
   text-align: center;
   margin-bottom: 50px;}
.footerInner .innerLeft .sns .facebook{ margin-right: 15px;}

/*innerRight*/
.footerInner .innerRight{
 display: flex;
 width: 754px;
 justify-content: space-between;
 align-items: flex-start;
 font-size: 1.2rem;
}
.footerInner .innerRight h3{ margin-bottom: 20px;}
.footerInner .innerRight .product ul li,
.footerInner .innerRight .office ul li{ margin-bottom: 14px;}
.footerInner .innerRight .product ul li a:hover,
.footerInner .innerRight .office ul li a:hover,
.footerInner .innerRight .other > div a:hover{ opacity: 0.5;}

/*product*/
.footerInner .innerRight .product ul{ padding-left: 10px;}
.footerInner .innerRight .product ul li:last-of-type{ margin-bottom: 0;}
.footerInner .innerRight .product h3:nth-of-type(2){ margin-top: 37px;}

/*office*/
.footerInner .innerRight .office{ margin-right: 10px;}
.footerInner .innerRight .office > div{
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
 padding-left: 10px;
 width: 220px;
}

/*other*/
.footerInner .innerRight .other li{
 font-weight: 500;
 margin-bottom: 25px;
}
.footerInner .innerRight .other > div{
 display: flex;
 justify-content: space-between;
 align-items: center;
 width: 225px;
}

/*copyright*/
.copyright{
 display: block;
 text-align: center;
 font-size: 1rem;
 font-weight: 400;
}
.copyright span{
 font-size: 1.3rem;
 vertical-align: middle;
}

/*ページトップボタン*/
footer .pageTop{
 position: absolute;
 right: 0;
 bottom: 0;
 width: 90px;
 height: 90px;
 overflow: hidden;
 cursor: pointer;
}
footer .pageTop::before{
 content: "";
 width: 120px;
 height: 120px;
 border-radius: 50%;
 position: absolute;
 right: -46px;
 bottom: -46px;
 border: 1px dashed #fff;
 transition: width 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.8), height 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.8);
}
footer .pageTop:hover::before{
 width: 126px;
 height: 126px;
}
footer .pageTop span{
 display: block;
 position: absolute;
 right: 27px;
 bottom: 24px;
 width: 10px;
 height: 10px;
 border-top: 2px solid #fff;
 border-right: 2px solid #fff;
 transform: rotate(-45deg);
}
footer .shop-banner{
  text-align: center;
}
footer .shop-banner img{
  width: 200px;
  height: auto;
}


/*--------------
共通パーツ
---------------*/

/*セクションタイトル*/
.sectionTitle{
 text-align: center;
 font-size: 1.4rem;
 color: #999;
 font-weight: 300;
 margin-bottom: 65px;
}
.sectionTitle .AvenirLight{
 text-align: center;
 font-size: 4.4rem;
 color: #444;
 display: block;
 margin-bottom: 30px;
 line-height: 1;
}



/*ボタンまとめ*/
.dawnloadBtn,
.linkBtn{
 display: block;
 margin: 0 auto;
 text-align: center;
 font-weight: 500;
 color: #fff;
 position: relative;
 z-index: 1;
 cursor: pointer;
}
.dawnloadBtn::before,
.linkBtn::before{
 content: "";
 display: block;
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
 background-color: #003f7e;
 transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 2.4);
 outline: 1px solid transparent;/*firefoxカクカク解消*/
 z-index: -1;
}
.dawnloadBtn:hover::before,
.linkBtn:hover::before{ transform: scale(1.07) rotate(0.01deg);}

/*ダウンロードボタン*/
.dawnloadBtn{
 width: 200px;
 height: 46px;
 line-height: 46px;
 font-size: 1.2rem;
}
.dawnloadBtn::before{ border-radius: 23px;}
.dawnloadBtn .dawnloadArrow{
 display: block;
 position: absolute;
 top: 15px;
 right: 23px;
 width: 12px;
 height: 16px;
 border-bottom: 2px solid #fff;
}
.dawnloadBtn .dawnloadArrow::before{
 content: "";
 display: block;
 position: absolute;
 left: 5px;
 bottom: 2px;
 width: 2px;
 height: 12px;
 background-color: #fff;
}
.dawnloadBtn .dawnloadArrow::after{
 content: "";
 display: block;
 position: absolute;
 width: 6px;
 height: 6px;
 border-right: 2px solid #fff;
 border-bottom: 2px solid #fff;
 transform: rotate(45deg);
 left: 2px;
 bottom: 3px;
}

/*リンクボタンのスタイル*/
.linkBtn{
 /* width: 300px; */
 width: 320px;
 height: 60px;
 line-height: 60px;
 font-size: 1.4rem;
}
.linkBtn::before{ border-radius: 30px;}
.linkBtn::after{
 content: "";
 display: block;
 position: absolute;
 right: 28px;
}

/*右矢印の場合*/
.linkBtn.arrow::after{
 width: 10px;
 height: 10px;
 border-right: 2px solid #fff;
 border-top: 2px solid #fff;
 transform: rotate(45deg);
 top: 24px;
}



/*白枠のボタン*/
.linkBtn.white::before{
 background-color: rgba(255,255,255,0);
 transition: background-color 0.3s, border-color 0.3s;
 border: 1px solid #fff;
}
.linkBtn.white:hover::before{
 background-color: #003f7e;
 border-color: #003f7e;
 transform: scale(1);
}



/*------- ぱんくず -----*/
.pankuzu{
 margin: 25px 40px;
 display: flex;
 flex-wrap: wrap;
 font-size: 1rem;
}
.pankuzu li:not(:last-of-type)::after{
 content: '>';
 display: inline-block;
 padding: 0 5px;
 font-size: 1.2rem;
 vertical-align: middle;
}
.pankuzu li a{
 color: #003f7e;
 padding-bottom: 1px;
 border-bottom: 1px solid #003f7e;
 transition: border-color 0.1s;
}
.pankuzu li a:hover{ border-color: rgba(255,255,255,0);}




/*--------- グレーパターン背景のシンプルなタイトル -----------*/
.titleWrap-pattern{
 height: 170px;
 background: url("/images/common/bg_title_pattern.jpg");
 padding-top: 70px;
}
.titleWrap-pattern h1{
 font-size: 3rem;
 letter-spacing: 0.1em;
 text-align: center;
}



/*-----別タブアイコンついたリンク------*/
a.blank{
 position: relative;
 margin-right: 25px;
}
a.blank::after{
 content: "";
 display: inline-block;
 width: 13px;
 height: 13px;
 background: url("/images/common/icon_blank.png") no-repeat center;
 background-size: contain;
 position: absolute;
 top: calc(50% - 8px);
 right: -20px;
}



/*spanでおくpdfIcon*/
.pdfIcon{
 display: inline-block;
 width: 11px;
 height: 14px;
 background: url("/images/common/icon_pdf.gif") no-repeat center;
 vertical-align: text-top;
 margin-left: 3px;
}
.pdfIcon.white{ background: url("/images/common/icon_pdf_white.gif") no-repeat center;}



/* メリーナやマルケイの下にあるコメント部分*/
.bottomComment{
 font-size: 1.4rem;
 line-height: 2.4rem;
 letter-spacing: 0.1em;
 text-align: center;
 margin: 110px 0 150px;
}
.bottomComment a{
 color: #003f7e;
 border-bottom: 1px solid #003f7e;
 transition: border-color 0.1s;
}
.bottomComment a:hover{ border-color: rgba(255,255,255,0);}



/* 前の画面に戻る */
.backLink{
 display: inline-block;
 font-size: 1.2rem;
 font-weight: 500;
 color: #003f7e;
 padding-left: 20px;
 position: relative;
 height: 17px;
}
.backLink::before{
 content: "";
 display: inline-block;
 width: 7px;
 height: 7px;
 border-left: 2px solid #003f7e;
 border-top: 2px solid #003f7e;
 transform: rotate(-45deg);
 position: absolute;
 left: 2px;
 top: 2px;
}
.backLink span{
 border-bottom: 1px solid rgba(255,255,255,0);
 transition: border-color 0.1s;
 padding-bottom: 2px;
 vertical-align: bottom;
}
.backLink:hover span{ border-color: #003f7e;}



/*リンク遷移時にヘッダーかぶる分の余白調整*/
span.linkMargin{
 position: relative;
 top: -140px;
 display: block;
}