/* style.css */
body{font-family: "Yu Mincho","YuMincho","游明朝","游明朝体"; font-weight:500;}

a{color:#000;}
a:hover { text-decoration: none;}

.link-ul a{color: #007bff;}
.link-ul a:hover { text-decoration: underline;}

.bg-gray{background-color: #e6e6e6 !important;}

.text-gray{color: #0f0f0f !important;}
.text-blue{color: #183652 !important;}
.fs-18{font-size:18px;}
.fs-24{font-size:24px;}
.fs-32{font-size:30px;}

/* font-family */
.ff-tnr {font-family: "Times New Roman";}
.text-indent {text-indent:1em;}

/* valign */
/*div.vaouter {
    display: table;
    height: 100px;
    width: 100%;
    background: #E3F2DA;
    color: #5C5C5C;
}  
    * html div.vaouter {
        position: relative;
    }
    *+html div.vaouter {
        position: relative;
    }
div.vertical_middle {
    display: table-cell;
    vertical-align: middle;
}
    * html div.vertical_middle {
        position: absolute;
        top: 50%;
    }
    *+html div.vertical_middle {
        position: absolute;
        top: 50%;
    }
div.vertical_middle p.inner {
    margin: 0;
}  
    * html div.vertical_middle p.inner {
        position: relative;
        top: -50%;
    }
    *+html div.vertical_middle p.inner {
        position: relative;
        top: -50%;
    }*/

/* menu */
.gm {width:115px;text-align:center;margin:0 2px;padding:3px 0; }
.fm {width:115px;text-align:center;margin:0 2px;padding:3px 0; }

/* width */
header{max-width:1200px; margin:0 auto;}
footer{max-width:1200px; margin:0 auto;}
.contents{max-width:1200px;margin:0 auto;}

/* 見出し */
h2{background-color:#615d5c;color:#ffffff;padding:2% 5%;}
h2 span{margin-left:2%;font-size:80%;}

.line-title {margin-top:0.2rem;position: relative;padding: 0 65px;text-align: center;}
.line-title:before {position: absolute;top: calc(50% - 1px);left: 0;width: 100%;height: 2px;content: '';background: #000;}
.line-title span {position: relative;padding: 0 1em;background: #fff;}
.line-title span.line-top{font-size:24px;}
.line-title span.line-bottom{font-size:16px;}

.colorpencil{box-shadow:0px -6px 5px -5px #183652 inset,0px 8px 4px -8px #183652;}

.text-divider {
  display: flex;
  align-items: center;
}
.text-divider::before,
.text-divider::after {
  content: '';
  height: 2px;
  background-color: #333;
  flex-grow: 1;
}

/* ribbon */
.line-ribbon-top {margin-bottom:0;position: relative;padding: 0 65px;text-align: center;}
.line-ribbon-top:before {position: absolute;top: calc(50% - 1px);left: 0;right:0;margin:auto;width: 94%;height: 8px;content: '';background: #eff0f2;}
.line-ribbon-top span {position: relative;padding: 0 1em;background: #fff;font-size:24px;color:#1e3e5e;}

.line-ribbon-bottom {margin-top:0;position: relative;padding: 0 10px;text-align: right;}
.line-ribbon-bottom:before {position: absolute;top: calc(50% - 1px);left: 0;right:0;margin:auto;width: 94%;height: 8px;content: '';background: #eff0f2;}
.line-ribbon-bottom span {position: relative;padding: 0 1em;background: #fff;font-size:12px;color:#1e3e5e;}
.line-ribbon-bottom span.line-top{font-size:1px;}

.ribbon{display:inline-block;width:94%;padding:10px;background:#eff0f2;position:relative;margin:0 20px;text-align:center;font-weight:bold;color:#1e3e5e;}
.ribbon:before{content:"";width:20px;height:100%;left:-20px;top:0;position:absolute;background:linear-gradient(to bottom left, #eff0f2 50%, transparent 50%) top left/ 100% 50% no-repeat,linear-gradient(to top left, #eff0f2 50%, transparent 50%) bottom left / 100% 50% no-repeat;}
.ribbon:after{content:"";width:20px;height:100%;right:-20px;top:0;position:absolute;background:linear-gradient(to bottom right, #eff0f2 50%, transparent 50%) top left/ 100% 50% no-repeat,linear-gradient(to top right, #eff0f2 50%, transparent 50%) bottom left / 100% 50% no-repeat;}
.ribbon-date{font-size:12px;margin:-2% 5% 0.5% 0;line-height:1em;}
/* footer */

/* TOP */
.carousel-caption-ori {position: absolute;right: 5%;bottom: 3%;z-index: 10;text-align: right;}
.list-inline-item:not(:last-child) {margin:0;}

/* Recycle */
.text-image {position: relative;width: 960px;}
.text-image p {position: absolute;}
.text-image01 {top: 15%;left: 32%;}
.text-image02 {top: 25%;left: 22%;}
.text-image03 {top: 25%;left: 20%;}

.dotted{border-top: 1px dashed #000;}

.title01{
  color: #183652;/*文字色*/
  padding: 0.8rem 0;/*上下の余白*/
  text-align:center;
  border-top: solid 10px #d9d9d9;/*上線*/
  border-bottom: solid 10px #d9d9d9;/*下線*/
}
.title01 p{width:100%;background:#eff0f2;font-size:24px;margin:0;padding:1rem;font-weight:bold;}