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


/* ==========================
main
============================= */

.contents_box {
/*    background: url("../../img/bg_right.png")no-repeat right,url("../../img/bg_left.png")no-repeat left bottom;*/
	    margin-bottom: 80px;
}


/* ==========================
共通メニュー
============================= */

.conpany-list{
	background: url("../../../common/img/menu_bg.png") no-repeat center bottom;
	background-size: cover;
	font-family: 'Noto Sans JP';
	margin-top: 40px;
}
.conpany-list a:link {
    text-decoration: none;
    color: #65a534;
}
.conpany-list a:visited {
    color: #65a534;
}
.conpany-list p{
    padding: 0 5px
}
.conpany-list ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1060px;
    margin: 0px auto 0 auto;
}
.conpany-list li {
    display: flex;
    align-items: center;
}
li.arrow-bottom.on {
    color: #fff;
    background: #65a534;
}
.conpany-list li.arrow-bottom.on a:link {
    color: #fff;
}
li.arrow-bottom {
    padding: 25px;
    text-align: center;
}
.conpany-list li:after {
    content: " > ";
    color: #65a534;
}
.conpany-list li.arrow-bottom.on:after {
    content: " > ";
    color: #fff;
}
.conpany-list a:hover {
    background-color: #65a534;
    color: #fff;
}
li.arrow-bottom:hover::after {
    color: #fff;
}


/* 紙風ボタン */
.paper_button {
    position: relative;
    margin: 40px auto;
    padding: 25px 30px;
    max-width: 300px;
   font-family: "Hiragino Kaku Gothic ProN";
    text-align: center;
    color: #fff;
    background: #6baecf;
    border-radius: 2px;
}
.paper_button::before, .paper_button::after {
    content: '';
    position: absolute;
    bottom: 10px;
    width: 43%;
    height: 13px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.7);
    z-index: -1;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.paper_button::before {
    left: 15px;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-7deg) rotate(-7deg);
}
.paper_button::after {
  right: 15px;
  -webkit-transform: skew(5deg) rotate(5deg);
      -ms-transform: skew(5deg) rotate(5deg);
          transform: skew(5deg) rotate(5deg);
}
.paper_button:hover::before,
.paper_button:hover::after {
  box-shadow: 0 2px 14px rgba(0, 0, 0, 0.4);
}
.paper_button:hover::before {
  left: 5px;
}
.paper_button:hover::after {
  right: 5px;
}
.paper_button a {
    color: #fff;
    text-decoration: none;
}

/* ==========================
category
============================= */
.category {
    background: url(../../img/category.png)no-repeat center right;
    padding: 90px 0;
    background-size: cover;
}
.cate_tit {
    background: url(../../img/title_bg.png)no-repeat center;
    padding: 30px 0;
    margin: 0 auto 0 10%;
    max-width: 360px;
}
.cate_name {
    text-align: center;
    line-height: 0.8em;
    font-size: 230%;
}
.cate_name span {
    font-size: 40%;
}
p.contents_title span {
    font-size: 50%;
}
/* ==========================
eco_top
============================= */
.eco_top {
    background: url(../../img/bg_right.png)no-repeat right;
    text-align: center;
    margin: 80px 0;
}
p.eco_policy {
    max-width: 620px;
    margin: 0 auto 50px;
}
p.eco_text {
    text-align: left;
    max-width: 950px;
    margin: 50px auto 0;
}

/* ==========================
about_box
============================= */

p.title_text{
    text-align: center;
    line-height: 1.0em;
    font-size: 230%;
    margin-top: 80px;
}
p.title_text span {
    font-size: 40%;
}

.about_box {
    background: linear-gradient(90deg, #dde7ed 0%, #dde7ed 70%, #fff 50%, #fff 100%);
    margin-top: 40px;
    z-index: 0;
    position: relative;
}
.about_inner {
    display: flex;
    justify-content: center;
    padding: 80px 0;
   
}
.about_text {
    max-width: 580px;
    margin: 0 45px;
	 font-family: 'Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;
}

.about_box.reverse .about_inner {
    flex-direction: row-reverse;
}
.about_box.reverse {
    background: linear-gradient(90deg, #fff 0%, #fff 30%, #dde7ed 20%, #dde7ed 100%);
}
.mgt {
    margin-top: 80px;
}
p.attention {
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
}
p.hp_link {
    text-align: center;
    margin-top: 30px;
}
p.hp_link a:link{
    text-decoration: underline;
}

@media screen and ( max-width: 1000px ){

}
@media screen and ( max-width: 767px ){
.category {
    background: url(../../img/category.png)no-repeat center right;
    background-size: cover;
    padding: 0;
}
.cate_tit {
    width: 90%;
    margin: auto;
}
.conpany-list {
    margin-top: 10px;
}
.conpany-list ul {
    justify-content: space-around;
}
li.arrow-bottom {
    width: auto;
    padding: 5px 25px;
}
li.arrow-bottom:last-of-type {
    margin-bottom: 5px;
}

.eco_top {
    background: url(../../img/bg_right.png)no-repeat right;
    text-align: center;
    margin: 80px auto;
    width: 90%;
}
.about_inner {
    flex-wrap: wrap;
    width: 90%;
    margin: auto;
}
.about_text {
    max-width: 580px;
    margin: 0 5% 50px;
}

}
@media print {


}