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


/*　トップページ
----------------------------------------------- */

#container #top_area {
	
}


/*　トップページ / MV
----------------------------------------------- */

#container #top_area .mv_box {
	position: relative;
}

#container #top_area .mv_box ul {
	
}

#container #top_area .mv_box ul li {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#container #top_area .mv_box ul li.mv_img01 {
	background-image: url(../../img/index/mv/mv_img01.jpg);
}

#container #top_area .mv_box ul li.mv_img02 {
	background-image: url(../../img/index/mv/mv_img02.jpg);
}

#container #top_area .mv_box ul li.mv_img03 {
	background-image: url(../../img/index/mv/mv_img03.jpg);
}

#container #top_area .mv_box ul li.mv_img04 {
	background-image: url(../../img/index/mv/mv_img04.jpg);
}

#container #top_area .mv_box ul li.mv_img05 {
	background-image: url(../../img/index/mv/mv_img05.jpg);
}

#container #top_area .mv_box .catch {
	position: absolute;
	top: -275px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 100;
}


/*　トップページ / top_box01
----------------------------------------------- */

#container #top_area .top_box01 {
	padding: 120px 0 140px;
}

#container #top_area .top_box01 .inner {
	position: relative;
}

#container #top_area .top_box01 .midashi {
	margin-bottom: 60px;
}

#container #top_area .top_box01 p {
	font-size: 26px;
	line-height: 2.0em;
	margin-bottom: 25px;
}

#container #top_area .top_box01 .btn {
	text-align: center;
}

#container #top_area .top_box01 .illust01 {
	position: absolute;
	top: 145px;
	right: 0;
}


/*　トップページ / top_box02
----------------------------------------------- */

#container #top_area .top_box02 {
	padding: 0 0 130px;
}

#container #top_area .top_box02 .midashi {
	text-align: center;
	padding-bottom: 60px;
}

#container #top_area .top_box02 p {
	font-size: 26px;
	line-height: 2.0em;
	margin-bottom: 50px;
}

#container #top_area .top_box02 ul {
	
}

#container #top_area .top_box02 ul li {
	margin-bottom: 70px;
}

#container #top_area .top_box02 ul li:last-child {
	margin-bottom: 0;
}


/*　トップページ / top_box03
----------------------------------------------- */

#container #top_area .top_box03 {
	padding: 100px 0 120px;
}

#container #top_area .top_box03 .inner {
	position: relative;
}

#container #top_area .top_box03 .midashi {
	text-align: center;
	margin-bottom: 70px;
}

#container #top_area .top_box03 .img {
	text-align: center;
	margin-bottom: 70px;
}

#container #top_area .top_box03 .daiji {
	text-align: center;
	margin-bottom: 60px;
}

#container #top_area .top_box03 p {
	font-size: 26px;
	line-height: 2.0em;
	color: #ffffff;
	margin-bottom: 25px;
}

#container #top_area .top_box03 .btn {
	text-align: center;
}

#container #top_area .top_box03 .illust01 {
	position: absolute;
	top: 110px;
	left: 35px;
}

#container #top_area .top_box03 .illust02 {
	position: absolute;
	top: 50px;
	right: 0;
}


/*　トップページ / top_box04
----------------------------------------------- */

#container #top_area .top_box04 {
	padding: 140px 0 0;
}

#container #top_area .top_box04 .img_box {
	background-image: url(../../img/index/box04/img.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	height: 440px;
}

#container #top_area .top_box04 .img_box .midashi {
	padding-top: 40px;
	padding-left: 30px;
}

#container #top_area .top_box04 .txt_box {
	width: 640px;
	margin: -50px auto 0;
	padding: 50px 50px;
	background-color: #5a7b13;
	background-image: url(../../img/index/box04/bg_tree_ring.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	position: relative;
}

#container #top_area .top_box04 .txt_box .daiji {
	text-align: center;
	margin-bottom: 40px;
}

#container #top_area .top_box04 .txt_box .line {
	text-align: center;
	margin-bottom: 30px;
	font-size: 0;
}

