@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 大枠レイアウト
　02. メインコンテンツ
　03. タブ
　04. メインビジュアル
　05. リードブロック
　06. 見出し
　07. カラムモジュール
　08. 表組みモジュール
　09. 枠
　10. インデント
　11. カテゴリーナビ
　12. 可変領域
　13. リンクスタイル
　14. テキストスタイル

******************************************************************************* */
/* ==

　01. 大枠レイアウト

=============================================================================== */
/* メインエリア調整
------------------------------------------------------------------------------- */
#main.opMainReset {
	width: auto;
	padding: 0;
}
#main.opMainTypeA {
	/*background: url(../images/common/main_bg01.jpg) center top no-repeat;*/
}
#main.opMainTypeB {
	background: url(../images/common/main_bg02.jpg) center top no-repeat;
}
#main.opMainTypeC {
	background: url(../images/common/main_bg03.jpg) center top no-repeat;
}
/* ローカルナビ
------------------------------------------------------------------------------- */
#loacalNav {
	width:890px;
	margin: 40px auto 70px;
	padding: 20px 25px 15px;
	border: 5px solid #ececec;
	background-color: #f8f8f8;
}
#loacalNav h2 {
	margin-bottom: 12px;
	padding: 0.1em 0 18px 46px;
	border-bottom: 1px solid #ccc;
	background: none;
	background-position: left top;
	background-repeat: no-repeat;
	font-size: 150%;
}
#loacalNav.typeSustainable h2 { background-image: url(/sustainable/images/rn01/localnav_ico01.png); }
#loacalNav h2 a {
	padding-left: 15px;
	background: url(/common/images/ico_arw04.gif) 1px center no-repeat;
}
#loacalNav li {
	float: left;
	margin: 0 15px 5px 0;
	white-space: nowrap;
}
#loacalNav .navCurrent {
	float: none;
	margin: 0 0 10px;
}
#loacalNav .navCurrent div {
	margin-left: -13px;
	padding-left: 13px;
	background: url(/common/images/bg_line03.gif) left bottom repeat-x;
}
#loacalNav .linkListS {
	padding: 6px 0 9px;
	font-size: 100%;
}
#loacalNav .linkListS li {
	margin: 0 15px 0 0;
	padding-bottom: 3px;
}
/* ==

　02. メインコンテンツ

=============================================================================== */
@media only screen and (min-width: 820px) and (max-width: 820px) {
	#main{
		padding-left: 0;
		padding-right: 0;
	}
}

#main section,
#main .section { margin-bottom: 60px; }
#main section section, #main section .section, #main .section section, #main .section .section {
	margin-bottom: 60px;
	margin-top: 60px;
}
#main .separateT{ margin-top:50px;margin-bottom:50px; padding-top:50px; }

#main p { font-size: 134%; line-height:1.8; }
/*
#main p.contCapS, #main p.contCap, #main p.contCapL, #main p.contCapXL,
#main .descCap, #main p.descCapB,
#main p.note{ font-size:117%; line-height:1.5; }*/
#main p.linkTxt, #main p.linkExternal{ line-height:1.4; } 
/*
#main p.linkTxt, #main p.linkExternal { font-size: 117%; line-height:1.4; }
#main p.linkTxt em{ font-size:117%; }
*/
#main dt, #main dd, #main th, #main td, #main ul, #main ol {
	font-size: 134%;
}
#main ol.notesNum, #main ul.discList01, #main ul.notes{ font-size:117%; }
#main li li, #main li p { font-size: 100%; }
/* ==

　03. タブ

=============================================================================== */
.mainTab01sak {
	background-color: #666;
}
.mainTab01sak_in {
	width: 950px;
	margin: 0 auto;
}
.mainTab01sak_in li {
	float: left;
	margin: 0 10px 0 0;
}
.mainTab01sak_in .mainTab01sak_nav3 {
	margin: 0;
}
/* ==

　04. メインビジュアル

=============================================================================== */
.mainVisual01sak {
	position: relative;
	min-width: 950px;
	height: 500px;
	overflow: hidden;
}
.mainVisual01sak_in {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1400px;
	height: 500px;
	margin-left: -700px;
	background-color: #ccc;
}
.mainVisual01sak_visual img {
	position: absolute;
	top: 0;
	left: 0;
}
.mainVisual01sak_front {
	position: relative;
	padding: 6.25% 0 0;
}
.mainVisual01sak_front img {
	display: none;
}
.mainVisual01sak_tit {
	width: 950px;
	line-height: 1;
	margin: 0 auto 18px;
	padding: 0;
	border: none;
	background: none;
	text-align: center;
}
.mainVisual01sak_btn {
	width: 950px;
	margin: 0 auto 12px;
	text-align: center;
}
.mainVisual01sak_txt {
	width: 950px;
	line-height: 1;
	margin: 0 auto;
	text-align: center;
}
.mainVisual02sak {
	position: relative;
	min-width: 950px;
	height: 230px;
	margin:0 0 40px;
	overflow: hidden;	
}
.mainVisual02sak_in {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1400px;
	height: 230px;
	margin-left: -700px;
}
.mainVisual02sak_tit {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 80px;
	line-height: 1;
	margin: -60px 0 0;
	padding: 0;
	border: none;
	background: none;
	text-align: center;
}


