@charset 'UTF-8';

/* 石高石材の「jyumokusou-lp.css」のコピー */

#jyumokusou-lp .sec01 .inner ,
#jyumokusou-lp .sec02 .inner ,
#jyumokusou-lp .sec03 .inner ,
#jyumokusou-lp .sec04 .inner ,
#jyumokusou-lp .sec05 .inner {
	width : 1280px;
}

#jyumokusou-lp .sec .h2-box {
	position : relative;
	padding-top : 50px;
	height : 200px;
	text-align : center;
}

#jyumokusou-lp .sec .h2-box::before {
	position : absolute;
	top : 100px;
	left : 0;
	width : 131px;
	height : 150px;
	background : url(img/side_tree_left.png);
	content : '';
}

#jyumokusou-lp .sec .h2-box::after {
	position : absolute;
	top : 100px;
	right : 0;
	width : 131px;
	height : 150px;
	background : url(img/side_tree_right.png);
	content : '';
}

#jyumokusou-lp .sec .h2-box h2 {
	font-weight : bold;
	font-size : 32px;
	font-family : 游明朝, 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', HGS明朝E, メイリオ, Meiryo, serif;
}

#jyumokusou-lp .sec .h2-box h2 span {
	display : block;
	font-size : 13px;
}

#jyumokusou-lp .sec01 {
	overflow : hidden;
	height : auto;
	background : url(img/mv_bg.jpg);
	background-size : cover;
	text-align : center;
}

#jyumokusou-lp .sec02 {
	overflow : hidden;
	height : auto;
	height : 700px;
	background : url(img/concept_bg2.jpg);
	background-size : cover;
}

#jyumokusou-lp .sec02 div {
	margin : 0 auto;
	padding : 200px 60px 0;
	width : 626px;
	height : 700px;
	background : url(img/concept_bg1.png);
	background-position : center;
	background-repeat : no-repeat;
}

#jyumokusou-lp .sec03 {
	background : #fff;
}

#jyumokusou-lp .sec03 .what-text {
	overflow : hidden;
	height : 170px;
/*	background : url(img/whatistree_bg_1.png); */
	background-position : center;
	background-size : cover;
	background-repeat : no-repeat;
	text-align : center;
	line-height : 28px;
}

#jyumokusou-lp .sec03 .what-box-bg {
	padding-bottom : 1px;
	background : url(img/whatistree_bg_2.png);
	background-position : center;
}

#jyumokusou-lp .sec03 .what-box-bg .what-box {
	display : flex;
	flex-wrap : wrap;
	justify-content : center;
	margin : 0 auto 84px;
	width : 1280px;
}

#jyumokusou-lp .sec03 .what-box-bg .what-box:nth-child(2n) {
	flex-direction : row-reverse;
}

#jyumokusou-lp .sec03 .what-box-bg .what-box:nth-child(2n) .what-box-01 {
	text-align : left;
}

#jyumokusou-lp .sec03 .what-box .what-box-01 {
	width : 50%;
	padding: 0 20px;
}

#jyumokusou-lp .sec03 .what-box .what-box-02 {
	width : 50%;
}

#jyumokusou-lp .sec03 .what-box .what-box-01 h3 {
	position : relative;
	color : #45702b;
	font-weight : bold;
	font-size : 28px;
	font-family : 游明朝, 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', HGS明朝E, メイリオ, Meiryo, serif;
}

/*
#jyumokusou-lp .sec03 .what-box .what-box-01 h3::after {
	position : absolute;
	top : -22px;
	width : 50px;
	height : 35px;
	background : url(img/what-leaf.png);
	content : '';
}
*/

#jyumokusou-lp .sec03 .what-box .what-box-01 h3 span {
	display : block;
	margin-bottom : 10px;
	border-bottom : 2px solid #45702b;
	font-size : 14px;
}

#jyumokusou-lp .sec03 .what-box .what-box-01 p {
	padding-top : 20px;
}

#jyumokusou-lp .sec03 .what-category-box {
	padding : 50px 0 80px;
	background : url(img/whatistree_bg_2.png);
}

#jyumokusou-lp .sec03 .what-category-box .what-category {
	margin : 0 auto;
	width : fit-content;
	border-bottom : 2px solid #45702b;
	text-align : center;
	font-weight : bold;
	font-size : 26px;
	font-family : 游明朝, 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', HGS明朝E, メイリオ, Meiryo, serif;
}

#jyumokusou-lp .sec03 .what-category span {
	font-size : 14px;
}

#jyumokusou-lp .sec04 {
	background : url(img/six_bg.jpg);
	background-size : cover;
}

#jyumokusou-lp .sec04 ul.sixf-box {
	display : flex;
	flex-wrap : wrap;
	justify-content : center;
	margin : -136px auto 0;
	padding : 164px 0;
	max-width : 1368px;
	width : 100%;
	background : url(img/six_box_bg.png);
	background-position : center;
	background-repeat : no-repeat;
}