#container #top_area .top_box04 .txt_box p {
	font-size: 26px;
	line-height: 2.0em;
	color: #ffffff;
	margin-bottom: 25px;
}

#container #top_area .top_box04 .btn {
	text-align: center;
}

#container #top_area .top_box04 .illust01 {
	position: absolute;
	top: -170px;
	right: 60px;
}


/*　トップページ / top_box05
----------------------------------------------- */

#container #top_area .top_box05 {
	padding: 140px 0 125px;
}

#container #top_area .top_box05 ul {
	
}

#container #top_area .top_box05 ul li {
	margin-bottom: 70px;
}

#container #top_area .top_box05 ul li:last-child {
	margin-bottom: 0;
}

#container #top_area .top_box05 ul li .img {
	position: relative;
	width: 500px;
	height: 500px;
	margin: 0 auto 40px;
	border-radius: 50%;
}

#container #top_area .top_box05 ul li .img span {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 500px;
	height: 500px;
	border-radius: 50%;
	position: absolute;
	overflow: hidden;
}

#container #top_area .top_box05 ul li:last-child .img span {
	border: 1px solid #666666;
}

#container #top_area .top_box05 ul li .img .bg_img01 {
	background-image: url(../../img/index/box05/01/img.jpg);
}

#container #top_area .top_box05 ul li .img .bg_img02 {
	background-image: url(../../img/index/box05/02/img.jpg);
}

#container #top_area .top_box05 ul li .img .bg_img03 {
	background-image: url(../../img/index/box05/03/img.png);
}

#container #top_area .top_box05 ul li .daiji {
	text-align: center;
	margin-bottom: 30px;
}

#container #top_area .top_box05 ul li p {
	text-align: center;
	font-size: 26px;
	line-height: 2.0em;
}


/*　トップページ / map_box
----------------------------------------------- */

#container #top_area .map_box {
	
}

/* 2021.11.17_ssk **************
#container #top_area .map_box #map_canvas {
    width: 100%;
	height: 400px;
	margin: 0 auto;
}
********************************/

#container #top_area .map_box {
	text-align: center;
}


/*　私たちの想い / concept_box01
----------------------------------------------- */

#container #concept_area .concept_box01 {
	padding: 0 0 140px;
	background-image: url(../../img/concept/box01/img.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#container #concept_area .concept_box01 .midashi {
	padding-top: 430px;
}


/*　私たちの想い / concept_box02
----------------------------------------------- */

#container #concept_area .concept_box02 {
	padding: 0 0 140px;
}

#container #concept_area .concept_box02 .midashi {
	text-align: center;
	margin-bottom: 40px;
}

#container #concept_area .concept_box02 .img {
	text-align: center;
}


/*　私たちの想い / concept_box03
----------------------------------------------- */

#container #concept_area .concept_box03 {
	padding: 0 0 140px;
}

#container #concept_area .concept_box03 .concept_box {
	
}

#container #concept_area .concept_box03 .concept_box .box {
	margin-bottom: 140px;
}

#container #concept_area .concept_box03 .concept_box .box:last-of-type {
	margin-bottom: 0;
}

#container #concept_area .concept_box03 .concept_box .box .img_box {
	background-repeat: no-repeat;
	background-position: center 60px;
	height: 500px;
}

#container #concept_area .concept_box03 .concept_box .box .img_box .inner {
	position: relative;
}

#container #concept_area .concept_box03 .concept_box .box .img_box .midashi {
	position: absolute;
	top: 0;
	left: 0;
}

#container #concept_area .concept_box03 .concept_box .box:nth-of-type(2) .img_box .midashi {
	left: auto;
	right: 0;
}

#container #concept_area .concept_box03 .concept_box .box .txt_box .daiji {
	margin: 70px 0 55px;
	text-align: center;
}

#container #concept_area .concept_box03 .concept_box .box .txt_box p {
	font-size: 26px;
	line-height: 2.0em;
	margin-bottom: 25px;
}

#container #concept_area .concept_box03 .concept_box .box .btn {
	
}

