@charset "utf-8";

/**
 *
 * TOP: 総合トップページ
 *
 */

/*--------------------------------------------------------------------------
  overwrite スタイルの上書き
--------------------------------------------------------------------------*/
/* @PC */
@media all and (min-width: 1025px){

	/* MVエリアにある場合
	-----------------------------------------------------------------*/
	#Header {
		-webkit-transition: height 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
								border-bottom 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
		        transition: height 0.6s cubic-bezier(0.165, 0.84, 0.44, 1),
								border-bottom 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	#Header .logo{
		-webkit-transition: top 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
		        transition: top 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	#Header #GlobalNavi li a{
		-webkit-transition: border-color 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95),
								padding 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
		        transition: border-color 0.6s cubic-bezier(0.445, 0.05, 0.55, 0.95),
								padding 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	}

	/* #Header */
	#Header.is_mv{
		height: 120px;
		border-bottom: 0;
	}
	#Header.is_mv .logo{
		top: 50px;
	}
	/* #GlobalNavi */
	#Header.is_mv #GlobalNavi li a{
		padding: 24px 0;
	}

	/* .btn */
	#Header .btn{
	  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	#Header .btn._hide,
	#Header .btn._show{
	  -webkit-transition: none;
	  transition: none;
	}

	/*
	-----------------------------------------------------------------*/
	/* #Content */
/*	#Content{
		padding-top: 0;
	}
*/
	/* #SecWrap */
	#SecWrap{
		z-index: 100;
		position: relative;
		background: url(//www.paxnaturon.com/images/shared/bg01.png);
	}
}

/* @TB  */
@media all and (max-width: 1024px){
	#SecWrap{
		margin-top:0 !important;
	}
}

/* 遅延表示用 common.Lazy.js
-----------------------------------------------------------------*/
#Content .lazy,
#Content .all_lazy > *{
	opacity: 0;
}


/*--------------------------------------------------------------------------
	#MV
--------------------------------------------------------------------------*/
#MV{
	box-sizing: border-box;
	position: fixed;
	width: 100%;
	height: 100%;
	min-height: 650px;
	padding-top: 71px;
}

/* .crossfader */
#MV .crossfader{
	position: relative;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding-bottom: 48px;
}

/* .frame */
#MV .crossfader .frame{
	position: relative;
	width: 100%;
	height: 100%;
}
#MV .crossfader .frame li{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background-size: cover !important;
	background-position: 50% !important;
	opacity: 0;
}
#MV .crossfader .frame li.num01{ background: url(//www.paxnaturon.com/images/index/mv01_img01.jpg) no-repeat;}
#MV .crossfader .frame li.num02{ background: url(//www.paxnaturon.com/images/index/mv02_img01.jpg) no-repeat;}
#MV .crossfader .frame li.num03{ background: url(//www.paxnaturon.com/images/index/mv03_img01.jpg) no-repeat;}

#MV .crossfader .frame .txt_wrap{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 800px;
	height: 200px;
	margin: -100px 0 0 -400px;
	text-align: center;
}
#MV .crossfader .frame .txt_wrap:before{
	content: "";
	position: absolute;
	top: -75px;
	left: 50%;
	margin: 0 0 0 -400px;
	width: 800px;
	height: 240px;
	background: url(//www.paxnaturon.com/images/index/mv_txt_bg.png) no-repeat;
}

#MV .crossfader .frame .txt_box,
#MV .crossfader .frame .txt_box .line{
	display: block;
	text-align: center;
}
#MV .crossfader .frame .txt_box{
	letter-spacing: -0.4em;
}
#MV .crossfader .frame .txt_box .line{
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-perspective: 2000px;
          perspective: 2000px;
	position: relative;
	display: block;
	margin-bottom: 25px;
	letter-spacing: 0;
}
#MV .crossfader .frame .txt_box .line img{
	display: inline-block;
}
#MV .crossfader .frame .txt_wrap .txt{
	position: relative;
}
#MV .crossfader .frame .txt_wrap .btn{
	margin-top: 50px;
}

/* .pointer */
#MV .crossfader .pointer{
	display: none;
}

