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

/* font
=========================================== */

@font-face {/*NotoSansJP*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-Regular.otf');
  src:
  url('../fonts/font/NotoSansJP-Regular.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-Regular.woff') format('woff'),
  url('../fonts/font/NotoSansJP-Regular.ttf') format('TrueType');
	font-weight: 400;
}

@font-face {/*NotoSansJP*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-Medium.otf');
  src:
  url('../fonts/font/NotoSansJP-Medium.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-Medium.woff') format('woff'),
  url('../fonts/font/NotoSansJP-Medium.ttf') format('TrueType');
	font-weight: 500;
}

@font-face {/*NotoSansJP*/
  font-family: 'NotoSansJP';
  src: url('../fonts/font/NotoSansJP-Bold.otf');
  src:
  url('../fonts/font/NotoSansJP-Bold.woff2') format('woff2'),
  url('../fonts/font/NotoSansJP-Bold.woff') format('woff'),
  url('../fonts/font/NotoSansJP-Bold.ttf') format('TrueType');
	font-weight: 700;
}

/*共通*/

body{overflow: hidden;width: 100%;}
.pc {display:none!important;}
.sp {display:block;}
body {
	color: #000;
	background:url("../img/common/bg01.png")repeat-y center top;
	font-size:16px;
	line-height:normal;
	font-family: 'NotoSansJP',"メイリオ","Mayryo ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-weight: 400;
	font-style: normal;
	word-break: break-all;}
img{width:100%;height:auto;}


table {width: 100%;table-layout: fixed;}

tbody {
    -webkit-text-size-adjust: 100%;
  } 

h1,h2,h3,h4,h5,h6{font-weight: 700;}
a:link, a:visited {
    color: #000;
    text-decoration: none;
	transition: 0.3s;
}

.wrap{position:relative;}

