@charset "UTF-8";

/*---------------------------------------------------
	basic
---------------------------------------------------*/
*{
	outline: none;/*FF*/
}
html,body{
	margin:0px;
	padding:0px;
}
html{
	overflow-y: scroll;
	/*IE BackgroundImageCache ON*/
	filter: expression(document.execCommand("BackgroundImageCache",false,true));
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
/*---------------------------------------------------
	block
---------------------------------------------------*/
div,p{
	padding: 0;
	margin: 0;
}
/*---------------------------------------------------
	h
---------------------------------------------------*/
h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
	font-weight: normal;
	font-style:normal;
	font-size:100%;
}
address, form, blockquote, q {
	padding: 0;
	margin: 0;
	text-align: left;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}
caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
hr{
	height: 1px;
	border: none;
	background: #ccc;
	margin: 0;
	padding: 0;
}

/*---------------------------------------------------
	table
---------------------------------------------------*/

table{
	border-collapse: collapse;
	border-spacing: 0;
	font-size:inherit;
}
caption,th{
	text-align: left;
	font-style:normal;
	font-weight:normal;
}

/*---------------------------------------------------
	list
---------------------------------------------------*/
li,ol,ul,dl,dt,dd{
	list-style-type : none;
	padding: 0;
	margin: 0;
}
li li{ font-size:inherit!important; }

/*---------------------------------------------------
	Link setting
---------------------------------------------------*/

a {
	background-color: transparent;
	color: inherit;
}

a:active,
a:hover {
	outline: 0;
}

a:focus { outline:none;}

a:link,a:visited {
	text-decoration: none;
	/*color: inherit;*/
}

a:active,
a:hover {
	text-decoration: none;
}
a:hover {
	transition: 0.35s;
}

a img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: 0.5s;
}
/*a:hover img {
	transition: 0.5s;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
	-khtml-opacity: 0.7;
	-moz-opacity: 0.7;
}*/

.underline {
	text-decoration: underline;
}