/* .thumbnail */
#MV .crossfader .thumbnail{
	z-index: 100;
	position: absolute;
	bottom: 78px;
	right: 12px;
}
#MV .crossfader .thumbnail li{
	float: left;
	margin-right: 18px;
}
#MV .crossfader .thumbnail a{
	display: block;
	position: relative;
}
#MV .crossfader .thumbnail img{
	-webkit-transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
	        transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
}
#MV .crossfader .thumbnail img.on{
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}
#MV .crossfader .thumbnail a.active img.on,
.dev_pc #MV .crossfader .thumbnail a:hover img.on{
	opacity: 1;
}
.crossfader .thumbnail a.active img.off,
.dev_pc #MV .crossfader .thumbnail a:hover img.off{
	opacity: 0;
}

/* .btn_scroll */
.crossfader .btn_scroll{
	position: absolute;
	bottom: 40px;
	left: 50%;
	margin-left: -32px;
	z-index:5;
}
.crossfader .btn_scroll a{
	display: inline-block;
	padding: 20px;
}

/* @TB  */
@media all and (max-width: 1024px){
	#MV{
		position: relative;
		width: 100%;
		height: 100%;
		padding-top: 0;
	}

	/* .frame */
	#MV .crossfader .frame{
		min-height: 650px;
	}
	#MV .crossfader .frame .txt_wrap{
		width: 550px;
		height: 180px;
		margin: -90px 0 0 -275px;
	}
	#MV .crossfader .frame .txt_wrap:before{
		display: none;
	}

	/* .thumbnail */
	#MV .crossfader .thumbnail{
		bottom: 68px;
		right: 5px;
	}
	#MV .crossfader .thumbnail li{
		margin-right: 15px;
	}

	/* .btn_scroll */
	.crossfader .btn_scroll{
		display: none;
	}
}

/* @SP */
@media all and (max-width: 767px){
	#MV{
		min-height: 380px;
	}

	/* .frame */
	#MV .crossfader .frame{
		min-height: 380px;
	}

	#MV .crossfader .frame .txt_wrap{
		top: 140px;
		left: 0;
		width: auto;
		height: auto;
		padding: 0 20px;
		margin: 0;
	}
	#MV .crossfader .frame .txt_wrap .btn {
		margin: 35px auto 0;
	}
	#MV .crossfader .frame .txt_wrap .btn a{
		width: 190px;
	}

	/* .thumbnail */
	#MV .crossfader .thumbnail{
		display: none;
	}

	/* .pointer */
	#MV .crossfader .pointer{
		z-index: 200;
		position: absolute;
		left: 0;
		bottom: 68px;
		display: block;
		width: 100%;
		text-align: center;
		letter-spacing: -0.4em;
		line-height: 11px;
	}
	#MV .crossfader .pointer li{
		display: inline;
		letter-spacing: 0;
	}
	#MV .crossfader .pointer a{
		display: inline-block;
		width: 11px;
		height: 11px;
		margin: 0 6px;
		border-radius: 100%;
		background: #cfcfcf;
	 -webkit-transition: background 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	         transition: background 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	#MV .crossfader .pointer li.active a{
		background: #00a069;
	}
	#MV .crossfader .frame .txt_wrap .txt .is_sd img{
		width:100%;
		height:auto;
	}
}




/* .news
-----------------------------------------------------------------*/
#MV .news{
	/*position: absolute;*/
	z-index: 100;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 48px;
	overflow: hidden;
	background: #e6f3ef;
}
#MV .news_inner{
	/*max-width: 1200px;*/
	height: 32px;
	margin: 0 auto;
	padding: 16px 20px 0;
}
#MV .news dl{
	position: relative;
	line-height: 1;
}
#MV .news dt{
	padding-left: 5px;
	font-size: 16px;
	color: #2fa37e;
}
#MV .news dd{
	position: absolute;
	top: 0;
	left: 70px;
	width: 100%;
	height: 100%;
}
#MV .news dd ul{
	position: relative;
	width: 100%;
}
#MV .news dd li{
	position: absolute;
	top: 1px;
	left: 0;
	/*opacity: 0;*/
	display: none;
}
#MV .news dd li:first-child,
#MV .news dd li.active{
	/*display: block;*/
	/*opacity: 1;*/
}
#MV .news dd a{
	color: #222524;
	text-decoration: none;
}
.dev_pc #MV .news dd a:hover{
	text-decoration: underline;
}

/* @TB */
@media all and (max-width: 1024px){
	#MV .news{
		position: absolute;
	}
}

/* @SP */
@media all and (max-width: 767px){
	#MV .news_inner{
		height: 30px;
		padding: 18px 20px 0;
	}
	#MV .news dt{
		padding-left: 0;
		font-size: 13px;
	}
	#MV .news dd{
		left: 45px;
		font-size: 11px;
	}
	#MV .news dd li{
	  width: 240px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
}