#container #concept_area .concept_box03 .concept_box .box .bg_img01 {
	background-image: url(../../img/concept/box03/01/img.jpg);
}

#container #concept_area .concept_box03 .concept_box .box .bg_img02 {
	background-image: url(../../img/concept/box03/02/img.jpg);
}

#container #concept_area .concept_box03 .concept_box .box .bg_img03 {
	background-image: url(../../img/concept/box03/03/img.jpg);
}


/*　私たちの想い / concept_box04
----------------------------------------------- */

#container #concept_area .concept_box04 {
	padding: 0 0 140px;
}

#container #concept_area .concept_box04 .midashi {
	text-align: center;
	margin-bottom: 70px;
}

#container #concept_area .concept_box04 .img_box {
	position: relative;
}

#container #concept_area .concept_box04 .img_box ul {
	display: -webkit-box;/* Androidブラウザ用 */
	display: -moz-box;/* Firefox21 */
	display: -ms-flexbox;/* IE10 */
	display: -webkit-flex;/* safari（PC）用 */
	display: flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#container #concept_area .concept_box04 .img_box ul li {
	margin-bottom: 10px;
}

#container #concept_area .concept_box04 .img_box ul li:nth-last-child(2) {
	margin-bottom: 0;
}

#container #concept_area .concept_box04 .img_box .illust01 {
	position: absolute;
	top: -20px;
	left: 30px;
}

#container #concept_area .concept_box04 .img_box .illust02 {
	position: absolute;
	top: 1110px;
	right: 30px;
}


/*　千早銘木の家づくり / about_box01
----------------------------------------------- */

#container #about_area .about_box01 {
	padding: 0 0 30px;
}

#container #about_area .about_box01 .img_box {
	background-image: url(../../img/about/box01/img.jpg);
	background-repeat: no-repeat;
	background-position: center 160px;
	height: 600px;
}

#container #about_area .about_box01 .img_box .midashi {
	text-align: center;
}

#container #about_area .about_box01 .txt_box {
	
}

#container #about_area .about_box01 .txt_box .daiji {
	text-align: center;
	margin: 70px 0 55px;
}

#container #about_area .about_box01 .txt_box p {
	font-size: 26px;
	line-height: 2.0em;
}


/*　千早銘木の家づくり / about_box02
----------------------------------------------- */

#container #about_area .about_box02 {
	padding: 0 0 120px;
}

#container #about_area .about_box02 .midashi {
	margin-bottom: 70px;
}

#container #about_area .about_box02 .about_box {
	
}

#container #about_area .about_box02 .about_box .box {
	margin-bottom: 120px;
}

#container #about_area .about_box02 .about_box .box:last-of-type {
	margin-bottom: 0;
}

#container #about_area .about_box02 .about_box .box .img {
	
}

#container #about_area .about_box02 .about_box .box .img + .img {
	margin-top: 10px;
}

#container #about_area .about_box02 .about_box .box .daiji {
	margin: 40px 0 30px;
}

#container #about_area .about_box02 .about_box .box p {
	font-size: 26px;
	line-height: 2.0em;
}


/*　千早銘木の家づくり / about_box03
----------------------------------------------- */

#container #about_area .about_box03 {
	padding: 120px 0 120px;
}

#container #about_area .about_box03 .inner {
	position: relative;
}

#container #about_area .about_box03 .img {
	
}

#container #about_area .about_box03 .midashi {
	text-align: center;
	margin: 70px 0 55px;
}

#container #about_area .about_box03 p {
	font-size: 26px;
	line-height: 2.0em;
	color: #ffffff;
	margin-bottom: 55px;
}

#container #about_area .about_box03 .flow_box {
	
}

#container #about_area .about_box03 .flow_box .flow_l {
	float: left;
}

#container #about_area .about_box03 .flow_box .flow_r {
	float: right;
}

#container #about_area .about_box03 .illust {
	position: absolute;
	top: -60px;
	right: 0;
}

/*　お仕事の流れ / workflow_box01
----------------------------------------------- */

#container #workflow_area .workflow_box01 {
	padding: 0 0 70px;
}