.mainVisual03sak {
	position: relative;
	min-width: 950px;
	max-width: 1400px;
	margin: 0 auto;
	height: 500px;
	overflow: hidden;
}
.mainVisual03sak .swiper{
	position: relative;
}
.mainVisual03sak_visual01{
	min-height: 500px;
	padding-top: 100px;
	background: url(/sustainable/social/contribution/sakura/images/index_mainVisual05.jpg) center center no-repeat;
	background-size: cover;
	text-align: center;
	box-sizing: border-box;
	overflow: hidden;
}
/*
#mainVisual03sak_visual01{
	background-image: url(/sustainable/social/contribution/sakura/images/index_mainVisual01.jpg);
}
*/
.mainVisual03sak_visual02{
	min-height: 500px;
	padding-top: 130px;
	background: url(/sustainable/social/contribution/sakura/images/index_mainVisual04.jpg) center center no-repeat;
	background-size: cover;
	text-align: center;
	box-sizing: border-box;
	overflow: hidden;
}
.mainVisual03sak_tit {
	line-height: 1;
	margin: 0 auto 18px;
	padding: 0;
	border: none;
	background: none;
}
.mainVisual03sak_btn {
	margin: 0 auto 12px;
}
.mainVisual03sak_txt {
	line-height: 1;
	margin: 0 auto;
}

/*
.mainVisual03sak_visual01 .mainVisual03sak_front img {
	display: none;
}

.mainVisual03sak_visual01 .mainVisual03sak_front.imgOn img {
	display: block;
}
*/
.mainVisual03sak_visual02 .mainVisual03sak_txt {
	margin-bottom: 37px;
}







/* ==

　05. リードブロック

=============================================================================== */
/* パターン1
------------------------------------------------------------------------------- */
#main .leadBlock01sak {
	padding: 65px 0 110px;
}
#main .leadBlock01sak-typeB {
	padding: 120px 0 150px;
}
#main .leadBlock01sak_logo {
	margin: 0 0 50px;
	text-align: center;
}
#main .leadBlock01sak_catch {
	margin: 0 0 40px;
	text-align: center;
}
#main .leadBlock01sak_imgT {
	text-align:center;
}