#jyumokusou-lp .sec04 ul.sixf-box li {
	padding : 12px 30px;
	width : 390px;
	text-align : center;
}

#jyumokusou-lp .sec04 ul.sixf-box li h3 {
	position : relative;
	margin-top : 10px;
	font-size : 22px;
	font-family : 游明朝, 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', HGS明朝E, メイリオ, Meiryo, serif;
}

#jyumokusou-lp .sec04 ul.sixf-box li h3::before {
	position : absolute;
	top : -6px;
	left : 31px;
	display : inline-block;
	width : 60px;
	height : 40px;
	background : url(img/no-01.png);
	content : '';
}

#jyumokusou-lp .sec04 ul.sixf-box li+li h3::before {
	top : -6px;
	left : 31px;
	background : url(img/no-02.png);
}

#jyumokusou-lp .sec04 ul.sixf-box li+li+li h3::before {
	top : -6px;
	left : 9px;
	background : url(img/no-03.png);
}

#jyumokusou-lp .sec04 ul.sixf-box li+li+li+li h3::before {
	top : -6px;
	left : 31px;
	background : url(img/no-04.png);
}

#jyumokusou-lp .sec04 ul.sixf-box li+li+li+li+li h3::before {
	top : -6px;
	left : 31px;
	background : url(img/no-05.png);
}

#jyumokusou-lp .sec04 ul.sixf-box li+li+li+li+li+li h3::before {
	top : -6px;
	left : 31px;
	background : url(img/no-06.png);
}

#jyumokusou-lp .sec04 ul.sixf-box li p {
	margin-top : 10px;
	font-size : 13px;
}

#jyumokusou-lp .sec05 {
	padding-bottom : 70px;
	background : #fff;
}

#jyumokusou-lp .sec05 .price-table-box {
	display : flex;
	margin : 0 auto;
	margin-bottom : 10px;
	width : 960px;
	height : 60px;
	text-align : center;
}

#jyumokusou-lp .sec05 .price-table-box li {
	display : grid;
	align-items : center;
	margin-right : 10px;
	width : 35%;
	height : 60px;
	background-color : #fdc670;
	background-image : -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #fbd7a0), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #fbd7a0), color-stop(0.75, #fbd7a0), color-stop(0.75, transparent), to(transparent));
	-webkit-background-size : 14px 14px;
	line-height : 60px;
}

#jyumokusou-lp .sec05 .price-table-box li+li {
	padding-left : 15px;
	width : 75%;
	border : 1px solid #ddd;
	background : #fff;
	text-align : left;
	line-height : 19px;
}

#jyumokusou-lp .sec05 .price-table-box li+li span {
	font-size : 14px;
}

#jyumokusou-lp .sec05 .option-note {
	margin : 30px auto 0;
	width : 960px;
	text-align : center;
}

#jyumokusou-lp .sec06 {
	padding-bottom : 70px;
	background-color :#FFFCDB;
	background-size : contain;
	background-repeat : repeat-y;
	counter-reset : number 0;
}

#jyumokusou-lp .sec06 .flow-box {
	position : relative;
	display : flex;
	margin : 0 auto;
	width : 1000px;
	height : 240px;
}

#jyumokusou-lp .sec06 .flow-box::before {
	position : absolute;
	top : -40px;
	bottom : 0;
	left : -40px;
	z-index : 10;
	width : 80px;
	height : 80px;
	background : url(img/maru.png);
	color : #fff;
	content : counter(number) ' ';
	counter-increment : number 1;
	text-align : center;
	font-size : 40px;
	font-family : 游明朝, 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', HGS明朝E, メイリオ, Meiryo, serif;
	line-height : 80px;
}

#jyumokusou-lp .sec06 .flow-box li {
	width : 40%;
	background : #fff;
}

#jyumokusou-lp .sec06 .flow-box li img {
	height : 100%;
}

#jyumokusou-lp .sec06 .flow-box li+li {
	padding : 30px 10px 0 0;
	width : 60%;
}

#jyumokusou-lp .sec06 .flow-box li+li h3 {
	font-size : 24px;
	margin-bottom : 20px;
	font-weight: bold;
	font-family : 游明朝, 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', HGS明朝E, メイリオ, Meiryo, serif;
}

#jyumokusou-lp .sec06 .flow-line ,
#jyumokusou-lp .sec06 .flow-allow {
	margin : 20px 0;
	text-align : center;
}

#jyumokusou-lp .sec06 .flow-box .flow-text  {
	margin-right : 10px;
}

#jyumokusou-lp .sec07 {
	padding-bottom : 60px;
	background : url(img/access_bg.jpg);
	background-size : cover;
}

#jyumokusou-lp .sec07 .access-box {
/*	display : flex;
	flex-wrap : wrap;
	justify-content : center;*/
	margin : 0 auto;
	width : 80%;
}