#container #workflow_area .workflow_box01 .midashi {
	margin-bottom: 70px;
}

#container #workflow_area .workflow_box01 .img {
	
}

/*　お仕事の流れ / workflow_box02
----------------------------------------------- */

#container #workflow_area .workflow_box02 {
	padding: 0 0 140px;
}

#container #workflow_area .workflow_box02 .workflow_box {
	
}

#container #workflow_area .workflow_box02 .workflow_box .box {
	margin-bottom: 120px;
}

#container #workflow_area .workflow_box02 .workflow_box .box:last-of-type {
	margin-bottom: 0;
}

#container #workflow_area .workflow_box02 .workflow_box .box:nth-of-type(odd) {
	position: relative;
}

#container #workflow_area .workflow_box02 .workflow_box .box .midashi {
	margin-bottom: 25px;
}

#container #workflow_area .workflow_box02 .workflow_box .box p {
	font-size: 26px;
	line-height: 2.0em;
}

#container #workflow_area .workflow_box02 .workflow_box .box p span {
	display: inline-block;
	background-color: #db7029;
	color: #ffffff;
	line-height: 1;
	padding: 0.2em 0.1em 0.3em 0.3em;
	font-size: 24px;
}

#container #workflow_area .workflow_box02 .workflow_box .box:nth-of-type(1) .illust {
	position: absolute;
	top: 30px;
	right: 0;
}

#container #workflow_area .workflow_box02 .workflow_box .box:nth-of-type(3) .illust {
	position: absolute;
	top: 0;
	right: 0;
}

#container #workflow_area .workflow_box02 .workflow_box .box:nth-of-type(5) .illust {
	position: absolute;
	top: 30px;
	right: 0;
}

#container #workflow_area .workflow_box02 .workflow_box .box:nth-of-type(7) .illust {
	position: absolute;
	top: 0;
	right: 0;
}

#container #workflow_area .workflow_box02 .workflow_box .box:nth-of-type(9) .illust {
	position: absolute;
	top: 20px;
	right: 25px;
}

#container #workflow_area .workflow_box02 .workflow_box .box:nth-of-type(11) .illust {
	position: absolute;
	top: 10px;
	right: 30px;
}


/*　銘木の魅力 / precious_wood_box01
----------------------------------------------- */

#container #precious_wood_area .precious_wood_box01 {
	padding: 0 0 120px;
}

#container #precious_wood_area .precious_wood_box01 .img_box {
	background-image: url(../../img/precious_wood/box01/img.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 10px;
}

#container #precious_wood_area .precious_wood_box01 .img_box .midashi {
	padding-top: 420px;
}

#container #precious_wood_area .precious_wood_box01 .img_box .illust {
	text-align: right;
	padding-top: 30px;
}

#container #precious_wood_area .precious_wood_box01 .txt_box {
	margin-bottom: 70px;
}

#container #precious_wood_area .precious_wood_box01 .txt_box .tag {
	margin-bottom: 25px;
}

#container #precious_wood_area .precious_wood_box01 .txt_box p {
	font-size: 26px;
	line-height: 2.0em;
}

#container #precious_wood_area .precious_wood_box01 ul li {
	width: 100%;
	padding: 24px 0;
	margin-bottom: 40px;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 32px;
	color: #ffffff;
	letter-spacing: 0.08em;
	background-color: #db7029;
}

#container #precious_wood_area .precious_wood_box01 ul li:last-child {
	margin-bottom: 0;
}


/*　銘木の魅力 / precious_wood_box02
----------------------------------------------- */

#container #precious_wood_area .precious_wood_box02 {
	padding: 0 0 120px;
}

#container #precious_wood_area .precious_wood_box02 .midashi {
	text-align: center;
	margin-bottom: 40px;
}

#container #precious_wood_area .precious_wood_box02 .midashi_txt {
	text-align: center;
	margin-bottom: 70px;
}

#container #precious_wood_area .precious_wood_box02 ul li .img {
	/*margin-bottom: 40px;*/
}