/* cover-high
-----------------------------------------------------------------*/
.cover-high{
	position:fixed;
	width:100%;
	height:100%;
	background:#FFF;
	z-index:999;
}
.cover-high img{
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:64px;
	height:64px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


/*--------------------------------------------------------------------------
	.sec
--------------------------------------------------------------------------*/
.sec {
	padding: 115px 0;
}
.sec_ttl{
	padding-bottom: 65px;
	text-align: center;
}
.sec_ttl img{
	height: 64px;
}

/* @TB */
@media all and (max-width: 1024px){
	.sec {
		padding: 85px 0;
	}
	.sec_ttl{
		padding-bottom: 50px;
	}
}

/* @SP */
@media all and (max-width: 767px){
	.sec {
		padding: 50px 0;
	}
	.sec_ttl{
		padding-bottom: 30px;
	}
	.sec_ttl img{
		height: 36px;
	}
}


/*--------------------------------------------------------------------------
	.sec01 トピックス
--------------------------------------------------------------------------*/
.sec01{
	overflow: hidden;
}

.sec01 .list{
	margin: 0 -22px;
}
.sec01 .list li{
	float: left;
	width: 212px;
	margin: 0 22px 40px;
}
.sec01 .list a{
	display: block;
	text-decoration: none;
	color: #3d3d3d;
}
.sec01 .list figure{
	border-radius: 8px;
	overflow: hidden;
	position: relative;
}
.sec01 .list figure.new:after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	background: url(//www.paxnaturon.com/images/shared/ico_new.png) no-repeat;
	background-size: 48px auto;
}
.sec01 .list dl{
	text-align: center;
	font-size: 12px;
}
.sec01 .list dt{
	padding: 10px 0 5px;
	font-weight: bold;
	color: #55a188;
}
.sec01 p.btn{
	text-align: center;
}

/* @TB */
@media all and (max-width: 1040px){
	.sec01 .list{
		max-width: 708px;
		margin: 0 auto;
	}
	.sec01 .list li{
		margin: 0 12px 30px;
	}

	.sec01 .list li.type02{
		display: none;
	}
}

/* @SP */
@media all and (max-width: 767px){
	.sec01 .list{
		margin: 0 -8px;
	}
	.sec01 .list li{
		box-sizing: border-box;
		width: 50%;
		margin: 0;
		padding: 0 8px 15px;
		text-align: center;
	}
	.sec01 .list li.type01{
		display: none;
	}
	.sec01 .list figure{
		display: inline-block;
	}
	.sec01 .list figure img{
		max-width: 212px;
		width: 100%;
	}
	.sec01 .list figure.new:after{
		width: 38px;
		height: 36px;
		background-size: 38px 36px;
	}
	.sec01 .list dd{
		text-align: center;
	}
	.sec01 .list dd br{
		display: none;
	}
}


/*--------------------------------------------------------------------------
	.sec02 使い方
--------------------------------------------------------------------------*/
.sec02 .sec02_inner{
	padding: 60px 0 75px;
	background: #e3f0ec;
}
.sec02 p.lead{
	margin-top: -25px;
	padding-bottom: 50px;
	text-align: center;
}

/* .list */
.sec02 .list-wrap{
	overflow:hidden;
}
.sec02 .list{
	margin: 0 -0.5px 50px;
}
.sec02 .list li{
	box-sizing: border-box;
	float: left;
	width: 33.33%;
	padding:0 0.5px;
	text-align: center;
}
.sec02 .list li:first-child{
	border-left: 0;
}
.sec02 .list a{
	display: block;
	background-color: rgba(255,255,255,0.15);
	text-decoration: none;
	color: #3d3d3d;
}
.sec02 .list dt{
	position: relative;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}
.sec02 .list dt img.img{
	width: 100%;
	-webkit-transition: -webkit-transform .8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	        transition: transform .8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.dev_pc .sec02 .list a:hover img.img{
	-webkit-transform: scale(1.05, 1.05);
	        transform: scale(1.05, 1.05);
}
.sec02 .list dt img.ico{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 200px;
	margin: -55px 0 0 -100px;
}
.sec02 .list dd{
	padding: 25px 20px 30px;
	line-height: 2;
}
.sec02 p.btn{
	padding: 0 20px;
	text-align: center;
}

/* @PC wide */
@media all and (min-width: 1600px){
	.sec02 .list dd{
		font-size: 15px;
		padding: 35px 20px 40px;
	}
}


/* @TB */
@media all and (max-width: 1024px){
	/* .list */
	.sec02 .list dd{
		text-align: left;
		font-size: 13px;
	}
}

/* @SP */
@media all and (max-width: 767px){
	.sec02 .sec02_inner{
		padding: 35px 0 45px;
	}

	.sec02 p.lead{
		margin-top: -5px;
		padding-bottom: 25px;
	}

	/* .list */
	.sec02 .list{
		margin: 0 auto 25px;
	}
	.sec02 .list li{
		float: none;
		width: auto;
		border-left: none;
	}
	.sec02 .list dt img.ico{
		width: 145px;
		margin: -40px 0 0 -72px;
	}
	.sec02 .list dd{
			padding: 17px 20px;
		text-align: center;
		font-size: 12px;
	}
}


/*--------------------------------------------------------------------------
	.sec03 おすすめ商品
--------------------------------------------------------------------------*/

.sec03 .list{
	margin: 0 -20px 50px;
}
.sec03 .item{
	box-sizing: border-box;
	float: left;
	width: 33.33%;
	padding: 0 20px;
}
.sec03 .item_inner{
	border-radius: 10px;
	padding: 25px 0 30px;
	background: #fff;
	text-align: center;
}
.sec03 .item h3{
	padding: 0 20px 20px;
	font-size: 16px;
	color: #2fa37e;
}

/* .slider */
.sec03 .slider{
	position: relative;
}
.sec03 .slider .frame{
	position: relative;
	overflow: hidden;
}
.sec03 .slider .slide{
	position: absolute;
}
.sec03 .slider .slide li{
	overflow: hidden;
	position: relative;
	float: left;
	width: 300px;
}
.sec03 .slider .slide .img{
	position: relative;
}
.sec03 .slider .slide .bg{
	opacity: 0;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(78,102,94,0.5);
	text-align: center;
	-webkit-transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
	        transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.sec03 .slider .slide .img a img{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -23px 0 0 -99px;
}
.dev_pc .sec03 .slider .slide li:hover .bg{
	opacity: 1;
}
.sec03 .slider .slide dl{
	padding: 25px 15px;
}
.sec03 .slider .slide dd{
	padding-top: 5px;
	font-size: 12px;
}

/* .prev, .next */
.sec03 .slider .prev,
.sec03 .slider .next{
	opacity: 0;
	position: absolute;
	top: 80px;
	-webkit-transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
	        transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.sec03 .slider .prev{ left: -16px;}
.sec03 .slider .next{ right: -16px;}
.dev_pc .sec03 .slider:hover .prev,
.dev_pc .sec03 .slider:hover .next{	opacity: 1;}

/* .pointer */
.sec03 .slider .pointer{
	text-align: center;
	letter-spacing: -0.4em;
	line-height: 8px;
}
.sec03 .slider .pointer li{
	display: inline;
	letter-spacing: 0;
}
.sec03 .slider .pointer a{
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	border-radius: 100%;
	background: #cfcfcf;
 -webkit-transition: background 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
         transition: background 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.sec03 .slider .pointer li.active a,
.dev_pc .sec03 .slider .pointer li a:hover{
	background: #00a069;
}

/* .bnr */
.sec03 .bnr{
	text-align: center;
}

/* @TB */
@media all and (max-width: 1040px){
	.sec03 .list{
		margin: 0 -10px 50px;
	}
	.sec03 .item{
		padding: 0 10px;
	}
	.sec03 .item_inner{
		max-width: 220px;
		margin: 0 auto;
	}

	/* .slider */
	.sec03 .slider .slide li{
		width: 220px;
	}
	/* .prev, .next */
	.sec03 .slider .prev,
	.sec03 .slider .next,
	.sec03 .slider .slide .img a img{
		display: none;
	}
	.sec03 .slider .slide .img a{
		display: block;
		width: 100%;
		height: 100%;
	}
}

/* @SP */
@media all and (max-width: 767px){
	.sec03 .list{
		margin: 0 -20px 0;
	}
	.sec03 .item{
		overflow: hidden;
		float: none;
		width: auto;
		padding: 0;
	}
	.sec03 .item_inner{
		max-width: 310px;
		margin: 0 auto 25px;
		padding: 25px 5px 30px 15px;
	}
	.sec03 .item h3{
		font-size: 18px;
	}

	/* .slider */
	.sec03 .slider{
		position: relative;
	}
	.sec03 .slider .frame{
		overflow: visible;
		position: relative;
	}
	.sec03 .slider .slide{
		position: absolute;
	}
	.sec03 .slider .slide li{
		box-sizing: border-box;
		width: 310px;
		padding-right: 10px;
	}
	.sec03 .slider .slide .bg{
		display: none;
	}
}
/* @SP */
@media all and (max-width: 339px){
	.sec03 .item_inner{
		max-width: 300px;
		padding: 25px 0 30px;
	}
	.sec03 .slider .slide li{
		width: 300px;
		padding: 0 5px;
	}
}


/*--------------------------------------------------------------------------
	.sec04 安心・安全
--------------------------------------------------------------------------*/
.sec04{
	display: table;
	width: 100%;
	height: 650px;
	margin: 0 auto;
}

/* .col */
.sec04 .col{
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
.sec04 .col._num01{
	box-sizing: border-box;
	padding: 30px 8.5% 30px 8.5%;
	background: #92d4bc url(//www.paxnaturon.com/images/index/sec04_bg.png) no-repeat 85% 100%;
	background-size: 140px auto;
	color: #fff;
}

.sec04 .col._num01 h2 img{
	max-width: 420px;
}
.sec04 .col._num01 p.txt{
	padding: 40px 0 60px;
	font-size:  15px;
	line-height: 2.5;
	letter-spacing: 0.1em;
}
.sec04 .col._num02{
	background: url(//www.paxnaturon.com/images/index/sec04_img_pc.jpg) no-repeat 50%;
	background-size: cover;
}

/* @PC */
@media all and (max-width: 1250px){
	/* .col */
	.sec04 .col._num01{
		padding: 30px 50px 30px 60px;
	}
}

/* @TB */
@media all and (max-width: 1024px){
	.sec04{
		height: 450px;
	}

	/* .col */
	.sec04 .col._num01{
		padding: 30px 40px;
		background-size: 124px auto;
	}
	.sec04 .col._num01 h2 img{
		max-width: 290px;
		width: 100%;
	}
	.sec04 .col._num01 p.txt{
		padding: 25px 0 30px;
		font-size:  14px;
		line-height: 2.2;
	}
}

/* @SP */
@media all and (max-width: 767px){
	.sec04_inner{
		height: auto;
	}

	/* .col */
	.sec04 .col{
		display: block;
		width: auto;
		vertical-align: bottom;
	}
	.sec04 .col._num01{
		padding: 30px 35px 30px 30px;
	}
	.sec04 .col._num01 h2 img{
		max-width: 262px;
	}
	.sec04 .col._num01 p.txt{
		padding: 20px 0 30px;
		font-size:  12px;
	}
	.sec04 .col._num02{
		display: none;
	}
}


/*--------------------------------------------------------------------------
	.sec05 オンラインショップ
--------------------------------------------------------------------------*/

/* .list */
.sec05 .list{
	padding: 20px 0;
}
.sec05 .list li{
	box-sizing: border-box;
	float: left;
	width: 20%;
	padding: 0 15px 60px;
	text-align: center;
}
.sec05 .list li a{
	display: inline-block;
	color: #3d3d3d;
	text-decoration: none;
}

.dev_pc .sec05 .list li a:hover{
	color: #2fa37e;
}
.sec05 .list li .name{
	display: block;
	padding-top: 20px;
}

/* .btn */
.sec05 .btn{
	text-align: center;
	letter-spacing: -0.4em;
}
.sec05 .btn li{
	display: inline-block;
	padding: 15px;
	letter-spacing: 0;
	vertical-align: top;
}
.sec05 .btn li a._shop{
	padding: 17px 40px;
}
.sec05 .btn li a._shop img{
	height: 22px;
}

/* @TB */
@media all and (max-width: 1024px){
	/* .list */
	.sec05 .list{
		padding: 0;
		margin: 0 -5px;
	}
	.sec05 .list li{
		padding: 0 5px 40px;
		font-size: 12px;
	}
	.sec05 .list img{
		max-width: 96px;
	}
}

/* @SP */
@media all and (max-width: 767px){
	.sec05 {
		padding-bottom: 30px;
	}
	/* .list */
	.sec05 .list{
		padding: 0;
		margin: 0 -7px;
	}
	.sec05 .list li{
		width: 33.33%;
		padding: 0 7px 25px;
	}
	.sec05 .list li .name{
		padding-top: 5px;
	}

	/* .btn */
	.sec05 .btn li{
		display: block;
		padding: 10px 0 0;
	}
	.sec05 .btn li a._shop{
		padding: 11px 20px 12px;
	}
	.sec05 .btn li a._shop img{
		height: 19px;
	}
}


/*--------------------------------------------------------------------------
	.sec_faq よくある質問
--------------------------------------------------------------------------*/
.sec_faq{
	padding-top: 115px;
	height: 200px;
	background: url(//www.paxnaturon.com/images/index/sec_faq_bg_pc.jpg) 50% 50% no-repeat;
	background-size: cover;
	color: #fff;
}
.sec_faq .inner_base._extend{
	position: relative;
}

.sec_faq dl{
	float: left;
}
.sec_faq dt{
	padding-bottom: 20px;
}
.sec_faq p.btn{
	float: right;
	padding-top: 10px;
}

/* 20200604 START */
.sec_faq p.btn_btn{
	float: left;
	padding-top: 10px;
}
div.faq_btn_div
{
	float:right;
}

@media all and (max-width: 1024px){
.sec_faq{
padding-bottom:50px;
}


}

/* @SP */
@media all and (max-width: 767px){
	.sec_faq p.btn_btn{
		float: none;
		padding-top: 15px;
	}
	.sec_faq p.btn_btn a{
		width:180px;
	}
div.faq_btn_div
{
	float:none;
}

}

/* 20200604 END */

/* @TB */
@media all and (max-width: 1024px){
.sec_faq{
	padding-top: 70px;
	height: 145px;
}

}

/* @SP */
@media all and (max-width: 767px){
	.sec_faq{
		height: auto;
		padding: 35px 0 30px;
		background: url(//www.paxnaturon.com/images/index/sec_faq_bg_sp.jpg) 50% 50% no-repeat;
		background-size: cover;
		text-align: center;
	}

	.sec_faq dl{
		float: none;
	}
	.sec_faq dt{
		padding-bottom: 10px;
	}
	.sec_faq dt img{
		width: 126px;
	}

	.sec_faq p.btn{
		float: none;
		padding-top: 15px;
	}
	.sec_faq p.btn a{
		width: 180px;
	}
}


/*--------------------------------------------------------------------------
	.sec06 人と自然
--------------------------------------------------------------------------*/
.sec06{
	overflow: hidden;
	padding: 80px 0 60px;
	background: #e6f3ef;
}
.sec06 .inner_base._extend{
	position: relative;
	min-height: 390px;
}
.sec06 .inner_base._extend:after{
	content: "";
	display: block;
	position: absolute;
	right: -200px;
	bottom: 0;
	width: 670px;
	height: 370px;
	background: url(//www.paxnaturon.com/images/index/sec06_img.jpg) no-repeat;
}

/* .txt_wrap */
.sec06 .txt_wrap{
	position: relative;
	z-index: 10;
}
.sec06 .txt_wrap h2 {
	float: left;
	padding: 15px 55px 0 0;
}
.sec06 .txt_wrap h2 img{
	max-width: 250px;
}
.sec06 .txt_wrap p.txt{
	line-height: 3.2;
	letter-spacing: 0.1em;
}

/* @TB */
@media all and (max-width: 1024px){
	.sec06{
		padding: 60px 0 40px;
	}
	.sec06 .inner_base._extend:after{
		right: -100px;
		width: 503px;
		height: 278px;
		background-size: 503px auto;
	}

	/* .txt_wrap */
	.sec06 .txt_wrap h2{
		float: left;
		padding: 15px 40px 0 0;
	}
	.sec06 .txt_wrap p.txt{
		letter-spacing: 0.05em;
	}
}

/* @SP */
@media all and (max-width: 767px){
	.sec06{
		padding: 55px 0 35px;
	}

	.sec06 .inner_base._extend{
		min-height: auto;
	}

	/* .txt_wrap */
	.sec06 .txt_wrap{
		padding: 0 10px 185px;
	}
	.sec06 .txt_wrap br{
		display: none;
	}
	.sec06 .txt_wrap h2 {
		float: none;
		padding: 0 0 20px;
	}
	.sec06 .txt_wrap h2 img{
		max-width: 170px;
	}

	.sec06 .txt_wrap p.txt{
		line-height: 2.5;
	}

	.sec06 .inner_base._extend:after{
		left: 50%;
		right: auto;
		width: 335px;
		height: 185px;
		margin-left: -168px;
		background-size: 335px 185px;
	}
}