/* パターン2
------------------------------------------------------------------------------- */
#main .leadBlock02sak {
	padding: 50px 0 70px;
}
#main .leadBlock02sak_catch {
	margin: 0 0 45px;
	text-align: center;
}
#main .leadBlock02sak_txt01 {
	margin: 0 0 40px;
}
/* ==

　06. 見出し

=============================================================================== */
#main .heading1sak {
	min-height: 72px;
	height: auto !important;
	height: 72px;
	margin: 0 0 50px;
	padding: 53px 0 0;
	background: url(../images/common/heading_bg01.jpg) left top no-repeat;
}
#main .heading1sak_tit {
	line-height: 1;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	text-align: center;
}
#main .heading2sak {
	line-height: 1;
	margin: 0 0 45px;
	padding: 0;
	border: none;
	background: none;
	text-align: center;
}
#main .heading3sak {
	margin: 0 0 25px;
	padding: 0 0 14px;
	border-bottom: 4px solid #e5e5e5;
	background: none;
	text-align: center;
}
#main .heading3sak_tit {
	display: inline-block;
	min-height: 55px;
	height: auto !important;
	height: 55px;
	margin: 0;
	padding: 0 0 0 64px;
	background: url(../images/common/heading_bg02.gif) left top no-repeat;
}
*:first-child+html #main .heading3sak_tit {
	display: inline;
	zoom: 1;
} /* ie7 */
* html #main .heading3sak_tit {
	display: inline;
	zoom: 1;
} /* ie6 */
#main .heading4sak {
	line-height: 1.6;
	margin: 0 0 10px;
	padding: 0;
	border: none;
	background: none;
	color: #de5d46;
	font-size: 184%;
	text-align: left !important;
}
#main .heading4sak.numTit {
	text-indent: -1.0em;
	padding-left: 1.0em;
}
#main .heading5sak {
	line-height: 1.6;
	margin: 0 0 20px;
	padding: 6px 10px 4px;
	border: none;
	background: #e5e5e5;
	color: #333;
	font-size: 150%;
}
#main .heading6sak {
	display: inline-block;
	line-height: 1.8;
	margin: 0 0 10px;
	padding: 5px 10px 4px;
	border: none;
	background: #474748;
	color: #fff;
	font-size: 134%;
	font-weight:bold;
}
*:first-child+html #main .heading6sak {
	display: inline;
	zoom: 1;
} /* ie7 */
* html #main .heading6sak {
	display: inline;
	zoom: 1;
} /* ie6 */
/* ==

　07. カラムモジュール

=============================================================================== */
/* 2カラム
------------------------------------------------------------------------------- */
#main .colBlock21sak {
	margin: 0 0 30px;
}
#main .colBlock21sak .colN {
	float: left;
	width: 380px;
}
#main .colBlock21sak .colW {
	float: right;
	width: 525px;
}
#main .colBlock21sak.opReverse .colN { float: right; }
#main .colBlock21sak.opReverse .colW { float: left; }
#main .colBlock22sak {
	margin: 0 0 30px;
}
#main .colBlock22sak .col1 {
	float: left;
	width: 465px;
}
#main .colBlock22sak .col2 {
	float: right;
	width: 465px;
}
#main .colBlock23sak {
	margin: 0 0 30px;
}
#main .colBlock23sak .col1 {
	float: left;
	width: 455px;
}
#main .colBlock23sak .col2 {
	float: right;
	width: 455px;
}
#main .colBlock23sak_in {
	width: 950px;
	margin: 0 0 20px;
}
#main .colBlock24sak {
	margin: 0 0 30px;
}
#main .colBlock24sak .colN {
	float: left;
	width: 275px;
}
#main .colBlock24sak .colW {
	float: right;
	width: 640px;
}
#main .colBlock24sak.opReverse .colN { float: right; }
#main .colBlock24sak.opReverse .colW { float: left; }
#main .colBlock25sak {
	margin: 0 0 30px;
}
#main .colBlock25sak .colN {
	float: left;
	width: 400px;
}
#main .colBlock25sak .colW {
	float: right;
	width: 510px;
}
#main .colBlock25sak.opReverse .colN { float: right; }
#main .colBlock25sak.opReverse .colW { float: left; }
#main .colBlock26sak {
	margin: 0 0 30px;
}
#main .colBlock26sak .colN {
	float: left;
	width: 310px;
}
#main .colBlock26sak .colW {
	float: right;
	width: 600px;
}
#main .colBlock26sak.opReverse .colN { float: right; }
#main .colBlock26sak.opReverse .colW { float: left; }
#main .colBlock26sak.opSeparate {
	border-bottom:solid 1px #ccc;
	margin:0 0 50px;
	padding:0 0 50px;
}

/* 3カラム
------------------------------------------------------------------------------- */
#main .colBlock31sak {
	padding: 0 0 10px;
	overflow: hidden;
	zoom: 1;
}
#main .colBlock31sak_in {
	margin: 0 -40px 0 0;
}
#main .colBlock31sak .col {
	float: left;
	width: 290px;
	margin: 0 40px 0 0;
	padding: 0 0 20px 0;
}
#main .colBlock26sak.colBlock31sa_txt01 .col{
	margin: 0 40px 10px 0;
}

#main .colBlock31sa_txt02 {
	margin:10px 0 0;
}

/* 4カラム
------------------------------------------------------------------------------- */
#main .colBlock41sak {
	padding: 0 0 5px;
	overflow: hidden;
}
#main .colBlock41sak_in {
	width: 975px;
	margin: 0 -25px 0 0;
}
#main .colBlock41sak .col {
	float: left;
	width: 218px;
	margin: 0 25px 20px 0;
}
#main .colBlock41sak .col a{ display:block; }
/*
#main .colBlock41sak .col p.linkTxt{ line-height:1.4; }
*/

/* ==

　08. 表組みモジュール

=============================================================================== */
#main .dataTable01sak {
  width: 100%;
}
#main .dataTable01sak th {
  padding: 13px 0 9px;
  border-bottom: 1px solid #e5e5e5;
  font-weight: normal;
}
#main .dataTable01sak td {
  padding: 13px 0 9px 10px;
  border-bottom: 1px solid #e5e5e5;
}
#main .dataTable01sak ul,
#main .dataTable01sak p {
  font-size: 100%;
}
/* ==

　09. 枠

=============================================================================== */
/* パターン1
------------------------------------------------------------------------------- */
#main .frameBox01 {
	padding: 15px;
	background-color: #fff;
}
#main .frameBox01 .colN {
	float: left;
	width: 175px;
	margin: 0 0 5px;
}
#main .frameBox01 .colW {
	float: right;
	width: 245px;
}
/* パターン1
------------------------------------------------------------------------------- */
#main .frameBox02 {
	padding: 14px;
	border: 1px solid #e1e1e1;
	background-color: #fafafa;
}
/* ==

　10. インデント

=============================================================================== */
#main .indentBlock01sak {
	width: 950px;
	margin: 0 auto;
}
/* ==

　11. カテゴリーナビ

=============================================================================== */
#main .categoryNav {
	margin: 60px 0 50px;
	padding: 17px;
	border: 3px solid #e5e5e5;
}
#main .categoryNav_tit {
	margin: 0;
	padding-bottom: 12px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