#container #precious_wood_area .precious_wood_box02 ul li .name {
	margin-bottom: 25px;
	text-align: center;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 30px;
	display: none;
}

#container #precious_wood_area .precious_wood_box02 ul li p {
	font-size: 26px;
	line-height: 2.0em;
	display: none;
}

/** LINE UP slider **/

#container #precious_wood_area .precious_wood_box02 .slick_container {
    width: 500px;
    margin: 0 auto;
    position: relative;
}

#container #precious_wood_area .precious_wood_box02 #precious_wood_slider {
    position: relative;
  }

#container #precious_wood_area .precious_wood_box02 #precious_wood_slider .slider-arrow {
    position: absolute;
    top: 200px;
    z-index: 100;
    cursor: pointer;
  }

#container #precious_wood_area .precious_wood_box02 #precious_wood_slider .slider-prev {
    position: absolute;
	left: -70px;
  }

#container #precious_wood_area .precious_wood_box02 #precious_wood_slider .slider-next {
    position: absolute;
	right: -70px;
}

/*　銘木の魅力 / precious_wood_box03
----------------------------------------------- */

#container #precious_wood_area .precious_wood_box03 {
	padding: 0 0 75px;
}

#container #precious_wood_area .precious_wood_box03 .midashi {
	text-align: center;
	margin-bottom: 40px;
}

#container #precious_wood_area .precious_wood_box03 .midashi_txt {
	text-align: center;
	margin-bottom: 70px;
}

#container #precious_wood_area .precious_wood_box03 .slider_box {
	
}

#container #precious_wood_area .precious_wood_box03 .slider_box #bx-wrapper {
	width: 100%;
	height: 420px;
}
#container #precious_wood_area .precious_wood_box03 .slider_box #bx-viewport {
	width: 700px;
	height: 420px;
	margin: 0 auto;
}

#container #precious_wood_area .precious_wood_box03 .slider_box .bxslider li{
	width: 700px;
}

.bx-viewport {
	overflow: visible!important;
}


/*　施工実績 / works_box
----------------------------------------------- */

#container #works_area .works_box {
	
}

#container #works_area .works_box .box {
	position: relative;
	margin-top: 160px;
}

#container #works_area .works_box .box:first-of-type {
	margin-top: 100px;
}

#container #works_area .works_box .box .img {
	text-align: center;
}

#container #works_area .works_box .box .address {
	position: absolute;
	top: -30px;
	left: 30px;
}

#container #works_area .works_box .box .img_box {
	margin-bottom: 40px;
}

#container #works_area .works_box .box .img_box ul {
	
}

#container #works_area .works_box .box .img_box ul li {
	text-align: center;
	margin-top: 10px;
}

#container #works_area .works_box .box .img_box .copy_photo {
	font-size: 20px;
	margin-top: 15px;
	text-align: right;
}

#container #works_area .works_box .box .txt_box {
	
}

#container #works_area .works_box .box .txt_box .top_box {
	margin-bottom: 55px;
}

#container #works_area .works_box .box .txt_box .top_box .tag {
	margin-bottom: 25px;
}

#container #works_area .works_box .box .txt_box .top_box p {
	font-size: 26px;
	line-height: 2.0em;
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

#container #works_area .works_box .box .txt_box .bottom_box {
	position: relative;
}

#container #works_area .works_box .box:nth-of-type(1) .txt_box .bottom_box .illust {
	position: absolute;
	bottom: 0;
	right: 40px;
}

#container #works_area .works_box .box:nth-of-type(2) .txt_box .bottom_box .illust {
	position: absolute;
	bottom: 0;
	right: 60px;
}

#container #works_area .works_box .box:nth-of-type(3) .txt_box .bottom_box .illust {
	position: absolute;
	bottom: 0;
	right: 40px;
}

#container #works_area .works_box .box:nth-of-type(4) .txt_box .bottom_box .illust {
	position: absolute;
	bottom: 0;
	right: 40px;
}

#container #works_area .works_box .box:nth-of-type(5) .txt_box .bottom_box .illust {
	position: absolute;
	bottom: 0;
	right: 40px;
}