/*---------------------------------------------------
	Site Theme
---------------------------------------------------*/
.cWhite{ color: #ffffff; }
.cBlack{ color: #000000; }
.cRed { color: #e6002d; }
.cGray{ color: #cccccc; }

.bgWhite{ background-color: #ffffff; }
.bgBlack{ background-color: #202020; }
.bgGray { background: #898989; }

/* =Fonts
-------------------------------------------------------------- */


@font-face {
		font-family: 'Noto Sans Japanese';
		font-style: normal;
		font-weight: 100;
		src: url('./font/NotoSansCJKjp-Thin.eot'); /* IE9 Compat Modes */
		src: url('./font/NotoSansCJKjp-Thin.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		url('./font/NotoSansCJKjp-Thin.woff') format('woff'), /* Modern Browsers */
		url('./font/NotoSansCJKjp-Thin.ttf')	format('truetype'); /* Safari, Android, iOS */
}

@font-face {
		font-family: 'Noto Sans Japanese';
		font-style: normal;
		font-weight: 200;
		src: url('./font/NotoSansCJKjp-Light.eot');
		src: url('./font/NotoSansCJKjp-Light.eot?#iefix') format('embedded-opentype'),
		url('./font/NotoSansCJKjp-Light.woff') format('woff'),
		url('./font/NotoSansCJKjp-Light.ttf')	format('truetype');
}
@font-face {
		font-family: 'Noto Sans Japanese';
		font-style: normal;
		font-weight: 300;
		src: url('./font/NotoSansCJKjp-DemiLight.eot');
		src: url('./font/NotoSansCJKjp-DemiLight.eot?#iefix') format('embedded-opentype'),
		url('./font/NotoSansCJKjp-DemiLight.woff') format('woff'),
		url('./font/NotoSansCJKjp-DemiLight.ttf')	format('truetype');
}
@font-face {
		font-family: 'Noto Sans Japanese';
		font-style: normal;
		font-weight: 400;
		src: url('./font/NotoSansCJKjp-Regular.eot');
		src: url('./font/NotoSansCJKjp-Regular.eot?#iefix') format('embedded-opentype'),
		url('./font/NotoSansCJKjp-Regular.woff') format('woff'),
		url('./font/NotoSansCJKjp-Regular.ttf')	format('truetype');
}
@font-face {
		font-family: 'Noto Sans Japanese';
		font-style: normal;
		font-weight: 500;
		src: url('./font/NotoSansCJKjp-Medium.eot');
		src: url('./font/NotoSansCJKjp-Medium.eot?#iefix') format('embedded-opentype'),
		url('./font/NotoSansCJKjp-Medium.woff') format('woff'),
		url('./font/NotoSansCJKjp-Medium.ttf')	format('truetype');
}
@font-face {
		font-family: 'Noto Sans Japanese';
		font-style: normal;
		font-weight: 700;
		src: url('./font/NotoSansCJKjp-Bold.eot');
		src: url('./font/NotoSansCJKjp-Bold.eot?#iefix') format('embedded-opentype'),
		url('./font/NotoSansCJKjp-Bold.woff') format('woff'),
		url('./font/NotoSansCJKjp-Bold.ttf')	format('truetype');
}
@font-face {
		font-family: 'Noto Sans Japanese';
		font-style: normal;
		font-weight: 900;
		src: url('./font/NotoSansCJKjp-Black.eot');
		src: url('./font/NotoSansCJKjp-Black.eot?#iefix') format('embedded-opentype'),
		url('./font/NotoSansCJKjp-Black.woff') format('woff'),
		url('./font/NotoSansCJKjp-Black.ttf')	format('truetype');
}
.thin {
		font-weight: 100;
}
.light {
		font-weight: 200;
}
.demi-light {
		font-weight: 300;
}
.regular {
		font-weight: 400;
}
.medium {
		font-weight: 500;
}
.bold {
		font-weight: 700;
}
.black {
		font-weight: 900;
}

html {
		font-size: 62.5%;
}

body,
input,
textarea {
	font-size: 14px;
	line-height: 1.6;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, sans-serif;
	/*font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;*/
	color: #000000;
}

.noto {
		font-family: "Noto Sans Japanese","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
		letter-spacing: -0.05em;
		display: inline-block;
		padding: 0.4em 0 0 0;
}
.noto::after {
		content: "";
		font-family: sans-serif;
}

.mincho{
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","メイリオ",Meiryo, serif;
}

/*---------------------------------------------------
	Font setting
---------------------------------------------------*/
.fOpacity { opacity: 0.7;}
.fBold { font-weight: bold!important; }
.fNormal { font-weight: normal!important; }
.fsize10 { font-size:10px; }
.fsize11 { font-size:11px; }
.fsize12 { font-size:12px; }
.fsize13 { font-size:13px; }
.fsize14 { font-size:14px; }
.fsize15 { font-size:15px; }
.fsize16 { font-size:16px; }
.fsize17 { font-size:17px; }
.fsize18 { font-size:18px; }
.fsize19 { font-size:19px; }
.fsize20 { font-size:20px; }
.fsize21 { font-size:21px; }
.fsize22 { font-size:22px; }
.fsize23 { font-size:23px; }
.fsize24 { font-size:24px; }
.fsize25 { font-size:25px; }
.fsize26 { font-size:26px; }

.fLarge {
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.2px;
	line-height: 1.3;
}
.fSmall {
	font-size: 0.8em;
	font-weight: normal;
	letter-spacing: 0.1px;
	line-height: 1.3;
}

.text {
	letter-spacing: 0.1px;
	line-height: 1.8;
	margin-bottom: 30px;
	}


.tc{text-align: center;}
.tr{text-align: right;}
.tl{text-align: left;}
.tj{text-align: justify!important;text-justify: distribute!important;}

br { line-height: 0;}


/* =common
-------------------------------------------------------------- */

img,iframe {
	max-width: 100%;
	border: 0;
}

.floatbox {
	overflow: hidden;
}
.floatlist {
	list-style: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}

.clear {
	clear: both;
}
.clearfix::after {
		clear: both;
		content: ".";
		display: block;
		font-size: 0;
		height: 0;
		visibility: hidden;
}
.clearfix {
		min-height: 1px;
}
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.cb{clear: both;}
.cr{clear: right;}
.cl{clear: left;}
br.clear,
hr.clear {
	clear: both;
	height:0;
	visibility:hidden;
	border:0;
}

.borderbox {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

ul.clearfix li {
	float: left;
}
ul.autoStepped {
	text-align: center;
}
	ul.autoStepped li {
		display: inline-block;
	}

.leftCol {
	float: left;
}
.rightCol {
	float: right;
}

.row.clearfix .leftCol,
.row.clearfix .rightCol {
	width: 50%;
}

.tRow {
	display: table;
	width: 100%;
}
.tCell{
	display: table-cell;
}
.tCell.halfCell {
	box-sizing: border-box;
	width: 50%;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #e2e2e2;
}

.mapWrap {
	height: 0;
	line-height: 1.2;
}
.frameWrap iframe { width: 100%; }
.mlrAuto { margin: 0 auto; }
.oHidden { overflow: hidden !important; }
.pFixed { position: fixed !important; }

.radius4 {
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.radius6 {
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.radius8 {
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.radius10 {
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.radiusHalf {
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

/* margin top */
.mt00{margin-top: 0!important;}
.mt05{margin-top: 5px!important;}
.mt10{margin-top: 10px!important;}
.mt15{margin-top: 15px!important;}
.mt20{margin-top: 20px!important;}
.mt30{margin-top: 30px!important;}

/* margin bottom */
.mb00{margin-bottom: 0!important;}
.mb05{margin-bottom: 5px!important;}
.mb10{margin-bottom: 10px!important;}
.mb15{margin-bottom: 15px!important;}
.mb20{margin-bottom: 20px!important;}
.mb30{margin-bottom: 30px!important;}

/* =Layout
-------------------------------------------------------------- */

.wrap {
	position: relative;
	width: 100%;
	background: #ffffff;
	min-width: 1000px;
}

.central {
	width: 960px;
	margin: 0 auto;
	padding: 0 20px;
}

/*nav-area のボタンのシャドウ分調整*/
.central_over {
	width: 970px;
}

.content {
	margin-top: 10px;
	margin-bottom: 50px;
}

/* Header
---------------------------------------------------------------*/

#header {
	position: relative;
	width: 100%;
	padding-top: 17px;
	padding-bottom: 17px;
	background-color: #e8eae9;
	border-top: 2px solid #e60012;
	z-index: 2;
}

.h_info {
	padding-top: 5px;
}

/* Footer
---------------------------------------------------------------*/

#footer {
	background: #292929;
	padding: 15px 0;
}
#footer .copyright {
	font-size: 12px;
	line-height: 1.66;
	letter-spacing: 0.02em;
	text-align: center;
	color: #ffffff;
}

/* navigation
-------------------------------------------------------------- */

#toTop {
	position: fixed;
	bottom: 80px;
	right: 50px;
}

.nav_area {
	padding: 10px 0 30px;
	font-size: 0;
}

.nav_area li{
	margin-right:10px;
}

#header .nav_area {
	padding: 30px 0 20px;
}
.nav {
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
}
.nav:last-child {
	margin-right: 0;
}
#header .nav_trade {
	margin-right: 30px;
}
.nav a {
	max-width: 100%;
	display: inline-block;
	vertical-align: top;
}

.toHome {
	margin-left: 5px;
	margin-bottom: 5px;
}

.nav_bar {
	margin-top: 80px;
	padding: 28px 0;
	font-size: 0;
	text-align: center;
	background: #e8eae9;
}
.nav_bar .nav {
	margin-right: 30px;
}
.nav_bar .nav:last-child {
	margin-right: 0;
}

.nav_area_bottom {
	padding: 80px 0;
}

/* navigation
-------------------------------------------------------------- */

/**/
.global-nav {
	background-color: #fcfbf5;
}
.global-nav .central {
	padding: 10px 0;
}
.global-nav .central:after {
	content:" ";
	display:block;
	clear:both;
}
.global-nav .nav {
	float: left;
	margin: 0 10px 0 0;
	width: 195px;
	height: 30px;
}
.global-nav .nav:last-child {
	margin-right: 0;
}
.global-nav .nav-toHome {
	width: 130px;
	margin-right: 20px;
}

.global-nav .nav a {
	box-sizing: border-box;
	display: block;
	background-repeat: no-repeat;
	background-size: auto auto;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	margin: auto;
	width: 100%;
	height: 30px;
}
.global-nav .nav-toHome li a {
	background-image: url(../images/common/nav_home.png);
}
.global-nav .nav-inheritance li a {
	background-image: url(../images/common/nav_01.png);
}
.global-nav .nav-donation li a {
	background-image: url(../images/common/nav_02.png);
}
.global-nav .nav-strength li a {
	background-image: url(../images/common/nav_03.png);
}
.global-nav .nav-faq li a {
	background-image: url(../images/common/nav_04.png);
}
.global-nav .nav-toHome li a:hover,
.global-nav .nav-toHome li.active a {
	background-image: url(../images/common/nav_home_on.png);
}
.global-nav .nav-inheritance li a:hover,
.global-nav .nav-inheritance li.active a {
	background-image: url(../images/common/nav_01_on.png);
}
.global-nav .nav-donation li a:hover,
.global-nav .nav-donation li.active a {
	background-image: url(../images/common/nav_02_on.png);
}
.global-nav .nav-strength li a:hover,
.global-nav .nav-strength li.active a {
	background-image: url(../images/common/nav_03_on.png);
}
.global-nav .nav-faq li a:hover,
.global-nav .nav-faq li.active a {
	background-image: url(../images/common/nav_04_on.png);
}

/* =common module
-------------------------------------------------------------- */

.text {
	margin: 0 0 35px;
	font-size: 14px;
	line-height: 1.6;
	letter-spacing: 0.14em;
	text-align: justify;
}

.p_title{
	margin-top:50px;
	font-size:2.5em;
}

.se_title {
	margin-bottom: 15px;
	font-size: 26px;
	/*font-weight: bold;*/
	line-height: 1.4;
	letter-spacing: 0.05em;
}
.content .title {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.15em;
	line-height: 1.3;
}

.imgbox {
	margin: 0 auto 30px;
	text-align: center;
}

.attention_box{
	border:2px #a71f24 solid;
	border-radius:3px;
	padding: 15px;
	margin-bottom:35px;
}
.attention_box dt{
	color:#a71f24;
	font-weight: bold;
	font-size: 1.2em;
	background: url(../images/ico_atenntion.png) no-repeat left center;
	text-indent: 1.8em;
	margin-bottom:10px;
}
.attention_box dd{
	text-align: justify;
}

.attention_box dd.circle{
	padding-left:1em;
}
.attention_box dd.circle::before{
    content: "●";
    color: #a71f24;
    display: block;
    float: left;
    margin-left: -1em;
    width: 1em;
    text-align: center;	
}

.attention_box span{
	color:#a71f24;	
}

.mini_title{
	margin-bottom:15px;
}

.imgbox.wood{
    position: relative;
    left: -10px;
}


.red{
	color:#ff0000;
}

h5{
	font-weight:bold;
	margin-bottom:5px;
	font-size:1.25em;
}

.sr { visibility: hidden; }

.line{height:10px;margin: 40px auto;}

/* =Page Theme
-------------------------------------------------------------- */

/* =inheritance common
------------------------------- */
.inheritance .p_title{color:#f56262;}
.inheritance .se_title{color:#f56262;border-bottom: 1px dotted #f56262;}

/* =inheritance
------------------------------- */
.inheritance .gray_box{
	border: #a9a9a9 1px solid;
	border-radius:3px;
	padding:15px;
	color:#505050;
	margin-bottom:35px;
}

.inheritance .btn{
	text-align:center;
}

.inheritance .woodflame{
	background:url(../images/bg_inheritance_01.png) no-repeat center top;
	height:140px;
	width:980px;
	text-align:center;
	position: relative;
	left:-20px;
	padding-top:680px;
}

/* =donation common
------------------------------- */
.donation .p_title{color:#f2a74f;}
.donation .se_title{color:#f2a74f;border-bottom: 1px dotted #f2a74f;}
.donation h5{color:#f2a74f;}
.donation a{color:#f2a74f; text-decoration:underline;}
.donation a:hover{opacity:0.5; text-decoration:none;}

.line.donation{background:url(../images/line_donation.png) no-repeat top center;}


/* =donation
------------------------------- */
.donation01 p:first-child{
	width:660px;
}

/* =strength common
------------------------------- */
.strength .p_title{color:#80b364;}
.strength .se_title{color:#80b364;border-bottom: 1px dotted #80b364;}

/* =strength
------------------------------- */
.strength01 .imgbox{
  margin-bottom: 60px;
}
.strength01 .left{
	width:420px;
}
.strength01 .text{
	overflow: hidden;
}

/* =faq common
------------------------------- */
.faq a{color:#6d95d2; text-decoration:underline;}
.faq a:hover{opacity:0.5; text-decoration:none;}

.faq .p_title{color:#6d95d2;}
.faq .se_title{color:#6d95d2;border-bottom: 1px dotted #6d95d2;}

.faq .acMenu dt{
	box-sizing: border-box;
	border: 2px solid #6d95d2;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
	display: table;
	margin-top: 40px;
	width: 100%;
}
.faq .acMenu dt:first-child{
	margin-top: 0;
}
.faq .acMenu dt .num{
	background-color: #6d95d2;
	color: #fff;
	display: table-cell;
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	vertical-align: middle;
	width: 100px;
}
.faq .acMenu dt .num span{
	font-size: 38px;
}
.faq .acMenu dt .txt{
	border-right: 1px solid #6d95d2;
	box-sizing: border-box;
	color: #333;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	margin: 2px 0;
	padding: 15px 30px;
	width: 799px;
}
.faq .acMenu dt::after{
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-image: url(../images/faq_arrow_down.png);
	content: "";
	display: table-cell;
	text-align: center;
	width: 60px;
}
.faq .acMenu dt.active::after{
	background-image: url(../images/faq_arrow_up.png);
}

.faq .acMenu dd{
	display: none;
	font-size: 0;
	margin-top: 10px;
}
.faq .acMenu dd .num{
	background-color: #f46365;
	box-sizing: border-box;
	-moz-border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	-ms-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	color: #fff;
	display: inline-block;
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
	padding: 15px 0;
	text-align: center;
	width: 100px;
}
.faq .acMenu dd .num span{
	font-size: 38px;
}
.faq .acMenu dd .txt{
	border: 2px solid #f46365;
	-moz-border-radius: 0 4px 4px 4px;
	-webkit-border-radius: 0 4px 4px 4px;
	-ms-border-radius: 0 4px 4px 4px;
	border-radius: 0 4px 4px 4px;
	box-sizing: border-box;
	color: #333;
	display: inline-block;
	font-size: 16px;
	padding: 19px 30px;
	vertical-align: top;
	width: 860px;
}

/* =section Layout
-------------------------------------------------------------- */

.note_area {
	padding: 60px 0 65px;
	background: #f5f5f5;
}
.note_title {
	font-size: 15px;
	font-weight: bold;
	background: url(../images/common/ico_exclamation.png) no-repeat left center;
	padding:10px 0 10px 30px;
}

.note_list {
	width: 100%;
	margin-bottom: 15px;
}
.note_list .note {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	margin-bottom: 0;
	padding-left: 25px;
	letter-spacing: -0.2px;
}
.note_list .note::before {
	content: "・";
	position: absolute;
	top: 0.05em;
	left: 0.05em;
	font-size: 1em;
	color: #000000;
}

dl.note dt{
	font-weight:bold;
}

dl.note dd{
	margin-bottom:1em;
}

.note {
	margin-bottom: 15px;
	letter-spacing: -0.3px;
}

.note_info {
	margin: 40px 0 20px;
	font-size: 16px;
}
