@charset "utf-8";
/*
 * CSS pageParts.css
 */

.newstopics{ color: #312b2a; padding: 15px 0 0 0; }
.newstopics dt{ font-family: "Sawarabi Mincho"; font-size: 0.87em; color: #006f45; letter-spacing: -1px; }
.newstopics dd{ font-size: 0.93em; padding-left: 90px; margin-bottom: 25px; }
.newstopics dd:last-child{ margin-bottom: 10px; }
@media screen and (max-width: 767px){
	.newstopics dd{ padding-left: 0; padding-bottom: 10px; border-bottom: 1px dotted #7e7b7a; }
}

/* ---------------------------------------
#index
--------------------------------------- */
/* sec_1 */
#index #sec_1{ margin-top: 50px; }
#index #sec_1 .newswrap{ position: relative; }
#index #sec_1 .titlebox{ width: 200px; background: #e4e4e4; height: 100%; position: absolute; top: 0; left: 0; }
#index #sec_1 .titlebox .boxin{ position: relative; top: 50%; left: 0; margin-top: -35px; }
#index #sec_1 .titlebox .subtitle{ text-align: center; }
#index #sec_1 .titlebox .subtitle img{ width: 49px; }
#index #sec_1 .titlebox .title{ text-align: center; font-size: 1.37em; }
#index #sec_1 .newstopics{ max-height: 380px; overflow: auto; margin-bottom: 10px; }

#index #sec_1 .box1{ padding-left: 240px; padding-right: 40px; }
#index #sec_1 .box1 .link1{ text-align: right; }
#index #sec_1 .box1 .link1 a{ text-decoration: none; }

@media screen and (max-width: 1010px){
	#index #sec_1 .titlebox{ width: 170px; }

	#index #sec_1 .box1{ padding-left: 200px; padding-right: 30px; }
}

@media screen and (max-width: 767px){
	#index #sec_1{ margin-top: 20px; }
	#index #sec_1 .titlebox{ width: 100%; height: auto; position: static; padding: 15px 0 10px; }
	#index #sec_1 .titlebox .boxin{ position: static; margin-top: 0; }

	#index #sec_1 .box1{ padding-left: 15px; padding-right: 15px; }
}

/* sec_2 */
#index #sec_2{ background: url(../img/index/s2_bg.jpg) no-repeat center; background-size: cover; padding: 60px 0 40px; box-sizing: border-box; margin-top: 50px; }
#index #sec_2 .sectitle1{ text-align: center; margin-bottom: 40px; }
#index #sec_2 .sectitle1 .subtitle{ display: block; }
#index #sec_2 .sectitle1 .subtitle img{ width: 144px; }
#index #sec_2 .sectitle1 .title{ display: block; font-weight: bold; font-size: 1.87em; line-height: 1.6; }

#index #sec_2 .ullist{ margin-left: -2.833%; }
#index #sec_2 .ullist li{ float: left; background: #fff; width: 30.5%; margin-left: 2.833%; margin-bottom: 40px; box-shadow:0px 0px 30px 0px rgba(49,43,42,0.5); }
#index #sec_2 .ullist li a{ text-decoration: none; display: block; padding: 15px 20px; }
#index #sec_2 .ullist li .tit{ font-weight: bold; font-size: 1.25em; margin-bottom: 5px; text-align: center; }

@media screen and (max-width: 1010px) {
	#index #sec_2 .ullist li .tit{ font-size: 1.1em; }
}

@media screen and (max-width: 767px) {
	#index #sec_2{ padding: 15px 0 10px; margin-top: 20px; }
	#index #sec_2 .sectitle1{ margin-bottom: 15px; }

	#index #sec_2 .ullist{ margin-left: 0; }
	#index #sec_2 .ullist li{ float: none; width: 100%; max-width: 500px; margin: 0 auto; margin-bottom: 15px; box-shadow:0px 0px 15px 0px rgba(49,43,42,0.5); }
}


/* sec_3 */
#index #sec_3{ height: 450px; background: url(../img/index/s3_bg.jpg) no-repeat center; background-size: cover; padding: 65px 0 40px; box-sizing: border-box; }
#index #sec_3 .sectitle1{ margin-bottom: 25px; }
#index #sec_3 .sectitle1 .subtitle{ display: block; }
#index #sec_3 .sectitle1 .subtitle img{ width: 196px; }
#index #sec_3 .sectitle1 .title{ display: block; font-weight: bold; font-size: 1.87em; color: #fff; line-height: 1.6; }
#index #sec_3 .txt1{ font-weight: bold; font-size: 1.25em; color: #fff; margin-bottom: 5px; }
#index #sec_3 .txt2{ width: 520px; color: #fff; margin-bottom: 25px; }
#index #sec_3 .btn1 img{ width: 161px; }

@media screen and (max-width: 767px){
	#index #sec_3{ height: auto; padding: 15px 0 20px; }
	#index #sec_3 .sectitle1{ margin-bottom: 10px; }
	#index #sec_3 .sectitle1 .subtitle{ margin-bottom: 5px; }
	#index #sec_3 .sectitle1 .title{ line-height: 1.2; }
	#index #sec_3 .txt2{ width: 100%; color: #fff; margin-bottom: 15px; }
	#index #sec_3 .btn1{ text-align: center;  }
}
@media screen and (max-width: 639px){
	#index #sec_3{ background: url(../img/index/s3_bg_m.jpg) no-repeat top; background-size: cover; }
}
@media screen and (max-width: 400px){
	#index #sec_3 .txt1{ font-size: 1.04em; }
}






/* ---------------------------------------
#inheritance
--------------------------------------- */
#inheritance #sec_1 .block:first-child{ padding-top: 30px; }
#inheritance .txtbox .txt1{ margin-bottom: 25px; }
@media screen and (max-width: 767px){
	#inheritance #sec_1 .txtbox .txt1{ margin-bottom: 15px; }
}

/*.future*/
#inheritance.future #sec_1 .imgbox{ padding-top: 35px; }
@media screen and (max-width: 767px){
	#inheritance.future #sec_1 .imgbox{ padding-top: 25px; }
}
@media screen and (max-width: 639px){
	#inheritance.future #sec_1 .imgbox{ padding-top: 0; }
}

/*.everyone*/
#inheritance.everyone .section{ margin-top: 30px; }
@media screen and (max-width: 767px){
	#inheritance.everyone .section{ margin-top: 0; }
}

/*.you*/
#inheritance.you .section{ margin-top: 30px; }
@media screen and (max-width: 767px){
	#inheritance.you .section{ margin-top: 0; }
}


/* ---------------------------------------
#corporate
--------------------------------------- */
/*.introduction*/
#corporate.introduction #sec_3 .ullist1._1{ float: left; margin-right: 50px; }
#corporate.introduction #sec_3 .ullist1._2{ float: left; }
@media screen and (max-width: 767px){
	#corporate.introduction #sec_3 .ullist1._1{ float: none; margin-right: 0; }
	#corporate.introduction #sec_3 .ullist1._2{ float: none; }
}

#corporate.introduction #sec_5 .table_type1 th{ width: 120px; box-sizing: border-box; }
@media screen and (max-width: 767px){
	#corporate.introduction #sec_5 .table_type1 th{ width: 90px; }
}

/*.idea*/
#corporate.idea #sec_2 .img1{ text-align: center; }
#corporate.idea #sec_2 .img1 img{ max-width: 758px; width: 100%; }



/* ---------------------------------------
#initiatives
--------------------------------------- */
/*.new*/
#initiatives.new #sec_1 .txt1{ font-weight: bold; text-indent: -1.4em; margin-left: 1.4em; }
#initiatives.new #sec_1 .txt1 span{ font-weight: bold; margin-right: 5px; }
#initiatives.new #sec_1 .txt2{ margin-left: 20px; }
#initiatives.new #sec_1 .txt2{ margin-left: 20px; }


/*’ljÁ*/
#initiatives.new #sec_1 dl{width: 97%; margin-left:3%;}
#initiatives.new #sec_1 dt{width:100%;}
#initiatives.new #sec_1 dd{width:95%;margin-left:5%;}

#initiatives.new #sec_1 .txtbox_l{width:65%; margin-right:5%;float:left;}
#initiatives.new #sec_1 .imgbox_r{width:30%;float:right;}
#initiatives.new #sec_1 .btn a{text-decoration:none;}
#initiatives.new #sec_1 .imgcaption{text-align:center;}

@media screen and (max-width: 767px){
#initiatives.new #sec_1 .txtbox_l{width:100%;float:none;margin-bottom:10px!impoetant;}
#initiatives.new #sec_1 .imgbox_r{width:60%;float:none; margin:10px auto;}
#initiatives.new #sec_1 .btn{margin-bottom:10px!important;}
}
@media screen and (max-width: 479px){

#initiatives.new #sec_1 .imgbox_r{width:100%;}
#initiatives.new #sec_1 .imgcaption{text-align:left;}
}


}





/*.fp*/
#initiatives.fp #sec_2 .img1{ text-align: center; }
#initiatives.fp #sec_2 .img1 img{ width: 753px; }

#initiatives.fp #sec_3 a{ color: #006f45; }
#initiatives.fp #sec_3 .table_type1 td,#initiatives.fp #sec_3 .table_type1 th{ padding: 8px 10px; }
#initiatives.fp #sec_3 .table_type1 th{ width: 70px; }
#initiatives.fp #sec_3 .blocktitle{ padding-top: 50px; }
#initiatives.fp #sec_3 .box{ padding-top: 30px; }
#initiatives.fp #sec_3 .ullist2 li{ text-indent: -1.3em; margin-left: 1.3em; }
#initiatives.fp #sec_3 .ullist2 li span{ margin-right: 5px; }
#initiatives.fp #sec_3 .table_type1 td{ border-left: 1px solid #cccccc; }
#initiatives.fp #sec_3 .table_type1 td.td1{ width: 35%; }
#initiatives.fp #sec_3 .img1{ text-align: center; }
@media screen and (max-width: 767px){
	#initiatives.fp #sec_3 .blocktitle{ padding-top: 30px; }
	#initiatives.fp #sec_3 .table_type1 th{ border: none; text-align: left; }
	#initiatives.fp #sec_3 .table_type1 tr:first-child th:first-child{ border-top: 1px solid #cccccc; }
	#initiatives.fp #sec_3 .table_type1 td{ border-left: none; }
	#initiatives.fp #sec_3 .table_type1 td.td1{ width: 100%; }
	#initiatives.fp #sec_3 .table_type1 .bbn{ border-bottom: none; }
	#initiatives.fp #sec_3 .table_type1 th,#initiatives.fp #sec_3 .table_type1 td{ display: block; width: 100%; box-sizing: border-box; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; }
}


/* ---------------------------------------
#case
--------------------------------------- */
#case .section{ margin-top: 30px; }
#case .innerlink{ text-align: center; margin: 30px 0; }
#case .innerlink li{ display: inline-block; padding-left: 22px; }
#case .innerlink li:first-child{ padding-left: 0; }
#case .innerlink li:before{ content: "|"; display: inline-block; color: #d1cccb; padding-right: 17px; }
#case .innerlink li:first-child:before{ display: none; }
#case .innerlink li a{ text-decoration: none; font-weight: bold; font-size: 1.1em; color: #006f45; }
#case .innerlink li a:after{ content: ""; display: inline-block; width: 11px; height: 7px; background: url(../img/common/arr2_green.png) no-repeat center; background-size: 100%; position: relative; top: -2px; left: 10px;  }
@media screen and (max-width: 767px){
	#case .section{ margin-top: 0; }
	#case .innerlinkwrap{ text-align: center; }
	#case .innerlink{ display: inline-block; margin: 20px 0 10px; }
	#case .innerlink li{ display: block; padding-left: 0; text-align: left; }
	#case .innerlink li:before{ display: none; padding-right: 0; }
}