#container #works_area .works_box .box .txt_box .bottom_box ul {
	
}

#container #works_area .works_box .box .txt_box .bottom_box ul li {
	display: -webkit-box;/* Androidブラウザ用 */
	display: -moz-box;/* Firefox21 */
	display: -ms-flexbox;/* IE10 */
	display: -webkit-flex;/* safari（PC）用 */
	display: flex;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	margin-right: 10px;
	margin-bottom: 20px;
}

#container #works_area .works_box .box .txt_box .bottom_box ul li:last-child {
	margin-bottom: 0;
}

#container #works_area .works_box .box .txt_box .bottom_box ul li .data_midashi {
	width: 130px;
	background-color: #959595;
	padding: 10px 0 8px;
	font-size: 24px;
	color: #ffffff;
	text-align: center;
	letter-spacing: 0.08em;
	margin-right: 30px;
}

#container #works_area .works_box .box .txt_box .bottom_box ul li .data {
	font-size: 24px;
}


/*　会社概要 / company_box01
----------------------------------------------- */

#container #company_area .company_box01 {
	padding: 70px 0 120px;
}

#container #company_area .company_box01 .inner {
	position: relative;
}

#container #company_area .company_box01 .img {
	margin-bottom: 70px;
	text-align: center;
}

#container #company_area .company_box01 .midashi {
	margin-bottom: 60px;
	text-align: center;
}

#container #company_area .company_box01 .illust {
	position: absolute;
	top: 370px;
	left: 30px;
}

#container #company_area .company_box01 .profile_table {
	margin-bottom: 70px;
}

#container #company_area .company_box01 .profile_table th {
	width: 140px;
	border-right: 1px solid #000000;
	font-size: 26px;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	text-align: left;
	vertical-align: top;
}

#container #company_area .company_box01 .profile_table td {
	font-size: 26px;
	line-height: 1.6em;
	letter-spacing: 0.05em;
	padding-bottom: 25px;
	padding-left: 60px;
	vertical-align: top;
}

#container #company_area .company_box01 .profile_table tr:last-child td{
	padding-bottom: 0;
}

#container #company_area .company_box01 .red_txt_box {
	text-align: center;
}

#container #company_area .company_box01 .red_txt_box .red_line {
	display: inline-block;
	content: "";
	width: 135px;
	height: 1px;
	background-color: #a40000;
	margin-bottom: 45px;
}

#container #company_area .company_box01 .red_txt_box p {
	font-size: 26px;
	line-height: 2.0em;
	color: #a40000;
}

/*　会社概要 / company_box02
----------------------------------------------- */

#container #company_area .company_box02 {
	
}

#container #company_area .company_box02 .inner {
	position: relative;
}

#container #company_area .company_box02 .img {
	margin-bottom: 70px;
	text-align: center;
}

#container #company_area .company_box02 .midashi {
	margin-bottom: 60px;
	text-align: center;
}

#container #company_area .company_box02 .illust {
	position: absolute;
	top: 320px;
	right: 30px;
}

#container #company_area .company_box02 p {
	font-size: 26px;
	line-height: 2.0em;
	margin-bottom: 40px;
}

#container #company_area .company_box02 .name {
	text-align: right;
}


/*　事業案内 / business_info_box01
----------------------------------------------- */

#container #business_info_area .business_info_box01 {
	
}

#container #business_info_area .business_info_box01 .midashi {
	text-align: center;
	margin-bottom: 70px;
}

#container #business_info_area .business_info_box01 .btn_box {
	position: relative;
	margin-bottom: 70px;
}

#container #business_info_area .business_info_box01 .btn_box ul {
	
}

#container #business_info_area .business_info_box01 .btn_box ul li {
	margin-bottom: 10px;
}

#container #business_info_area .business_info_box01 .btn_box ul li:last-child {
	margin-bottom: 0;
}

#container #business_info_area .business_info_box01 .btn_box .illust {
	position: absolute;
	top: 730px;
	right: 30px;
}

#container #business_info_area .business_info_box01 .txt_box {
	
}