#main .categoryNav_list {
	line-height: 1.6;
	margin: 0 -17px 0 0;
	font-size: 125%;
}
#main .categoryNav_list li {
	float: left;
	width: 292px;
	margin: 20px 0 0;
	padding: 0 13px 0 0;
}
#main .categoryNav_list a {
	display: block;
	position: relative;
	min-height: 70px;
	height: auto !important;
	height: 70px;
	padding: 0 0 0 108px;
	text-decoration: none;
}
#main a .categoryNav_txt  {
	display: block;
	padding-left: 15px;
	background: url(/common/images/ico_arw04.gif) 1px 0.55em no-repeat;
	text-decoration: underline;
}
#main a:hover .categoryNav_txt  {
	text-decoration: none;
}
#main .categoryNav_thumb {
	position: absolute;
	top: 0;
	left: 0;
}
/* ==

　12. 可変領域

=============================================================================== */
.liquidArea {
	margin: 0 0 80px;
	padding: 0;
	background-color: #f8f8f8;
}
.liquidArea p{ font-size:114%; line-height:1.4; }
.liquidArea p em{ font-size:114%; }
/* レイアウトパターン1
------------------------------------------------------------------------------- */
.cvBlock01sak {
	width: 950px;
	margin: 0 auto;
	padding: 80px 0 18px;
}
.cvBlock01sak .colN {
	float: left;
	width: 276px;
}
.cvBlock01sak .colW {
	float: right;
	width: 630px;
}
.cvBlock01sak .linkBtn02sak {
	line-height: 1.45;
	margin: 23px 0 0;
	font-size: 150%;
}
/* レイアウトパターン2
------------------------------------------------------------------------------- */
.endBlock01sak {
	padding: 0;
}
.endBlock01sak_img {
	display: block;
	text-align: center;
}
.endBlock01sak_txt {
	display: block;
	padding: 19px 0 17px;
	background-color: #666;
	text-align: center;
}
/* 背景処理
------------------------------------------------------------------------------- */
#main .bgArea01 {
	padding: 75px 0 100px;
}
#main .bgArea01_txt {
	color: #fff;
}
/* ==

　13. リンクスタイル

=============================================================================== */
.linkBtn01sak,
#main .linkBtn01sak {
	line-height: 1.45;
	font-size: 150%;
	font-weight: bold;
}
.linkBtn01sak a,
#main .linkBtn01sak a {
	display: inline-block;
	min-width: 175px;
	padding: 8px 20px 8px 25px;
	background: #333 url(../images/common/ico_arw01.png) 10px center no-repeat;
	color: #fff;
	vertical-align: top;
	text-decoration: none;
	text-align: center;
}
.d_hover .linkBtn01sak a:hover,
.d_hover #main .linkBtn01sak a:hover {
	background-color: #555;
}
.linkBtn02sak,
#main .linkBtn02sak {
	line-height: 1.45;
	font-size: 150%;
	font-weight: bold;
}
.linkBtn02sak a,
#main .linkBtn02sak a {
	display: block;
	padding: 8px 10px 8px 25px;
	background: #333 url(../images/common/ico_arw01.png) 10px center no-repeat;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
.d_hover .linkBtn02sak a:hover,
.d_hover #main .linkBtn02sak a:hover {
	background-color: #555;
}
.linkBtn03sak,
#main .linkBtn03sak {
	line-height: 1.45;
	font-size: 150%;
}
.linkBtn03sak a,
#main .linkBtn03sak a {
	display: block;
	line-height: 1;
	padding: 8px 25px 8px 6px;
	background: #333 url(../images/common/ico_arw02.png) right center no-repeat;
}
.d_hover .linkBtn03sak a:hover,
.d_hover #main .linkBtn03sak a:hover {
	background-color: #555;
}
.linkBtn03sak img,
#main .linkBtn03sak img {
	vertical-align: middle;
}
/* ==

　14. テキストスタイル

=============================================================================== */
/* キャッチ
------------------------------------------------------------------------------- */
#main .catchTxt01sak {
	line-height: 1.7;
	font-size: 167%;
	font-weight: bold;
}
/* 文字
------------------------------------------------------------------------------- */
.fwB {
	font-weight:bold;
}
.fsM,
#main .fsM {
	line-height: 1.8;
}
.fsL,
#main .fsL {
	line-height: 1.8;
}
.fsXL,
#main .fsXL {
	line-height: 1.9;
}