#jyumokusou-lp .sec07 .access-box div {
	padding : 16px;
/*	width : 50%; */
	text-align : center;
}

#jyumokusou-lp .sec07 .access-box div h3 {
	font-size : 20px;
	font-family : 游明朝, 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', HGS明朝E, メイリオ, Meiryo, serif;
}

#jyumokusou-lp .sec07 .access-box div p {
	line-height : 42px;
}

@media screen and (max-width:960px) {
	#jyumokusou-lp .sec05 .price-table-box {
		width : 90%;
	}
}

@media screen and (max-width:768px) {
	#jyumokusou-lp .sec .h2-box::after {
		display : none;
	}
	#jyumokusou-lp .sec .h2-box::before {
		display : none;
	}
	#jyumokusou-lp .sec02 div {
		padding : 200px 30px 0;
		width : 100%;
	}
	#jyumokusou-lp .sec03 .what-text {
		padding : 0 23px;
		height : 216px;
		background : none;
		text-align : left;
	}
	#jyumokusou-lp .sec03 .what-box-bg .what-box {
		margin-bottom : 40px;
		width : 100%;
	}
	#jyumokusou-lp .sec03 .what-box .what-box-01 {
		padding-top : 20px;
		width : 90%;
	}
	#jyumokusou-lp .sec03 .what-box .what-box-02 {
		padding-top : 30px;
		width : 90%;
	}
	#jyumokusou-lp .sec03 .what-category-box {
		padding : 30px 0 30px;
	}
	#jyumokusou-lp .sec04 {
		margin-bottom : -80px;
	}
	#jyumokusou-lp .sec04 ul.sixf-box {
		padding : 114px 0;
	}
	#jyumokusou-lp .sec04 ul.sixf-box li h3::before {
		left : 10px;
	}
	#jyumokusou-lp .sec04 ul.sixf-box li+li h3::before {
		left : 10px;
	}
	#jyumokusou-lp .sec04 ul.sixf-box li+li+li h3::before {
		left : 10px;
	}
	#jyumokusou-lp .sec04 ul.sixf-box li+li+li+li h3::before {
		left : 10px;
	}
	#jyumokusou-lp .sec04 ul.sixf-box li+li+li+li+li h3::before {
		left : 10px;
	}
	#jyumokusou-lp .sec04 ul.sixf-box li+li+li+li+li+li h3::before {
		left : 10px;
	}
	#jyumokusou-lp .sec05 {
		padding-bottom : 32px;
		background : #fff;
	}
	#jyumokusou-lp .sec05 .price-table-box {
		height : 150px;
	}
	#jyumokusou-lp .sec05 .price-table-box li {
		height : 150px;
		line-height : 1.2;
	}
	#jyumokusou-lp .sec05 .option-note {
		margin-top : 15px;
		width : 90%;
	}
	#jyumokusou-lp .sec06 .flow-box li {
		width : 100%;
	}
	#jyumokusou-lp .sec06 .flow-box li img {
		height : inherit;
	}
	#jyumokusou-lp .sec06 .flow-box li+li {
		padding : 12px;
		width : 100%;
	}
	#jyumokusou-lp .sec06 .flow-box {
		flex-direction : column;
		margin-top : 30px;
		width : 90%;
		height : inherit;
	}
	#jyumokusou-lp .sec06 .flow-box::before {
		left : 0;
	}
	#jyumokusou-lp .sec07 .access-box {
		width : 100%;
	}
	#jyumokusou-lp .sec07 .access-box div {
		width : 100%;
	}
	.sp_fbtn_box {
		display : block;
		width : 100%;
		height : auto;
		position : fixed;
		bottom : 0;
		z-index :9999;
	}
	.sp_fbtn {
		width : 50%;
		height : auto;
		margin : 0;
		padding : 0;
	}
	.left {
		float : left;
	}
	.right {
		float : right;
	}
	.sp_fbtn img {
		width : 100%;
		height : auto;
		vertical-align : bottom;
	}
}

/* page top*/

#pageTop {
    position: fixed;
    z-index: 9999999;
    bottom: 30px;
    right: 30px;
}

#pageTop a {
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    position: relative;
    letter-spacing: 2px;
    display: block;
    width: 72px;
    height: 72px;
    background: #70b699;
    border-radius: 50%;
}

#pageTop a:after {
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    top: 50%;
    width: 16px;
    height: 16px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}

#pageTop a:hover {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    background: #e7ae56;
}

@media only screen and (max-width: 750px) {
    #pageTop {
        right: 10px;
        bottom: 70px;
    }
    #pageTop a {
        -moz-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25);
        -webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25);
        box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.25);
        width: 48px;
        height: 48px;
    }
    #pageTop a:after {
        width: 10px;
        height: 10px;
        margin-left: -5px;
        margin-top: -5px;
    }
}