#container #business_info_area .business_info_box01 .txt_box .daiji {
	text-align: center;
	margin-bottom: 55px;
}

#container #business_info_area .business_info_box01 .txt_box p {
	font-size: 26px;
	line-height: 2.0em;
}

#container #business_info_area .line {
	text-align: center;
	padding: 100px 0 120px;
	font-size: 0;
}


/*　事業案内 / business_info_box02
----------------------------------------------- */

#container #business_info_area .business_info_box02 {
	padding: 0 0 140px;
}

#container #business_info_area .business_info_box02 .business_info_box {
	
}

#container #business_info_area .business_info_box02 .box {
	margin-bottom: 80px;
}

#container #business_info_area .business_info_box02 .box:last-of-type {
	margin-bottom: 0;
}

#container #business_info_area .business_info_box02 .box:nth-of-type(2) {
	padding: 160px 0 120px;
}

#container #business_info_area .business_info_box02 .box .top_box {
	position: relative;
	margin-bottom: 60px;
}

#container #business_info_area .business_info_box02 .box .top_box .img {
	text-align: center;
}

#container #business_info_area .business_info_box02 .box .top_box .midashi {
	position: absolute;
	top: -30px;
	left: 30px;
}

#container #business_info_area .business_info_box02 .box .top_box .illust {
	position: absolute;
	bottom: 20px;
	right: 30px;
}

#container #business_info_area .business_info_box02 .box .middle_box {
	margin-bottom: 60px;
}

#container #business_info_area .business_info_box02 .box .middle_box ul {
	width: 480px;
	margin: 0 auto;
	display: -webkit-box;/* Androidブラウザ用 */
	display: -moz-box;/* Firefox21 */
	display: -ms-flexbox;/* IE10 */
	display: -webkit-flex;/* safari（PC）用 */
	display: flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#container #business_info_area .business_info_box02 .box .middle_box ul li:first-child {
	width: 100%;
	text-align: center;
	margin-bottom: 20px;
}

#container #business_info_area .business_info_box02 .box .bottom_box {
	margin-bottom: 55px;
}

#container #business_info_area .business_info_box02 .box .bottom_box .img {
	text-align: center;
	margin-bottom: 25px;
}

#container #business_info_area .business_info_box02 .box .bottom_box p {
	font-size: 26px;
	line-height: 2.0em;
}

#container #business_info_area .business_info_box02 .box:nth-of-type(2) .bottom_box p {
	color: #ffffff;
}

#container #business_info_area .business_info_box02 .box .staff_box {
	
}

#container #business_info_area .business_info_box02 .box .staff_box ul {
	margin-bottom: 40px;
	display: -webkit-box;/* Androidブラウザ用 */
	display: -moz-box;/* Firefox21 */
	display: -ms-flexbox;/* IE10 */
	display: -webkit-flex;/* safari（PC）用 */
	display: flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}

#container #business_info_area .business_info_box02 .box .staff_box ul li {
	
}

#container #business_info_area .business_info_box02 .box .staff_box .tag {
	display: block;
	margin-bottom: 25px;
}

#container #business_info_area .business_info_box02 .box .staff_box p {
	font-size: 26px;
	line-height: 2.0em;
}

#container #business_info_area .business_info_box02 .box:nth-of-type(2) .staff_box p {
	color: #ffffff;
}


/*　よくあるご質問 / faq_box
----------------------------------------------- */

#container #faq_area .ttl_txt {
	font-size: 26px;
	line-height: 2.0em;
	text-align: center;
	padding: 55px 0;
}

#container #faq_area .illust {
	
}

#container #faq_area .faq_box {
	padding: 0 0 140px;
}

.faq_acd_box {
	
}

.acd_list {
	background: #ffffff;
    border: 1px solid #5a7b13;
	width: 100%;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
	transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
}

.faq_acd_box .acd_list:last-of-type {
	margin-bottom: 0;
}

dl.open {
    border: 1px solid #db7029;
}


.acd_list dt {
    display: block;
	padding: 40px 40px 40px 100px;
	position: relative;
}

