html {
overflow-y: scroll
}
@media only screen and (max-device-width: 640px) {
html {
-webkit-text-size-adjust: 100%
}
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, figure, aside, section, nav {
margin: 0;
padding: 0
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style: normal
}
table {
border-collapse: collapse
}
caption, th {
text-align: left
}
q:before, q:after {
content: ''
}
object, embed {
vertical-align: top
}
h1, h2, h3, h4, h5, h6, th {
font-size: 100%;
font-weight: normal
}
img, abbr, acronym, fieldset {
border: 0
}
li {
list-style-type: none
}
img {
vertical-align: bottom
}
hr {
clear: both;
border: none;
background-color: #FFFFFF
}
::-moz-selection {
background: #009ace;
color: #fff
}
::selection {
background: #009ace;
color: #fff
}
pre {
color: #000
}
.m0 {
margin: 0 !important
}
.p0 {
padding: 0 !important
}
.mb0 {
margin-bottom: 0px !important
}
.mb5 {
margin-bottom: 5px !important
}
.mb10 {
margin-bottom: 10px !important
}
.mb15 {
margin-bottom: 15px !important
}
.mb20 {
margin-bottom: 20px !important
}
.mb25 {
margin-bottom: 25px !important
}
.mb30 {
margin-bottom: 30px !important
}
.mb35 {
margin-bottom: 35px !important
}
.mb40 {
margin-bottom: 40px !important
}
.mb45 {
margin-bottom: 45px !important
}
.mb50 {
margin-bottom: 50px !important
}
.mb55 {
margin-bottom: 55px !important
}
.mb60 {
margin-bottom: 60px !important
}
.mb65 {
margin-bottom: 65px !important
}
.mb70 {
margin-bottom: 70px !important
}
.mb75 {
margin-bottom: 75px !important
}
.mb80 {
margin-bottom: 80px !important
}
.mb85 {
margin-bottom: 85px !important
}
.mb90 {
margin-bottom: 90px !important
}
.mb95 {
margin-bottom: 95px !important
}
.mb100 {
margin-bottom: 100px !important
}
.mt0 {
margin-top: 0px !important
}
.mt5 {
margin-top: 5px !important
}
.mt10 {
margin-top: 10px !important
}
.mt15 {
margin-top: 15px !important
}
.mt20 {
margin-top: 20px !important
}
.mt25 {
margin-top: 25px !important
}
.mt30 {
margin-top: 30px !important
}
.mt35 {
margin-top: 35px !important
}
.mt40 {
margin-top: 40px !important
}
.mt45 {
margin-top: 45px !important
}
.mt50 {
margin-top: 50px !important
}
.mt55 {
margin-top: 55px !important
}
.mt60 {
margin-top: 60px !important
}
.mt65 {
margin-top: 65px !important
}
.mt70 {
margin-top: 70px !important
}
.mt75 {
margin-top: 75px !important
}
.mt80 {
margin-top: 80px !important
}
.mt85 {
margin-top: 85px !important
}
.mt90 {
margin-top: 90px !important
}
.mt95 {
margin-top: 95px !important
}
.mt100 {
margin-top: 100px !important
}
.ml0 {
margin-left: 0px !important
}
.ml5 {
margin-left: 5px !important
}
.ml10 {
margin-left: 10px !important
}
.ml15 {
margin-left: 15px !important
}
.ml20 {
margin-left: 20px !important
}
.ml25 {
margin-left: 25px !important
}
.ml30 {
margin-left: 30px !important
}
.ml35 {
margin-left: 35px !important
}
.ml40 {
margin-left: 40px !important
}
.ml45 {
margin-left: 45px !important
}
.ml50 {
margin-left: 50px !important
}
.ml55 {
margin-left: 55px !important
}
.ml60 {
margin-left: 60px !important
}
.ml65 {
margin-left: 65px !important
}
.ml70 {
margin-left: 70px !important
}
.ml75 {
margin-left: 75px !important
}
.ml80 {
margin-left: 80px !important
}
.ml85 {
margin-left: 85px !important
}
.ml90 {
margin-left: 90px !important
}
.ml95 {
margin-left: 95px !important
}
.ml100 {
margin-left: 100px !important
}
.pt0 {
padding-top: 0px !important
}
.pt5 {
padding-top: 5px !important
}
.pt10 {
padding-top: 10px !important
}
.pt15 {
padding-top: 15px !important
}
.pt20 {
padding-top: 20px !important
}
.pt25 {
padding-top: 25px !important
}
.pt30 {
padding-top: 30px !important
}
.pt35 {
padding-top: 35px !important
}
.pt40 {
padding-top: 40px !important
}
.pt45 {
padding-top: 45px !important
}
.pt50 {
padding-top: 50px !important
}
.pt55 {
padding-top: 55px !important
}
.pt60 {
padding-top: 60px !important
}
.pt65 {
padding-top: 65px !important
}
.pt70 {
padding-top: 70px !important
}
.pt75 {
padding-top: 75px !important
}
.pt80 {
padding-top: 80px !important
}
.pt85 {
padding-top: 85px !important
}
.pt90 {
padding-top: 90px !important
}
.pt95 {
padding-top: 95px !important
}
.pt100 {
padding-top: 100px !important
}
.pb0 {
padding-bottom: 0px !important
}
.pb5 {
padding-bottom: 5px !important
}
.pb10 {
padding-bottom: 10px !important
}
.pb15 {
padding-bottom: 15px !important
}
.pb20 {
padding-bottom: 20px !important
}
.pb25 {
padding-bottom: 25px !important
}
.pb30 {
padding-bottom: 30px !important
}
.pb35 {
padding-bottom: 35px !important
}
.pb40 {
padding-bottom: 40px !important
}
.pb45 {
padding-bottom: 45px !important
}
.pb50 {
padding-bottom: 50px !important
}
.pb55 {
padding-bottom: 55px !important
}
.pb60 {
padding-bottom: 60px !important
}
.pb65 {
padding-bottom: 65px !important
}
.pb70 {
padding-bottom: 70px !important
}
.pb75 {
padding-bottom: 75px !important
}
.pb80 {
padding-bottom: 80px !important
}
.pb85 {
padding-bottom: 85px !important
}
.pb90 {
padding-bottom: 90px !important
}
.pb95 {
padding-bottom: 95px !important
}
.pb100 {
padding-bottom: 100px !important
}
.w0 {
width: 0px !important
}
.w10 {
width: 10px !important
}
.w20 {
width: 20px !important
}
.w30 {
width: 30px !important
}
.w40 {
width: 40px !important
}
.w50 {
width: 50px !important
}
.w60 {
width: 60px !important
}
.w70 {
width: 70px !important
}
.w80 {
width: 80px !important
}
.w90 {
width: 90px !important
}
.w100 {
width: 100px !important
}
.w110 {
width: 110px !important
}
.w120 {
width: 120px !important
}
.w130 {
width: 130px !important
}
.w140 {
width: 140px !important
}
.w150 {
width: 150px !important
}
.w160 {
width: 160px !important
}
.w170 {
width: 170px !important
}
.w180 {
width: 180px !important
}
.w190 {
width: 190px !important
}
.w200 {
width: 200px !important
}
.w210 {
width: 210px !important
}
.w220 {
width: 220px !important
}
.w230 {
width: 230px !important
}
.w240 {
width: 240px !important
}
.w250 {
width: 250px !important
}
.w260 {
width: 260px !important
}
.w270 {
width: 270px !important
}
.w280 {
width: 280px !important
}
.w290 {
width: 290px !important
}
.w300 {
width: 300px !important
}
.w310 {
width: 310px !important
}
.w320 {
width: 320px !important
}
.w330 {
width: 330px !important
}
.w340 {
width: 340px !important
}
.w350 {
width: 350px !important
}
.w360 {
width: 360px !important
}
.w370 {
width: 370px !important
}
.w380 {
width: 380px !important
}
.w390 {
width: 390px !important
}
.w400 {
width: 400px !important
}
.w410 {
width: 410px !important
}
.w420 {
width: 420px !important
}
.w430 {
width: 430px !important
}
.w440 {
width: 440px !important
}
.w450 {
width: 450px !important
}
.w460 {
width: 460px !important
}
.w470 {
width: 470px !important
}
.w480 {
width: 480px !important
}
.w490 {
width: 490px !important
}
.w500 {
width: 500px !important
}
.w510 {
width: 510px !important
}
.w520 {
width: 520px !important
}
.w530 {
width: 530px !important
}
.w540 {
width: 540px !important
}
.w550 {
width: 550px !important
}
.w560 {
width: 560px !important
}
.w570 {
width: 570px !important
}
.w580 {
width: 580px !important
}
.w590 {
width: 590px !important
}
.w600 {
width: 600px !important
}
.w610 {
width: 610px !important
}
.w620 {
width: 620px !important
}
.w630 {
width: 630px !important
}
.w640 {
width: 640px !important
}
.w650 {
width: 650px !important
}
.w10per {
width: 10% !important
}
.w12per {
width: 12% !important
}
.w15per {
width: 15% !important
}
.w20per {
width: 20% !important
}
.w25per {
width: 24% !important
}
.w30per {
width: 30% !important
}
.w33per {
width: 33% !important
}
.w35per {
width: 35% !important
}
.w40per {
width: 40% !important
}
.w46per {
width: 46% !important
}
.w50per {
width: 50% !important
}
.w60per {
width: 60% !important
}
.w70per {
width: 70% !important
}
.w75per {
width: 75% !important
}
.w77per {
width: 77% !important
}
.w80per {
width: 80% !important
}
.w85per {
width: 85% !important
}
.w90per {
width: 90% !important
}
.w100per {
width: 100% !important
}
.font10 {
font-size: 10px !important
}
.font11 {
font-size: 11px !important
}
.font12 {
font-size: 12px !important
}
.font13 {
font-size: 13px !important
}
.font14 {
font-size: 14px !important
}
.font15 {
font-size: 15px !important
}
.font16 {
font-size: 16px !important
}
.font17 {
font-size: 17px !important
}
.font18 {
font-size: 18px !important
}
.font19 {
font-size: 19px !important
}
.font20 {
font-size: 20px !important
}
.font21 {
font-size: 21px !important
}
.font22 {
font-size: 22px !important
}
.font23 {
font-size: 23px !important
}
.font24 {
font-size: 24px !important
}
.font25 {
font-size: 25px !important
}
.font26 {
font-size: 26px !important
}
.font27 {
font-size: 27px !important
}
.font28 {
font-size: 28px !important
}
.font29 {
font-size: 29px !important
}
.font30 {
font-size: 30px !important
}
.float-l {
float: left
}
.float-r {
float: right
}
.border-t-0 {
border-top: none !important
}
.clear-b {
clear: both
}
.clearfix:after {
content: '';
display: block;
clear: both
}
.text-l {
text-align: left
}
.text-r {
text-align: right
}
.text-c {
text-align: center
}
.display-b {
display: block
}
.text-low {
font-size: 86%;
color: #555
}
.font_b {
font-weight: bold
}
a.cssRoll {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
cursor: pointer
}
a:hover.cssRoll {
opacity: 0.7;
filter: alpha(opacity=60)
}
.bg-none {
background: none !important
}
table {
width: 100%
}
table th, table td {
vertical-align: top
}
img[data-img] {
visibility: hidden
}
body {
font-size: 14px;
font-family: "Noto Sans Japanese", "Roboto", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 400;
line-height: 2.0;
color: #476c54;
font-weight: 300
}
* html body {
font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif
}
a {
color: #2e885c;
text-decoration: none
}
.red {
color: #E63246
}
@media print {
body, html {
width: 1100px;
-webkit-print-color-adjust: exact
}
}
.disable {
opacity: 0.3 !important;
cursor: default !important;
filter: alpha(opacity=30) !important
}
.disable a {
cursor: default;
filter: alpha(opacity=30) !important
}
html {
overflow-x: hidden;
min-width: 1000px
}
@media screen and (max-width: 1000px) {
html {
overflow-x: auto
}
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 100;
src: url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Thin.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Thin.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Thin.otf) format("opentype")
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 200;
src: url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Light.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Light.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Light.otf) format("opentype")
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 300;
src: url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-DemiLight.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-DemiLight.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-DemiLight.otf) format("opentype")
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 400;
src: url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Regular.otf) format("opentype")
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 500;
src: url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Medium.otf) format("opentype")
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 700;
src: url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Bold.otf) format("opentype")
}
@font-face {
font-family: 'Noto Sans Japanese';
font-style: normal;
font-weight: 900;
src: url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Black.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Black.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v3/NotoSansJP-Black.otf) format("opentype")
}
.mod-tit {
height: 280px;
width: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover
}
.mod-tit.type-topics {
background-image: url(/assets/img/covers/topics-tit-bg.jpg)
}
.mod-tit.type-ir {
background-image: url(../../ir/common/img/tit-bg.jpg)
}
.mod-tit h1 {
width: 980px;
padding: 114px 0 0 0;
margin: 0 auto
}
.mod-heading-1 {
font-size: 17px;
min-height: 46px;
padding: 14px 0 0 132px;
letter-spacing: 1px;
font-weight: 600;
color: #5a7a66;
background: #e8eae5 url(../img/mod-heading-ico-1.png) no-repeat 9px 4px
}
.mod-heading-2 {
text-align: center;
font-size: 22px;
font-weight: 600;
letter-spacing: 1.6px;
line-height: 1.6;
margin-bottom: 40px
}
.mod-heading-2-low {
display: block;
font-size: 13px;
line-height: 1.2;
letter-spacing: 1px;
color: #00a239
}
.mod-heading-3 {
font-size: 18px;
font-weight: 500;
color: #fff;
padding: 12px 0 12px 70px;
background: #00a239 url(../img/mod-heading-ico-2.png) no-repeat 16px 17px
}
.mod-heading-3.type-blue {
background-color: #4d7cbc
}
.mod-btn {
display: inline-block;
text-align: center;
border: 2px solid #2e885c;
border-radius: 4px;
background: transparent;
cursor: pointer;
font-size: 14px;
font-weight: 600;
min-width: 200px;
box-sizing: border-box;
padding: 8px 30px;
position: relative;
color: #2e885c;
line-height: 1.8;
outline: none
}
.mod-btn.type-white {
border-color: #fff;
color: #fff
}
.mod-btn.type-green {
border-color: #b0cf01;
background: #75b407;
color: #fff
}
.mod-btn.type-ico-arrow-l:after:after {
content: url(../img/ico-arrow-left.png);
position: absolute;
display: block;
width: 8px;
height: 12px;
top: 9px;
left: 10px
}
.mod-btn.type-ico-arrow-r:after {
content: url(../img/ico-arrow-right.png);
position: absolute;
display: block;
width: 8px;
height: 12px;
top: 9px;
right: 10px
}
.mod-btn.type-ico-arrow-r.type-white:after {
content: url(../img/ico-arrow-right-2.png)
}
.mod-btn.type-ico-arrow-r.type-green:after {
top: 15px;
content: url(../img/ico-arrow-right-2.png)
}
.mod-btn.type-ico-blank:after {
content: url(../img/ico-blank.png);
position: absolute;
display: block;
width: 15px;
height: 15px;
top: 11px;
right: 11px
}
.mod-header {
padding: 18px 0 21px 0;
position: relative;
overflow: hidden;
width: 980px;
margin: 0 auto
}
.mod-header-logo {
float: left
}
.mod-header-nav {
float: right
}
.mod-header-nav ul {
position: relative;
overflow: hidden;
padding: 18px 0 0 0
}
.mod-header-nav ul li {
float: left;
padding: 0 0 0 30px
}
.mod-header-nav ul li a {
display: block;
font-weight: 500;
letter-spacing: 1px;
padding: 0 0 3px 0
}
.mod-header-nav ul li a:hover {
border-bottom: 2px solid #b0cf01
}
.mod-header-nav ul li.active a {
border-bottom: 2px solid #b0cf01
}
.mod-footer {
border-top: 1px solid #eeefec;
width: 100%;
overflow: hidden
}
.mod-footer a:hover {
text-decoration: underline
}
.mod-footer-in {
width: 980px;
padding: 80px 0 0 0;
margin: 0 auto;
position: relative
}
.mod-footer-txt-1 {
font-weight: 600;
font-size: 16px;
margin-bottom: 30px
}
.mod-footer-txt-1 a {
color: #3d654b
}
.mod-footer-pagetop {
position: absolute;
top: 40px;
right: -150px
}
.mod-footer-nav {
position: relative;
overflow: hidden;
margin-bottom: 50px
}
.mod-footer-nav>ul {
float: left
}
.mod-footer-nav>ul>li {
position: relative;
overflow: hidden;
width: 100%;
margin-bottom: 10px;
color: #666
}
.mod-footer-nav>ul>li>a {
font-weight: 600;
color: #3d654b;
font-size: 16px
}
.mod-footer-nav-list-low {
font-size: 13px;
float: left
}
.mod-footer-nav-list-low li {
margin-bottom: 5px
}
.mod-footer-nav-list-low a {
font-size: 13px;
color: #3d654b
}
.mod-footer-strong {
font-size: 15px;
font-weight: 600;
color: #3d654b
}
.mod-footer-privacy {
background: #eff5cc;
width: 100%
}
.mod-footer-privacy p {
width: 980px;
padding: 20px 0;
margin: 0 auto;
color: #3d654b;
font-size: 10px;
letter-spacing: 2px
}
.mod-pankuzu {
background: #eeefec;
width: 100%
}
.mod-pankuzu ul {
width: 980px;
margin: 0 auto;
padding: 8px 0;
position: relative;
overflow: hidden
}
.mod-pankuzu ul li {
float: left;
font-size: 12px
}
.mod-pankuzu ul li:after {
content: ">";
margin: 0 8px 0
}
.mod-pankuzu ul li:last-child:after {
content: ""
}
.mod-container {
padding: 60px 0 0;
margin: 0 auto;
position: relative;
overflow: hidden
}
.mod-container.type-two-col {
width: 980px
}
.mod-body.type-left {
width: 700px;
float: left
}
.mod-body-in {
width: 980px;
margin: 0 auto
}
.mod-side {
width: 240px;
float: right
}
.mod-side-nav ul {
background: #f5f6f1;
margin-bottom: 20px
}
.mod-side-nav ul li {
border-bottom: 1px solid #d9dcd3
}
.mod-side-nav ul li a {
display: block;
padding: 10px 20px
}
.mod-side-nav-heading {
background: #b0cf01;
padding: 5px 20px;
color: #fff;
font-size: 16px;
font-weight: 500
}
.mod-slide-tit-list {
position: relative;
overflow: hidden;
width: 100%;
height: 420px
}
.mod-slide-tit-list li {
position: absolute;
height: 420px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
z-index: 10;
width: 24%;
-webkit-transition: 0.8s;
transition: 0.8s
}
.mod-slide-tit-list li:not(.active):hover {
width: 28%
}
.mod-slide-tit-list li a {
display: block;
width: 100%;
height: 100%
}
.mod-slide-tit-list li img {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 100%;
height: auto;
max-width: 400px
}
.mod-slide-tit-list li.active {
width: 52%
}
.mod-slide-tit-list li.active span {
display: block;
padding: 78px 20px 0 0
}
.mod-slide-tit-list li.active span img {
position: static;
width: 100%;
height: auto;
max-width: 588px
}
.mod-slide-tit-left {
left: 0;
background-image: url(../img/covers/cover-bg-reuse.jpg)
}
.type-reuse .mod-slide-tit-left {
background-image: url(../img/covers/cover-tit-bg-reuse.jpg)
}
.type-eco .mod-slide-tit-left {
z-index: 12
}
.type-carbonoffset .mod-slide-tit-left {
z-index: 12
}
.mod-slide-tit-right {
right: 0;
background-image: url(../img/covers/cover-bg-eco.jpg)
}
.type-reuse .mod-slide-tit-right {
z-index: 12
}
.type-eco .mod-slide-tit-right {
background-image: url(../img/covers/cover-tit-bg-eco.jpg)
}
.type-carbonoffset .mod-slide-tit-right {
z-index: 12
}
.mod-slide-tit-center {
background-image: url(../img/covers/cover-bg-carbonoffset.jpg)
}
.type-reuse .mod-slide-tit-center {
right: 24%;
z-index: 11
}
.type-eco .mod-slide-tit-center {
left: 24%;
z-index: 11
}
.type-carbonoffset .mod-slide-tit-center {
background-image: url(../img/covers/cover-tit-bg-carbonoffset.jpg);
left: 0;
right: 0;
margin: auto
}
.top-sec-visual-wrap {
background: url(../img/index/visual-bg-1.jpg)
}
.top-sec-visual {
background: url(../img/index/visual-1.jpg) no-repeat center 0;
height: 780px;
text-align: center
}
.top-sec-visual-txt-1 {
padding-top: 54px;
margin-bottom: 68px
}
.top-sec-visual-btn-1 {
margin-bottom: 62px
}
.top-sec-topics {
padding: 40px 0 140px
}
.top-sec-topics-list {
width: 800px;
margin: 0 auto 50px;
background: #fdfdf7
}
.top-sec-topics-list li:nth-child(2n-1) {
background: #f7fae5
}
.top-sec-topics-list a {
padding: 16px 26px;
display: block;
color: #00a239;
position: relative;
overflow: hidden
}
.top-sec-topics-list a:hover {
color: #c3da3e
}
.top-sec-topics-date {
margin-right: 35px;
font-size: 13px;
letter-spacing: 1px;
color: #00a239;
float: left;
width: 80px
}
.top-sec-topics-title {
float: right;
width: 630px
}
.top-sec-message {
padding: 95px 0 95px;
position: relative;
overflow: hidden;
background: #f5f6f1
}
.top-sec-message:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 380px;
height: 475px;
margin: 0 0 0 200px;
background: url(../img/index/ph-1.png) no-repeat 0 0
}
.top-sec-ir {
padding: 70px 0;
background: #6eb37a;
text-align: right;
position: relative;
overflow: hidden
}
.top-sec-ir:after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 841px;
height: 480px;
margin: 0 0 0 -954px;
background: url(../img/index/ph-2.png) no-repeat 0 0
}
.top-sec-shop {
padding: 40px 0 160px
}
.top-sec-shop-list {
text-align: center
}
.top-sec-shop-list li {
display: inline-block;
font-size: 16px;
font-weight: 600;
padding: 0 1px
}
.top-sec-shop-list li img {
margin-bottom: 8px
}
.top-sec-recruit {
padding: 30px 0 60px;
background: #f5f6f1 url(../../recruit/common/img/index/tit-bg.jpg) no-repeat center -200px;
text-align: center
}
.top-sec-other {
padding: 40px 0;
background: #dfec99
}
.top-sec-other-list {
position: relative;
overflow: hidden;
text-align: center
}
.top-sec-other-list li {
display: inline-block
}
.mod-article {
margin-bottom: 40px;
border-bottom: 1px solid #d9dcd3
}
.mod-article-head {
background: #f7fae5;
border-top: 2px solid #b0cf01;
color: #3d654b;
padding: 6px 30px 10px;
margin-bottom: 25px
}
.mod-article-head-date {
letter-spacing: 1px;
margin: 0 10px 0 0
}
.mod-article-head-tags {
display: inline-block
}
.mod-article-head-tags li {
display: inline-block
}
.mod-article-head-tags a {
background: #00a239;
color: #fff;
padding: 3px 10px;
font-size: 12px
}
.mod-article-head-tit {
font-size: 18px;
font-weight: 500;
line-height: 1.5
}
.mod-article-body {
padding: 0 30px;
margin-bottom: 40px;
line-height: 2.0;
font-size: 15px
}
.mod-pager {
position: relative;
overflow: hidden;
margin-bottom: 25px
}
.mod-pager-prev {
float: left
}
.mod-pager-next {
float: right
}
.mod-tit.type-recruit {
background-image: url(../../recruit/common/img/index/tit-bg.jpg);
background-position: center 0;
background-size: auto;
background-color: #f5f6f1;
text-align: center;
min-height: 678px
}
.mod-tit.type-recruit h1 {
padding-top: 58px;
margin-bottom: 40px
}
.recruit-sec-1 {
padding-bottom: 60px
}
.recruit-sec-1-txt-1 {
text-align: center;
margin-bottom: 50px
}
.recruit-sec-2 {
padding: 60px 0 40px;
background: #eeefef;
text-align: center
}
.recruit-sec-2-txt-1 {
margin-bottom: 55px
}
.recruit-sec-3 {
padding: 60px 0;
background: #f5f6f1 url(../../recruit/common/img/index/tit-bg.jpg) no-repeat center -100px;
background-size: auto
}
.recruit-sec-3 .mod-heading-2 {
color: #fff;
text-align: center
}
.recruit-sec-3-txt-1 {
margin-bottom: 50px;
text-align: center
}
.recruit-sec-3-item {
position: relative;
margin-bottom: 60px
}
.recruit-sec-3-item:before {
content: "";
position: absolute;
background-repeat: no-repeat
}
.recruit-sec-3-item:after {
content: "";
clear: both;
display: block
}
.recruit-sec-3-item dl {
width: 700px
}
.recruit-sec-3-item dt {
line-height: 1.4;
margin-bottom: 10px
}
.recruit-sec-3-item dd {
font-size: 16px
}
.recruit-sec-3-item.type-saito-y:before {
width: 247px;
height: 242px;
top: -10px;
left: -8px;
background-image: url(../../recruit/common/img/index/sec-2-ph-saito-y.png)
}
.recruit-sec-3-item.type-kikuchi-m:before {
width: 220px;
height: 306px;
top: -25px;
right: 20px;
background-image: url(../../recruit/common/img/index/sec-2-ph-kikuchi-m.png)
}
.recruit-sec-3-item.type-aizawa-s:before {
width: 232px;
height: 310px;
top: -30px;
left: 15px;
background-image: url(../../recruit/common/img/index/sec-2-ph-aizawa-s.png)
}
.recruit-sec-3-item.type-taguchi-y:before {
width: 217px;
height: 296px;
top: -20px;
/*right:6px;*/
background-image: url(../../recruit/common/img/index/sec-2-ph-taguchi-y.png)
}
.recruit-sec-3-item-shop {
font-size: 18px;
display: block;
font-weight: 500
}
.recruit-sec-3-item-name {
font-size: 24px;
font-weight: 600
}
.recruit-sec-3-item-sub {
font-size: 14px;
margin-left: 16px;
font-weight: 500
}
.mod-tit.type-company {
background-image: url(../../company/common/img/index/tit-bg.jpg);
height: 680px
}
.mod-tit.type-company h1 {
text-align: center;
padding: 140px 0 0 0
}
.company-sec-1 {
padding: 70px 0
}
.company-sec-1 .mod-body-in {
background: url(../../company/common/img/index/sec-1-ph-1.jpg) no-repeat right 0;
min-height: 1089px
}
.company-sec-1-txt-1 {
margin-bottom: 50px
}
.company-sec-1-left {
width: 568px
}
.company-sec-1-left p {
font-size: 16px;
line-height: 2;
margin-bottom: 25px
}
.company-sec-2 {
background: url(../../company/common/img/index/sec-1-bg-1.jpg) no-repeat center;
background-size: cover;
padding: 70px 0;
color: #fff
}
.company-sec-2-txt-1 {
text-align: center;
margin-bottom: 60px
}
.company-sec-2-list li {
position: relative;
overflow: hidden;
margin-bottom: 40px
}
.company-sec-2-list dl {
background: rgba(255, 255, 255, 0.65);
position: relative;
overflow: hidden;
display: table;
width: 100%
}
.company-sec-2-list dt {
float: left
}
.company-sec-2-list dd {
display: table-cell;
vertical-align: middle;
font-size: 16px;
color: #0352c8;
width: 100%;
padding: 0 26px;
box-sizing: border-box;
line-height: 1.8
}
.company-sec-3 {
background: #f5f6f1;
padding: 70px 0
}
.company-sec-3-txt-1 {
text-align: center;
margin-bottom: 60px
}
.company-sec-3-item {
position: relative;
overflow: hidden;
font-size: 16px;
line-height: 1.8;
margin-bottom: 40px
}
.company-sec-3-item figure {
float: left
}
.company-sec-3-item-right {
float: right;
width: 586px
}
.company-sec-3-item-tit {
font-size: 18px;
font-weight: 600;
margin-bottom: 14px
}
.company-sec-3-item-tit-high {
font-size: 22px;
display: block
}
.mod-tit.type-company-outline {
background-image: url(../../company/common/img/index/tit-bg.jpg)
}
.mod-tit.type-company-outline h1 {
text-indent: -210px;
padding: 80px 0 0 0
}
.company-outline-maps {
position: relative;
overflow: hidden;
display: flex;
justify-content: center;
}
.company-outline-map {
background: #E7E7E7;
width: 470px;
height: 260px;
margin-bottom: 15px
}
.company-outline-map-tit {
font-size: 24px;
font-weight: 500
}
.company-outline-sec-1 {
padding: 0 0 90px 0
}
.company-outline-sec-2 {
padding: 0 0 100px 0
}
.mod-table-1 {
border-top: 1px solid #d9dcd3;
border-left: 1px solid #d9dcd3;
background: #fff
}
.mod-table-1 th, .mod-table-1 td {
padding: 10px 20px;
vertical-align: middle;
border-right: 1px solid #d9dcd3;
border-bottom: 1px solid #d9dcd3
}
.mod-table-1 th {
background: #f7fae7;
font-weight: 500;
font-size: 16px;
border-bottom: 1px solid #d9dcd3 !important
}
.mod-table-1 td {
position: relative
}
.mod-table-1.type-history td {
padding-left: 56px;
font-size: 14px
}
.mod-table-cell-month {
position: absolute;
left: 15px
}
.mod-tit.type-contact {
background-image: url(../../contact/common/img/tit-bg.jpg)
}
.contact-sec-1 {
padding-bottom: 120px
}
.contact-sec-1 .must {
color: #cc0000;
margin-left: 10px
}
.form-cap {
font-size: 12px;
padding: 0 10px
}
.form-err-msg {
color: #cc0000;
font-size: 13px;
padding-top: 10px;
font-weight: 500
}
.mod-table-2 th, .mod-table-2 td {
padding: 18px 30px;
vertical-align: middle;
border-bottom: 1px solid #d9dcd3
}
.mod-table-2 th {
font-size: 15px
}
input, select, textarea {
border-radius: 4px;
border: 1px solid #d9dcd3;
background: #fdfefa;
padding: 10px;
width: 100%;
box-sizing: border-box;
font-family: "Noto Sans Japanese", "Roboto", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif
}
button {
font-family: "Noto Sans Japanese", "Roboto", "Helvetica Neue", Helvetica, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif
}
.reuse-sec-1 {
padding: 60px 0 100px;
font-size: 16px
}
.reuse-sec-1-txt-1 {
text-align: center;
margin-bottom: 50px
}
.reuse-sec-2 .mod-heading-2 {
margin-bottom: 70px
}
.reuse-shopitem {
position: relative;
overflow: hidden;
padding: 60px 0
}
.reuse-shopitem figure {
float: left
}
.reuse-shopitem-detail {
float: right;
width: 600px;
font-size: 16px
}
.reuse-shopitem-heading {
font-size: 22px;
padding: 5px 0 5px 24px;
margin-bottom: 20px;
background: #fff;
font-weight: 600;
border-left: 6px solid #ed6d00
}
.reuse-shopitem-target {
background: #fff;
font-size: 14px;
padding: 15px 26px;
line-height: 1.6
}
.reuse-shopitem-target-tit {
font-size: 16px;
font-weight: 600;
margin-bottom: 6px
}
.type-bookoff.reuse-shopitem, .type-offhouse.reuse-shopitem, .type-garageoff.reuse-shopitem {
background: #f5f5f4
}
.type-hardoff.reuse-shopitem, .type-hobbyoff.reuse-shopitem {
background: #eeefec
}
.type-bookoff.reuse-shopitem .reuse-shopitem-heading {
border-color: #ed6d00
}
.type-hardoff.reuse-shopitem .reuse-shopitem-heading {
border-color: #4c4398
}
.type-offhouse.reuse-shopitem .reuse-shopitem-heading {
border-color: #009944
}
.type-hobbyoff.reuse-shopitem .reuse-shopitem-heading {
border-color: #c7000a
}
.type-garageoff.reuse-shopitem .reuse-shopitem-heading {
border-color: #4c4398
}
.reuse-sec-3 {
padding: 80px 0 80px;
position: relative;
overflow: hidden
}
.reuse-sec-3-txt-1 {
float: left;
padding-right: 68px
}
.reuse-sec-3-txt-2 {
padding-top: 30px;
margin-bottom: 40px
}
.reuse-sec-3-right {
width: 700px;
float: right
}
.reuse-sec-3-detail {
font-size: 16px;
padding-left: 310px;
min-height: 180px;
margin-bottom: 30px;
position: relative;
overflow: hidden;
background: url(../../reuse/common/img/index/sec-1-img-1.png) no-repeat 0 86px
}
.reuse-sec-3-bnr-econos {
float: right
}
.reuse-sec-3-bnr-econos a {
display: block;
background: #e1e7d6 url(../../reuse/common/img/shop-bookoff-econos-tit.png) no-repeat 19px center;
padding: 14px 19px 14px 156px;
font-size: 16px;
font-weight: 600;
width: 260px;
position: relative
}
.reuse-sec-3-bnr-econos a:after {
content: "";
width: 8px;
height: 12px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
right: 15px;
background: url(../img/ico-arrow-right.png) no-repeat 0 0
}
.reuse-sec-4-detail {
font-size: 16px;
padding-left: 310px;
min-height: 180px;
margin-bottom: 30px;
position: relative;
overflow: hidden;
background: url(../../reuse/common/img/index/sec-1-img-2.png) no-repeat 0 0px
}
.mod-tit.type-reuse-shop {
background-image: url(../../reuse/common/img/shop/tit-bg.jpg)
}
.mod-tit.type-reuse-shop h1 {
text-indent: -210px;
padding: 80px 0 0 0
}
.reuse-shop-sec-1 {
margin-top: -60px;
background: #f5f6f1
}
.reuse-shop-list-nav {
padding: 10px 0 0 0;
background: #e1e7d6;
text-align: center
}
.reuse-shop-list-nav li {
display: inline-block
}
.reuse-shop-list-nav li.active a {
background: #fff
}
.reuse-shop-list-nav a {
display: block;
font-weight: 600;
font-size: 13px;
padding: 0 0 10px 0
}
.reuse-shop-list-nav a:hover {
background: #fff
}
.reuse-shop-list-nav a img {
display: block;
margin-bottom: 6px
}
.reuse-shop-list-item {
padding: 60px 0
}
.reuse-shop-list-item-heading {
margin-bottom: 40px;
min-height: 320px;
position: relative;
background-repeat: no-repeat;
background-position: right 0
}
.reuse-shop-list-item-heading.type-bookoff {
background-color: #ed6d00;
background-image: url(../../reuse/common/img/shop-bookoff-ph.jpg)
}
.reuse-shop-list-item-heading.type-hardoff {
background-color: #4c4398;
background-image: url(../../reuse/common/img/shop-hardoff-ph.jpg)
}
.reuse-shop-list-item-heading.type-offhouse {
background-color: #009944;
background-image: url(../../reuse/common/img/shop-offhouse-ph.jpg)
}
.reuse-shop-list-item-heading.type-hobbyoff {
background-color: #c7000a;
background-image: url(../../reuse/common/img/shop-hobbyoff-ph.jpg)
}
.reuse-shop-list-item-heading.type-garageoff {
background-color: #4c4398;
background-image: url(../../reuse/common/img/shop-garageoff-ph.jpg)
}
.reuse-shop-list-item-heading img {
position: absolute;
top: 0;
bottom: 0;
left: 35px;
margin: auto
}
.reuse-shop-cell-btn a {
position: absolute;
min-width: 150px;
top: 15px;
right: 20px;
font-size: 14px
}
.carbonoffset-sec-1 {
font-size: 16px;
padding: 60px 0 80px
}
.carbonoffset-sec-1-txt-1 {
text-align: center;
margin-bottom: 50px
}
.carbonoffset-sec-1-img-1 {
text-align: center;
margin-bottom: 60px
}
.carbonoffset-sec-2 {
font-size: 16px;
padding: 80px 0 60px;
background: url(../../carbonoffset/common/img/index/sec-2-bg-1.jpg) no-repeat center 0;
background-size: cover
}
.carbonoffset-sec-2-txt-1 {
text-align: center;
margin-bottom: 64px
}
.mod-banner-list {
padding: 80px 0;
position: relative;
overflow: hidden
}
.mod-banner-list .mod-heading-2 {
margin-bottom: 50px
}
.mod-banner-list .mod-heading-2-low {
color: #00a239
}
.eco-sec-1 {
font-size: 16px;
padding: 60px 0 80px;
position: relative;
overflow: hidden
}
.eco-sec-1-txt-1 {
text-align: center;
margin-bottom: 60px
}
.eco-sec-1-right {
float: right;
width: 578px;
position: relative
}
.eco-sec-1-right-figure {
position: absolute;
top: 0px;
left: -400px;
font-size: 14px;
font-weight: 600
}
.eco-sec-1-right-figure img {
display: block;
margin-bottom: 15px
}
.eco-sec-2 {
background: #f5f6f1;
padding: 60px 0 80px;
position: relative;
overflow: hidden
}
.eco-sec-2 .mod-heading-2 {
margin-bottom: 50px
}
.eco-sec-2-item {
width: 460px;
margin-bottom: 60px;
padding-bottom: 20px;
background: #fff;
text-align: center
}
.eco-sec-2-item-heading {
background: #e1e7d6;
font-weight: 600;
font-size: 18px;
display: table;
width: 460px;
text-align: left
}
.eco-sec-2-item-heading span {
display: table-cell;
vertical-align: middle
}
.mod-eco-products-nav {
background: #e1e7d6;
text-align: center;
font-size: 0
}
.mod-eco-products-nav li {
display: inline-block;
width: 25%
}
.mod-eco-products-nav a {
display: block;
font-size: 17px;
font-weight: 600;
padding: 12px 0;
color: #3d654b
}
.mod-eco-products-nav a:hover {
border-color: #00a239;
background: #f5f6f1
}
.mod-eco-products-nav li.active a {
border-color: #00a239;
background: #f5f6f1
}
.mod-eco-products-nav.type-top {
padding: 10px 0 0 0
}
.mod-eco-products-nav.type-top a {
border-top: 6px solid transparent
}
.mod-eco-products-nav.type-bottom {
padding: 0 0 10px 0
}
.mod-eco-products-nav.type-bottom a {
border-bottom: 6px solid transparent
}
.eco-products-item {
background: #f5f6f1;
padding: 56px 0 30px;
display: none
}
.eco-products-block {
background: #fff;
margin-bottom: 40px
}
.eco-products-block-in {
padding: 30px 40px;
font-size: 16px;
position: relative;
overflow: hidden
}
.eco-products-block-dl {
background: #f7fae7;
padding: 20px 30px;
margin-bottom: 20px
}
.eco-products-block-dl dt {
font-weight: 500;
font-size: 20px
}
.eco-products-block-list>li {
position: relative;
padding-left: 20px
}
.eco-products-block-list>li:before {
position: absolute;
content: "●";
color: #00a239;
font-size: 11px;
top: 5px;
left: 2px
}
.eco-products-block-list-low>li {
position: relative;
padding-left: 20px
}
.eco-products-block-list-low>li:before {
position: absolute;
content: "・";
font-size: 14px;
top: 4px;
left: 2px
}
.eco-products-block-caption {
background: #dcecc6;
color: #5d9d33;
font-weight: 600;
font-size: 16px;
padding: 5px 0;
width: 720px;
margin: 0 auto
}
.mod-tit.type-eco-send {
background-image: url(../../eco/common/img/send/tit-bg.jpg)
}
.mod-tit.type-eco-send h1 {
text-indent: -210px;
padding: 80px 0 0 0
}
.eco-send-nav {
width: 940px;
margin: 0 auto 30px;
position: relative;
overflow: hidden
}
.eco-send-nav li {
margin-bottom: 20px
}
.eco-send-nav li a {
display: inherit;
color: #476c54
}
.eco-send-nav li img {
padding-right: 25px
}
.eco-send-item {
position: relative;
overflow: hidden;
background: #f5f6f1;
font-size: 16px;
padding: 0 0 40px 0
}
.eco-send-item-code {
display: table;
width: 100%;
text-align: center;
margin-bottom: 40px
}
.eco-send-item-code dt {
display: table-cell;
vertical-align: middle;
font-weight: 500;
padding: 5px;
background: #e1e7d6;
width: 280px;
font-size: 17px
}
.eco-send-item-code dd {
display: table-cell;
vertical-align: middle;
font-weight: 500;
padding: 5px;
background: #fff;
font-size: 26px
}
.eco-send-block {
margin-bottom: 40px
}
.eco-send-block-in {
background: #fff;
padding: 20px 30px 30px
}
.eco-send-item-tit {
text-align: center;
padding: 25px 0;
margin-bottom: 30px
}
.eco-send-item-tit.type-econos-select {
background: #00a239
}
.eco-send-item-tit.type-wasora-select {
background: #202088
}
.mod-contact-block {
border: 4px solid #e1e7d6;
background: #fff;
width: 972px;
padding: 15px 0;
margin: 0 auto 50px;
text-align: center;
font-size: 16px
}
.mod-contact-block img {
vertical-align: top
}
.mod-contact-block-tit {
font-size: 18px;
font-weight: 600;
margin-bottom: 6px
}