a {color: #000;}

:focus { outline: none;}

input, select {
  -webkit-appearance: auto;
  appearance: auto;
}

/*共通設定*/
.btn01 {width:100%;height:70px;display:table;margin:0 auto;}
.btn01 a {display:table-cell;vertical-align:middle;text-align:center;background:url("../img/common/btn01.svg")no-repeat center right 20px #727171;color:#fff;text-decoration:none;border-radius:10px;}
.btn01 a.blank span {display:inline-block;padding-right:18px;background:url("../img/common/blank01.svg")no-repeat center right;}

.btn02 {width:100%;height:70px;display:table;margin:0 auto;}
.btn02 a {display:table-cell;vertical-align:middle;text-align:center;background:url("../img/common/btn01.svg")no-repeat center right 20px #fff;text-decoration:none;border-radius:10px;}
.btn02 a.blank span {background:url("../img/common/blank02.svg")no-repeat center right;}

.title01 {text-align:center;color:#462C1A;position:relative;z-index:2;}
.title01::before {content:"";background:url("../img/common/title01.png") no-repeat;background-size:contain!important;width:100px;height:82px;position:absolute;top:5px;left:50%;transform: translate(-50%);z-index:-1;}

.title01 .eng {font-size:13px;margin-bottom:-5px;line-height:40px;}
.title01 .jap {font-size:30px;line-height:40px;}

.title02 {color:#fff;}
.title02::before {background:url("../img/common/title02.png") no-repeat;}

.kasou_title {font-size:26px;line-height:46px;color:#12844F;text-align:center;}

.common_text {line-height:35px;}

/*ウェブフォント*/
.tcenter {text-align: center;}
.tright {text-align: right;}

/*色*/
.shiro {color:#fff;}
.cha {color:#462C1A;}
.beige {color:#856951;}
.green {color:#12844F;}
.mt20 {margin-top: 20px;}

.flex {width: 100%;
    margin: 0 ;
    padding: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/*header
---------------------------------------------------------------*/
#header {width:100%;position:fixed;transition: 0.3s;left:0;right: 0;top:0;margin: auto;z-index: 100;padding:30px 0 6px;}
.header_inner {display: block;height: 100%;}
.header_inner {display: block;height: 100%;}
.header_inner .logo {}
.header_inner .logo a {display: block;width: 100px;margin: 0 auto;}
#header .header_inner .right {display: none;}
.fixed #header {background: rgba(255,255,255,0.8);padding: 20px 0 16px;}

/* nav
=========================================== */
.sp-nav-btn {width: 40px;height:40px;position: absolute;box-sizing: border-box;text-align: center;top:-10px;right:5%;margin: auto;transition: 0.3s;display: table;z-index: 109;}
.sp-nav-btn:before{content:"";width:22px;height:2px;background: #000;position: absolute;top:12px;left:0;right:0;margin:auto;transition: 0.3s;box-shadow: 0 7px 0 0 #000;}
.sp-nav-btn:after{content:"";width:22px;height:2px;background: #000;position: absolute;bottom:12px;left:0;right:0;margin:auto;transition: 0.3s;}

.sp-nav-btn.opon:before {background: #fff;transform: rotateZ(45deg);top:19px;box-shadow: none!important;}
.sp-nav-btn.opon:after {background: #fff;transform: rotateZ(-45deg);bottom:19px;}

div.navs-list {position: fixed;width: calc(100% - 75px);height:100%;z-index: 102;top: 0;box-sizing: border-box;right:-100%;transition: 0.3s;overflow-x: hidden;overflow-y: auto;background:#12844F;padding:80px 5%;}
div.navs-list.opon {right:0;}

.h_contact {width:180px;height:50px;display:table;margin:0 auto 20px;}
.h_contact a {display:table-cell;vertical-align:middle;text-align:center;background:#fff;color:#12844F;font-weight:bold;text-decoration:none;border-radius:5px;}
.h_contact a span {background: url("../img/common/mail01_sp.svg")no-repeat center left;padding-left:28px;display:inline-block;}

div.navs-list > ul {}
div.navs-list > ul > li {border-top: 1px solid #7CBB9E;font-weight:bold;}
div.navs-list > ul > li:first-child {border-top:0;}
div.navs-list > ul > li > a {padding:23px 0 23px 40px;font-weight:bold;display:block;text-decoration:none;color:#fff;background:url("../img/common/sp_pass01.svg")no-repeat center left 10px;}

.nav-midashi {padding:23px 0 23px 40px;font-weight:bold;display:block;text-decoration:none;color:#fff;background:url("../img/common/sp_pass02.svg")no-repeat center left 10px;}
.nav-midashi.on {background:url("../img/common/sp_pass03.svg")no-repeat center left 10px;}

div.navs-list .sp-nav {display:none;}
div.navs-list .sp-nav li {border-top: 1px dashed #7CBB9E;font-weight:400;}
div.navs-list .sp-nav li a {padding:23px 0 23px 25px;display:block;text-decoration:none;color:#fff;background:url("../img/common/sp_pass04.svg")no-repeat center left 10px;}
div.navs-list .sp-nav li .a {padding:23px 0 23px 25px;display:block;color:#fff;}
div.navs-list .sp-nav li a span.waku {display:inline-block;padding-right: 18px;background:url("../img/common/blank01.svg")no-repeat center right;}

/* main */
/*-------------------------------------------*/
#main {}
#main.home_main {padding-top:90px}
#main.home_main .main_cnt {display:block;padding: 0 5% 30px;box-sizing: border-box;}
#main.home_main .main_cnt .info {margin-bottom:30px;}
#main.home_main .main_cnt .info h2 {font-size:11vw;line-height:1.525;margin-bottom:15px;}
#main.home_main .main_cnt .info h3 {font-size:5.5vw;}
#main.home_main .main_cnt .img {width:100%;}

.main_slider {margin-bottom:0!important;padding-bottom: 120px;}
.main_slider .main_in {}
.main_slider .main_in .main_l {width:95%;}
.main_slider .main_in .main_r {width:95%;margin:20px 0 0 auto;}

.main_slider .main_in .s_img {position:relative;}
.main_slider .main_in .s_img .size01 {display:none;}
.main_slider .main_in .s_img h4 {padding: 2vw 4vw;background: rgba(255,255,255,0.9);font-size: 5vw;position: absolute;bottom: 5vw;}
.main_slider .main_in .main_l .s_img h4 {right:0;border-radius:10px 0 0 10px;}
.main_slider .main_in .main_r .s_img h4 {left:0;border-radius:0 10px 10px 0;}

.main_slider .slick-dots {bottom: 60px;width:100%;;}
.main_slider .slick-dots li {margin:0 7.5px;width: 8px;height: 8px;}
.main_slider .slick-dots li button {width: 8px;height: 8px;padding: 0;background: #D1C5BB;border-radius:100%;}

.main_slider .slick-dots li.slick-active {width:24px;}
.main_slider .slick-dots li.slick-active button {width:24px;background:#856951;border-radius:5px;}

.main_slider .slick-dots li button:before {content:none;}

.main_slider button.slick-arrow {opacity: 1;z-index: 2;transition: 0.3s;width:50px;height:50px;box-sizing: border-box;top:auto;bottom:15px;}
.main_slider button.slick-prev.slick-arrow {background: url("../img/main/arrow01.svg") no-repeat center;left: calc(50% - 125px);}
.main_slider button.slick-next.slick-arrow {background: url("../img/main/arrow02.svg") no-repeat center;right: calc(50% - 125px);}
.main_slider button.slick-arrow:before {content: none;}
.main_slider button.slick-arrow:hover {opacity:0.7;}

/* 下層 main */
/*-------------------------------------------*/
#main.kasou {background:url("../img/main/kasou_l_sp.png") no-repeat left bottom 7px,url("../img/main/kasou_r_sp.png") no-repeat right bottom;position:relative;padding-top: 124px;height: 256px;box-sizing:border-box;}
#main.kasou .jap {text-align:center;font-size:30px;line-height:45px;color:#462C1A;}

/*パンくず*/
div#bread {position: relative;padding:0 5% 20px;z-index: 3;}
ul.bread-list {}
ul.bread-list li {font-size:10px;}
ul.bread-list li a {text-decoration:none;}
ul.bread-list li:after{content:"|";margin: 0 10px;color:#727171;}
ul.bread-list li:last-child:after{content:none;}

/* TOPへ戻る・追従 */
/*-------------------------------------------*/
#fixed_trigger {position: absolute;left: 0;top:55px;z-index: -100;}

/* CLEARFIX
=========================================== */

.cf:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
}
.cf {
	min-height: 1px;
}
* html .cf {
	height: 1px;/*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/*ライトボックス設定*/
#fancybox-content {overflow: auto!important;height: 150%!important;top: -50%!important;}
#fancybox-img {width: 150%!important;height: auto!important;}
#fancybox-close {top: calc(-50% - 24px)!important;}


#fancybox-content.on {overflow: hidden;height: 100%!important;top: 0!important;}
#fancybox-content.on #fancybox-img {width: 100%!important;height: 100%!important;}
#fancybox-close.on {top: -24px!important;}


section {position:relative;}


/* footer */
/*-------------------------------------------*/
#footer {background:url("../img/common/f_bg_sp.png") no-repeat center bottom;}
.home #footer {background:url("../img/common/f_bg_sp.png") no-repeat center bottom #fff;}
.footer_contact {}
.footer_contact .contact_cnt {display:block;width:90%;margin:0 auto;}
.footer_contact .contact_cnt .contact_cnt_in {width:100%;padding:50px 5% 40px;box-sizing:border-box;}
.footer_contact .contact_cnt .contact_cnt_in01 {background:url("../img/common/contact_cnt_in01.png")no-repeat center;background-size:cover;border-radius:20px 20px 0 0 ;}
.footer_contact .contact_cnt .contact_cnt_in01 .title01 {margin-bottom:25px;}
.footer_contact .contact_cnt .contact_cnt_in01 .p01 {margin-bottom:20px;}

.footer_contact .contact_cnt .contact_cnt_in02 {background:url("../img/common/contact_cnt_in02.png")no-repeat center;background-size:cover;border-radius: 0 0 20px 20px;}
.footer_contact .contact_cnt .contact_cnt_in02 .btn_list {margin-top:35px;display:block;}
.footer_contact .contact_cnt .contact_cnt_in02 .btn_list .btn {width:100%;height:70px;display:table;margin-bottom:20px;}
.footer_contact .contact_cnt .contact_cnt_in02 .btn_list .btn:last-child {margin-bottom:0;}
.footer_contact .contact_cnt .contact_cnt_in02 .btn_list .btn a {display:table-cell;vertical-align:middle;text-align:center;background:url("../img/common/blank02.svg")no-repeat bottom 15px right 15px #fff;line-height:27px;text-decoration:none;border:1px solid transparent;border-radius:10px;}

.footer {padding:60px 5% 40px;}
.footer .logo {padding-bottom:60px;border-bottom:1px solid #D1C5BB;margin-bottom:60px;padding-top:10px;background:url("../img/common/f_bg01.svg")no-repeat left 15px bottom,url("../img/common/f_bg02.svg")no-repeat right 15px bottom;text-align: center;background-size:140px;}
.footer .logo img {width:125px;display:block;margin:0 auto;}

.f_nav {display:none;}

.footer .policy {margin-bottom:60px;justify-content:center;}
.footer .policy li {font-size:13px;}
.footer .policy li:first-child {margin-right:30px;}
.footer .policy li a {color:#fff;}
.footer .copyright {color:#fff;font-size:10px;text-align:center;}

/*TOPページ　p01
=========================================== */
#topbox01 {padding:240px 5% 100px;position:relative;background: url("../img/top/wood_l_sp.png")no-repeat top left,url("../img/top/wood_r_sp.png")no-repeat top 20px right;background-size:170px,170px;}

#topbox01 .title01 {margin-bottom:40px;}
#topbox01 .text01 {margin-bottom:60px;}
#topbox01 .text01 p {display:inline;}

#topbox01 .bg {display:block;}
#topbox01 .bg .wood {width:120%;position:relative;right:10%;margin-bottom:60px;}
#topbox01 .bg .info {margin-bottom:30px;}
#topbox01 .bg .info h3 {font-size:22px;margin-bottom:15px;text-align:center;}
#topbox01 .bg .info h4 {font-size:18px;margin-bottom:15px;text-align:center;}
#topbox01 .bg .info .text {}

#topbox01 .cnt {background:rgba(255,255,255,0.6);padding:30px 5%;box-sizing:border-box;display:block;border-radius:10px;margin-bottom:60px;}
#topbox01 .cnt h3 {text-align:center;font-size:22px;margin-bottom: 15px;}
#topbox01 .cnt .ul_list {display:block;}
#topbox01 .cnt .ul_list ul {}
#topbox01 .cnt .ul_list ul li {text-indent:-1em;padding-left:1em;}


#topbox02 {padding:100px 0;background:url("../img/top/bg01.png")no-repeat center top #fff;background-size: contain;}
#topbox02 .title01 {margin-bottom:40px;}
.group_box_list {}
.group_box_list .group_box {padding:0 5%;margin-bottom:100px;padding-top:143px;background:url("../img/top/group_box.png")no-repeat center top;}
.group_box_list .group_box:first-child {padding-top:0;background:none;}
.group_box_list .group_box:last-child {margin-bottom:0;}

.group_box_list .group_box .cnt {position:relative;margin-bottom:80px;}
.group_box_list .group_box .cnt .info {width:100%;margin-bottom:30px;}

.group_box_list .group_box .cnt .info h3 {font-size:22px;margin-bottom:15px;}
.group_box_list .group_box .cnt .info h4 {font-size:18px;margin-bottom:30px;line-height: 35px;}
.group_box_list .group_box .cnt .info .text {}
.group_box_list .group_box .cnt .info .text p {display:inline;}

.group_box_list .group_box .cnt .img {width:140%;position:relative;right:20%;}

.group_box_list .group_box .group_list {display:block;}
.group_box_list .group_box .group_list .group01 {width:100%;margin-bottom:40px;}
.group_box_list .group_box .group_list .group01:last-child {margin-bottom:0;}

.group_box_list .group_box .group_list .group01 .img {margin-bottom:20px;position:relative;}
.group_box_list .group_box .group_list .group01 .img .num {background:#12844F;color:#fff;padding:5px 17px;border-radius:10px 10px 0 0;font-size:22px;font-weight:bold;position:absolute;left:20px;bottom:0;}
.group_box_list .group_box .group_list .group01 h5 {font-size:18px;color:#12844F;margin-bottom:10px;}
.group_box_list .group_box .group_list .group01 .text {}

.group_box_list .group_box .group_list .group01 .link {margin-top:20px;padding:10px;display:inline-block;background:#EEF6F2;border-radius:5px;font-size:13px;}
.group_box_list .group_box .group_list .group01 .link a {text-decoration:underline;}
.group_box_list .group_box .group_list .group01 .link a span {padding-right:18px;background:url("../img/top/blank.svg")no-repeat center right;display:inline-block;}

#topbox03 {background:#fff;}
#topbox03 .topbox03_in {padding:80px 5%;background:url("../img/common/bg01.png")repeat-y center top;border-radius:50px;}
#topbox03 .title01 {margin-bottom:40px;}
#topbox03 .bg {padding:30px 5%;box-sizing:border-box;position:relative;border-radius:20px;background:#fff;box-shadow: 0 10px 20px rgba(70,44,26,0.2);}
#topbox03 .bg .text01 {margin-bottom:40px;}
#topbox03 .bg .text01 p {display:inline;}
#topbox03 .bg .img {margin-bottom:40px;}
#topbox03 .bg .img .zoom_btn {margin-top:20px;}
#topbox03 .bg .img .zoom_btn a {background:#EEF6F2;color:#000;}
#topbox03 .bg .img .zoom_btn a span {background:url("../img/common/blank02.svg")no-repeat center right;}

#topbox03 .bg .text02 {margin-bottom:40px;}
#topbox03 .bg .text02 p {display:inline;}

#topbox03 .bg .dot {display:none;}

#topbox04 {padding:100px 5%;background:#fff;}
#topbox04 .title01 {margin-bottom:50px;}

.top_news_list {margin-bottom:60px;}
.top_news_list .top_news {padding-bottom:30px;border-bottom:1px solid #BCBCBC;margin-bottom:30px;}
.top_news_list .top_news:last-child {padding-bottom:0;border-bottom:0;margin-bottom:0;}
.top_news_list .top_news a {display:block;text-decoration:none;}
.top_news_list .top_news a:hover {opacity:0.7;}
.top_news_list .top_news a .info {align-items:center;margin-bottom:20px;}
.top_news_list .top_news a .info .time {width:100px;}
.top_news_list .top_news a .info .cat {width:calc(100% - 100px);}
.top_news_list .top_news a .info .cat li {padding:4px 7px;background:#D1C5BB;color:#fff;font-size:13px;margin-right:5px;border-radius:5px;}
.top_news_list .top_news a .info .cat li:last-child {margin-right:0;}
.top_news_list .top_news a .title {width:100%;display:block;line-height:35px;font-weight:400;}


/*わたしたちについて (about) p02
=========================================== */
#p02box01 {padding:40px 5%;}
#p02box01 .text01 {margin-bottom:60px;}
#p02box01 .text01 p {display:inline;}
#p02box01 .text01 .mar_t {margin-top:1em;}

#p02box01 .bg {display:block;}
#p02box01 .bg .wood {width:120%;position:relative;right:10%;margin-bottom:60px;}
#p02box01 .bg .info {margin-bottom:30px;}
#p02box01 .bg .info h2 {font-size:22px;margin-bottom:15px;text-align:center;}
#p02box01 .bg .info h3 {font-size:18px;margin-bottom:15px;text-align:center;}
#p02box01 .bg .info .text {}

#p02box01 .cnt {background:rgba(255,255,255,0.6);padding:30px 5%;box-sizing:border-box;display:block;border-radius:10px;}
#p02box01 .cnt h2 {text-align:center;font-size:22px;margin-bottom: 15px;}
#p02box01 .cnt .ul_list {display:block;}
#p02box01 .cnt .ul_list ul {}
#p02box01 .cnt .ul_list ul li {text-indent:-1em;padding-left:1em;}

#p02box02 {padding:40px 5%;}
#p02box02 .kasou_title {margin-bottom:40px;}
#p02box02 .cnt {display:block;}
#p02box02 .cnt .img {width:100%;margin-bottom:30px;}

#p02box02 .cnt .text_list {width:100%;}
#p02box02 .cnt .text_list .text {margin-bottom:1em;}
#p02box02 .cnt .text_list .text:last-child {margin-bottom:0;}

#p02box03 {padding:40px 5% 65px;}
#p02box03 .kasou_title {margin-bottom:40px;}
#p02box03 .enkaku_ul {display:block;position:relative;padding-left: 33px;box-sizing: border-box;}
#p02box03 .enkaku_ul::before {content:"";width:1px;height:calc(100% - 5px);background:#727171;position:absolute;left:9px;top:5px;}
#p02box03 .enkaku_ul ul {}
#p02box03 .enkaku_ul ul li {margin-bottom:30px;display:block;position:relative;}
#p02box03 .enkaku_ul ul li::before {content:"";width:18px;height:18px;background:#856951;border-radius:100%;position:absolute;left:-33px;top:5px;}
#p02box03 .enkaku_ul ul:last-child li:last-child {margin-bottom:0;}
#p02box03 .enkaku_ul ul li .data {font-weight:bold;position:relative;margin-bottom:10px;}
#p02box03 .enkaku_ul ul li .naiyou {width:100%;line-height:31px;}


#p02box03 .enkaku_ul ul.kouhen {display:none;}
.kouhen_btn {width:100%;height:70px;display:table;margin:40px auto 0;}
.kouhen_btn .waku {display:table-cell;vertical-align:middle;text-align:center;background:url("../img/p02/kouhen_btn.svg")no-repeat center right 20px #727171;color:#fff;text-decoration:none;border-radius:10px;}
.kouhen_btn .waku .waku02 {display:none;}
.kouhen_btn.opp .waku {background:url("../img/p02/kouhen_btn_r.svg")no-repeat center right 20px #727171;}
.kouhen_btn.opp .waku .waku01 {display:none;}
.kouhen_btn.opp .waku .waku02 {display:block;}

/*会社概要 (company) p03
=========================================== */
#p03box01 {padding:20px 5% 65px;}
#p03box01 .company_box {padding:30px 5%;background:#fff;border-radius:10px;box-sizing:border-box;}
#p03box01 ul {}
#p03box01 ul li {padding-bottom:30px;border-bottom:1px solid #BCBCBC;margin-bottom:30px;display:block;}
#p03box01 ul li:last-child {padding-bottom:0;border-bottom:0;margin-bottom:0;}
#p03box01 ul li .midashi {width:100%;margin-bottom: 10px;box-sizing:border-box;font-weight:bold;}
#p03box01 ul li .naiyou {width:100%;}
#p03box01 ul li .naiyou .scroll-hint-shadow-wrap {width: calc(100% + 5%);padding-right: 5%;box-sizing: border-box;}
#p03box01 ul li .naiyou .soukanzu_in {width: 754px;}

.scroll-hint-icon {top: calc(50% - 60px)!important;}


/*サステナビリティ (company) p04
=========================================== */
#p04box01 {padding:170px 5% 80px;background: url("../img/p04/bg01_sp.png")no-repeat center top 20px;}
#p04box01 .kasou_title {margin-bottom:30px;}
#p04box01 .text01 {margin-bottom:40px;}
#p04box01 .text01 p {display:inline;}
#p04box01 .bg01 {padding:30px 5%;background:rgba(255,255,255,0.6);;box-sizing:border-box;margin-bottom:40px;border-radius:10px;}
#p04box01 .img {}
#p04box01 .img .zoom_btn {margin-top:20px;}

#p04box02 {padding:80px 5%;background:url("../img/top/bg01.png")no-repeat center top #fff;background-size:contain;}
#p04box02 .kasou_title {margin-bottom:40px;}
#p04box02 .sustainability_main {margin:0 auto 60px;}
#p04box02 .bg {padding:30px 5% 40px;box-sizing:border-box;background:#F4F0ED;border-radius:10px;}
#p04box02 .bg .sustainability_list {margin-bottom:40px;}
#p04box02 .bg .sustainability_list .sustainability01 {padding-bottom:30px;border-bottom:1px dashed #D1C5BB;margin-bottom:30px;display:block;}
#p04box02 .bg .sustainability_list .sustainability01:last-child {padding-bottom:0;border-bottom:0;margin-bottom:0;}
#p04box02 .bg .sustainability_list .sustainability01 .img_list {width:100%;justify-content:space-between;margin-bottom:25px;}
#p04box02 .bg .sustainability_list .sustainability01 .img_list .img {width:48%;}
#p04box02 .bg .sustainability_list .sustainability01 .info {width:100%;}
#p04box02 .bg .sustainability_list .sustainability01 .info h3 {font-size:20px;margin-bottom:15px;}
#p04box02 .bg .sustainability_list .sustainability01 .info .text {}

#p04box02 .bg .btn_list {display:block;}
#p04box02 .bg .btn_list .btn {width:100%;height:90px;display:table;}
#p04box02 .bg .btn_list .btn:first-child {margin-bottom:20px;}
#p04box02 .bg .btn_list .btn a {display:table-cell;vertical-align:middle;text-align:center;background:url("../img/common/btn01.svg")no-repeat center right 20px #fff;color:#856951;text-decoration:none;border-radius:10px;font-size:18px;font-weight:bold;}
#p04box02 .bg .btn_list .btn a span {position:relative;right:25px;}

#p04box03 {padding:80px 5% 65px;background:url("../img/p04/bg02.png")no-repeat center top;background-size:contain;}
#p04box03 .kasou_title {margin-bottom:30px;}
#p04box03 .iso_list {}
#p04box03 .iso_list .iso01 {padding-bottom:60px;border-bottom:1px dashed #727171;margin-bottom:60px;}
#p04box03 .iso_list .iso01:last-child {padding-bottom:0;border-bottom:0;margin-bottom:0;}
#p04box03 .iso_list .iso01 .cnt {display:block;margin: 0 auto 40px;}
#p04box03 .iso_list .iso01 .cnt .img {width:214px;margin: 0 auto 30px;}
.zoom_btn {width:116px;height:39px;display:table;margin:0 auto;}
.zoom_btn.sp {display:table!important;}
.zoom_btn a {display:table-cell;vertical-align:middle;text-align:center;color:#fff;background:#856951;font-size:13px;text-decoration:none;border-radius:5px;}
.zoom_btn a:hover {opacity:0.7;}
.zoom_btn a span {padding-right:18px;background:url("../img/common/blank01.svg")no-repeat center right;}
#p04box03 .iso_list .iso01 .cnt .img .zoom_btn {margin-top:17px;}

#p04box03 .iso_list .iso01 .cnt .info {width:100%;}
#p04box03 .iso_list .iso01 h3 {font-size:22px;margin-bottom:30px;line-height:38px;}
#p04box03 .iso_list .iso01 .cnt .info .text {}

#p04box03 .iso_list .iso01 .bg01 {padding:30px 5%;background:#fff;border-radius:10px;box-sizing:border-box;}
#p04box03 .iso_list .iso01 .bg01 ul {}
#p04box03 .iso_list .iso01 .bg01 ul li {margin-bottom:20px;display:block;}
#p04box03 .iso_list .iso01 .bg01 ul li:last-child {margin-bottom:0;}
#p04box03 .iso_list .iso01 .bg01 ul li .num {width:100%;margin-bottom:5px;}
#p04box03 .iso_list .iso01 .bg01 ul li .naiyou {width:100%}

#p04box03 .iso_list .iso01 .text01 {margin-top:40px;}

#p04box03 .iso_list .iso01 .bg02 {}
#p04box03 .iso_list .iso01 .bg02 ul {}
#p04box03 .iso_list .iso01 .bg02 ul li {margin-bottom:30px;}
#p04box03 .iso_list .iso01 .bg02 ul li h4 {font-size:18px;margin-bottom:15px;line-height:normal;}
#p04box03 .iso_list .iso01 .bg02 ul li .naiyou {}

#p04box03 .iso_list .iso01 .data_box {margin-top:30px;}
#p04box03 .iso_list .iso01 .data_box .data {margin-bottom:30px;}
#p04box03 .iso_list .iso01 .data_box .name {width:258px;margin:0 0 0 auto;}

/*自然環境への取り組み (natural_environment) p05
=========================================== */
#p05box01 {padding:170px 5% 40px;background: url("../img/p04/bg01_sp.png")no-repeat center top 20px;}
#p05box01 .kasou_title {margin-bottom:30px;}
#p05box01 .text01 {margin-bottom:60px;}
#p05box01 .text01 p {display:inline;}

#p05box01 .scroll-hint-shadow-wrap {width: calc(100% + 5%);padding-right: 5%;box-sizing: border-box;}
#p05box01 .torirkumi_flow_box {width: calc(100% + 5%);padding-right: 5%;box-sizing: border-box;}
#p05box01 .torirkumi_flow {width:1100px;}
#p05box01 .torirkumi_flow_box .flow01 {width:236px;margin-right:52px;}
#p05box01 .torirkumi_flow_box .flow01:last-child {margin-right:0;}
#p05box01 .torirkumi_flow_box .flow01 .img {position: relative;}
#p05box01 .torirkumi_flow_box .flow01 .img::before {content:"";width:30px;height:30px;background: url("../img/common/pass01.svg")no-repeat;background-size:contain;position:absolute;right:-41px;top:0;bottom:0;margin:auto;}
#p05box01 .torirkumi_flow_box .flow01:last-child .img::before {content:none;}
#p05box01 .torirkumi_flow_box .flow01 h3 {line-height:31px;font-weight:400;margin-top:20px;}

#p05box01 .bg {padding:30px 5%;background:#fff;box-sizing:border-box;border-radius:10px;margin-top:40px;}
#p05box01 .bg h3 {font-size:22px;line-height:38px;margin-bottom:30px;}
#p05box01 .bg .cnt {display:block;padding-bottom:40px;border-bottom:1px dashed #BCBCBC;margin-bottom:40px;}
#p05box01 .bg .cnt .img {width:100%;margin-bottom:30px;}
#p05box01 .bg .cnt .info {width:100%;}
#p05box01 .bg .cnt .info .info_list {}
#p05box01 .bg .cnt .info .info_list li {margin-bottom:30px;}
#p05box01 .bg .cnt .info .info_list li:last-child {margin-bottom:0;}
#p05box01 .bg .cnt .info .info_list li h4 {font-size:18px;margin-bottom:15px;}
#p05box01 .bg .cnt .info .info_list li .text {}


#p05box01 .bg .bg_in {}
#p05box01 .bg .bg_in h4 {font-size:22px;margin-bottom:30px;}
#p05box01 .bg .bg_in .case_list {margin-bottom:30px;display:block;}
#p05box01 .bg .bg_in .case_list .case01 {width:100%;margin-bottom:20px;}
#p05box01 .bg .bg_in .case_list .case01:last-child {margin-bottom:0;}
#p05box01 .bg .bg_in .text {margin-bottom:40px;}

#p05box02 {padding:40px 5% 65px;}
#p05box02 .kasou_title {margin-bottom:30px;}
#p05box02 .text_list {margin-bottom:60px;display:block;}
#p05box02 .text_list .text {width: 100%;margin-bottom:30px;}
#p05box02 .text_list .text:last-child {margin-bottom:0;}

#p05box02 table {border-radius:10px;overflow:hidden;}
#p05box02 table th {font-weight:400;color:#fff;background:#3F8B68;padding:13px 5px;text-align:center;border: 2px solid #FBF4EA;vertical-align: middle;width: 110px;box-sizing: border-box;}
#p05box02 table th:last-child {width: auto;}
#p05box02 table td {padding:13px 5px;background:#fff;text-align:center;border: 2px solid #FBF4EA;vertical-align: middle;}
#p05box02 table td.gr02 {background:#C3E0D3;color:#3F8B68;box-sizing: border-box;border: 1px solid #FBF4EA;}



/*社会への取り組み (society) p06
=========================================== */
#p06box01 {padding:170px 5% 80px;background: url("../img/p04/bg01_sp.png")no-repeat center top 20px;}

#p06box01 .kasou_title {margin-bottom:30px;}
#p06box01 .text01 {}
#p06box01 .text01 p {display:inline;}

.society_list {display:block;margin-top:60px;}
.society_list .society01 {width:100%;margin-bottom:40px;}
.society_list .society01:last-child {margin-bottom:0;}
.society_list .society01 .img {}
.society_list .society01 h3 {font-size:20px;line-height:34px;margin-top:30px;}
.society_list .society01 .text {margin-top:20px;}

.society_list .society01 .bg {margin-top:30px;background:#F4F0ED;padding:25px;display:block;box-sizing:border-box;}
.society_list .society01 .bg h4 {margin-bottom:10px;}
.society_list .society01 .bg .ul_list {display:block;font-size:13px;line-height:26px;}
.society_list .society01 .bg .ul_list ul {width:100%;}
.society_list .society01 .bg .ul_list ul li {padding-left:1em;text-indent:-1em;}

#p06box02 {padding:80px 5%;background:url("../img/top/bg01.png")no-repeat center top #fff;background-size:contain;}
#p06box02 .kasou_title {margin-bottom:30px;}
#p06box02 .text01 {}
#p06box02 .text01 p {display:inline;}

#p06box03 {padding:80px 5% 65px;background:url("../img/p04/bg02.png")no-repeat center top;background-size:contain;}
#p06box03 .kasou_title {margin-bottom:30px;}
#p06box03 .text01 {}
#p06box03 .text01 p {display:inline;}


/*新着情報 (news) p07
=========================================== */
#p07box01 {padding:20px 5% 65px;}
.news_list {padding:30px 5%;background:#fff;border-radius:10px;box-sizing:border-box;}
.news_list .news01 {padding-bottom:30px;border-bottom:1px solid #BCBCBC;margin-bottom:30px;}
.news_list .news01:last-child {padding-bottom:0;border-bottom:0;margin-bottom:0;}

.news_list .news01 a {display:block;text-decoration:none;}
.news_list .news01 a .info {align-items:center;margin-bottom:15px;}
.news_list .news01 a .info .time {width:100px;}
.news_list .news01 a .info .cat {width:calc(100% - 100px);}
.news_list .news01 a .info .cat li {padding:4px 7px;background:#D1C5BB;color:#fff;font-size:13px;margin-right:5px;border-radius:5px;}
.news_list .news01 a .info .cat li:last-child {margin-right:0;}
.news_list .news01 a .title {width:100%;display:block;line-height:35px;font-weight:400;}


/*一覧ページページャー*/
.wp-pagenavi {text-align: center;margin: 60px auto 0;}
.wp-pagenavi a,.wp-pagenavi span {text-decoration: none;display: inline-block;border:1px solid #000;line-height:32px;margin:0 5px;width:34px;box-sizing:border-box;border-radius:5px;font-size:18px;}
.wp-pagenavi a:hover, .wp-pagenavi span.current, span.pages {color:#fff;background:#12844F;border-color:#12844F;}

span.extend {display: none;}
span.pages {display: none;}

.wp-pagenavi a.first {color:transparent!important;background: url("../img/p07/arrow01.svg") no-repeat center;width:22px;border:none;}
.wp-pagenavi a.previouspostslink {color:transparent!important;background: url("../img/p07/arrow02.svg") no-repeat center;width:13px;border:none;margin-right:20px;}
.wp-pagenavi a.nextpostslink {color:transparent!important;background: url("../img/p07/arrow03.svg") no-repeat center;width:13px;border:none;margin-left:20px;}
.wp-pagenavi a.last {color:transparent!important;background: url("../img/p07/arrow04.svg") no-repeat center;width:22px;border:none;}

.wp-pagenavi a.first:hover {opacity:0.7;}
.wp-pagenavi a.previouspostslink:hover {opacity:0.7;}
.wp-pagenavi a.nextpostslink:hover {opacity:0.7;}
.wp-pagenavi a.last:hover {opacity:0.7;}


/*新着情報 詳細
=========================================== */
#p08box01 {padding: 90px 5% 65px;}
.news_single {padding:30px 5%;background:#fff;border-radius:10px;box-sizing:border-box;margin-bottom:60px;}
.news_single .info {align-items:center;margin-bottom:25px;}
.news_single .info .time {width:100px;}
.news_single .info .cat {width:calc(100% - 100px);}
.news_single .info .cat li {padding:4px 7px;background:#D1C5BB;color:#fff;font-size:13px;margin-right:5px;border-radius:5px;}
.news_single .info .cat li:last-child {margin-right:0;}
.news_single .title {font-size:22px;line-height:42px;margin-bottom:30px;}


/*お問い合わせ (contact) p09
=========================================== */
#p09box01 {padding:20px 5% 65px;}
.contact_list {display:block;}
.contact_list .contact01 {width:100%;margin-bottom:30px;background:#fff;padding:25px;box-sizing:border-box;border-radius:10px;}
.contact_list .contact01:last-child {margin-bottom:0;}

.contact_list .contact01 h2 {font-size:18px;padding-bottom:20px;border-bottom:1px solid #BCBCBC;margin-bottom:20px;}
.contact_list .contact01 .naiyou_list {}
.contact_list .contact01 .naiyou_list li {margin-bottom:20px;align-items: flex-start;}
.contact_list .contact01 .naiyou_list li:last-child {margin-bottom:0;}
.contact_list .contact01 .naiyou_list li .midashi {width:80px;box-sizing:border-box;padding-left:27px;}
.contact_list .contact01 .naiyou_list li .midashi.mail {background: url("../img/p09/mail.svg") no-repeat center left;}
.contact_list .contact01 .naiyou_list li .midashi.tel {background: url("../img/p09/tel.svg") no-repeat center left;}
.contact_list .contact01 .naiyou_list li .midashi.web {background: url("../img/p09/web.svg") no-repeat center left;}
.contact_list .contact01 .naiyou_list li .naiyou {width:calc(100% - 80px);}
.contact_list .contact01 .naiyou_list li .naiyou .mail_list {}
.contact_list .contact01 .naiyou_list li .naiyou .mail_list li {margin-bottom:10px;display:block;}
.contact_list .contact01 .naiyou_list li .naiyou .mail_list li:last-child {margin-bottom:0;}
.contact_list .contact01 .naiyou_list li .naiyou .mail_list li .name {margin-bottom:5px;}
.contact_list .contact01 .naiyou_list li .naiyou .mail_list li .address {}

/*Thanks・404
=========================================== */
#other{padding:20px 5% 65px;text-align: center;}
#other h2 {font-size: 22px;margin-bottom: 25px;}
#other .other_in p {font-size: 17px;position: relative;margin: 10px 0;}
#other .btn01 {margin-top:25px;}

/*プライバシーポリシー
=========================================== */
div#pageBox01{padding:20px 5% 65px;}
h2.pp-title01 {font-size: 22px;border-bottom: solid 2px;margin-bottom: 25px;padding-bottom: 10px;}
h3.pp-title02 {font-size: 17px;padding-left: 15px;position: relative;margin: 10px 0;}
h3.pp-title02:before{content:"";width:5px;height:65%;background:#000;position: absolute;left:0;top:0;bottom:0;margin:auto 0;}
div#pageBox01 p {line-height: 26px;}
div#pageBox01 ul {line-height: 26px;}

/*ウインドー幅ごと
=========================================== */
@media screen and (min-width: 370px) {
}
@media screen and (min-width: 0px) and (max-width: 350px) {
}
@media screen and (min-width: 0px) and (max-width: 330px) {
}