.acd_list dt .q_txt {
	font-family: "ヒラギノ明朝 Pro W3","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 30px;
	line-height: 1.6em;
	letter-spacing: 0.08em;
}

dl.open .q_txt {
    color: #db7029;
}

.acd_list dd {
    display: none;
	background: #ffffff;
	padding: 0 40px 25px;
}

.acd_list dd p {
    font-size: 24px;
	line-height: 2.0em;
}

.acd_icon,
.acd_icon span {
	display: inline-block;
}

.acd_icon {
	position: absolute;
	top: -1px;
	left: 0;
	width: 60px;
	height: 60px;
	background-color: #5a7b13;
	transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
}

dl.open .acd_icon  {
    background-color: #db7029;
}

.acd_icon span {
	position: absolute;
    left: 14px;
    width: 30px;
	height: 2px;
    background-color: #ffffff;
}

.acd_icon span:nth-of-type(1) {
    top: 29px;
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.acd_icon span:nth-of-type(2) {
    top: 29px;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.acd_icon.active span:nth-of-type(1) {
	display: none;
}

.acd_icon.active span:nth-of-type(2) {
	top: 29px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}


/*　お問い合わせ / contact_box
----------------------------------------------- */

#container #contact_area .ttl_txt {
	font-size: 26px;
	line-height: 2.0em;
	text-align: center;
	padding: 55px 0 80px;
}

#container #contact_area .ttl_box {
	position: relative;
}

#container #contact_area .ttl_box .illust {
	position: absolute;
	top: 475px;
	right: 60px;
}

#container #contact_area .contact_box {
	padding: 0 0 200px;
}

#container #contact_area .contact_box .red_txt {
	text-align: center;
	font-size: 24px;
	color: #e60012;
	margin-bottom: 100px;
}

#container #contact_area .contact_box .box {
	margin-bottom: 60px;
}

#container #contact_area .contact_box .box:last-of-type {
	margin-bottom: 0;
}

#container #contact_area .contact_box .box .box_l {
	font-size: 28px;
	margin-bottom: 30px;
}

#container #contact_area .contact_box .box .box_r {
	
}

/*　お問い合わせ共通スタイル */

#container #contact_area .contact_box .box .txt_s {
	display: block;
	font-size: 24px;
	margin-bottom: 30px;
}

#container #contact_area .contact_box .box input {
    padding: 27px 20px;
	border: none;
	font-size: 26px;
	width: 100%;
}

#container #contact_area .contact_box .box textarea {
    padding: 27px;
	border: none;
	font-size: 26px;
	line-height: 1.8em;
	width: 100%;
}

#container #contact_area .contact_box .box .select_style_box {
	position: relative;
}

#container #contact_area .contact_box .box .select_style_box select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	padding: 27px 20px;
	font-size: 26px;
	border: none;
	background-color: #ffffff;
	background-image: url(../../img/contact/arrow_icon.png);
	background-position: right 50%;
	background-repeat: no-repeat;
	background-size: contain;
}

#container #contact_area .contact_box table {
	width: 100%;
}

#container #contact_area .contact_box table th {
	display: block;
	width: 100%;
	text-align: center;
	padding: 40px 20px 0;
	font-size: 28px;
	font-weight: bold;
}

#container #contact_area .contact_box table td {
	display: block;
	width: 100%;
	padding: 40px 20px 40px 30px;
	border-bottom: 1px solid #000000;
	text-align: center;
}

#container #contact_area .contact_box .msg {
	color: #e60012;
}

/*　お問い合わせボタン共通スタイル */

#container #contact_area .contact_box .contact_btn_box {
	margin-top: 70px;
}

#container #contact_area .contact_box .contact_btn_box .btn {
    text-align: center;
}

#container #contact_area .contact_box .contact_btn_box .btn + .btn {
    margin-top: 50px;
}

#container #contact_area .contact_box .contact_btn_box button {
	transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
}

#container #contact_area .contact_box .contact_btn_box button:hover {
    opacity: 0.6;
}










