@charset "utf-8";




/****************************************************************************************
/* リンク設定
****************************************************************************************/

figure a{color:#666666;text-decoration:none;}
figure a:hover{color:#4fa417;}
figure a:active, a:focus {outline:0;}


a{color:#00a0e9;text-decoration:none;}
a:hover{color:#006699;}
a:active, a:focus {outline:0;}

a { text-decoration: none; }







/******************************************************************************
/* ヘッダー設定
******************************************************************************/


.middle_menu01_image{
	position: relative;
	width:100%;
	height:200px;
	margin-bottom: 80px;
	z-index: 1;
}




/****************************************************************************************
/* ページタイトル設定
****************************************************************************************/




.obi {
	position: absolute;
	bottom: 0%;
	left: 2.5%;
	margin: 0 auto 0 auto;
	width: 0px;
	height: 50px; 
	z-index: 1000;
	background-color: #ffffff;
	animation-name: anime1;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay: 1s;
	animation-fill-mode: forwards;
	opacity: 1;
	text-align: center;
}

@keyframes anime1 {
  0% {
    width: 330px;
    height: 0px;
  }

  100% {
    width: 330px;
    height: 50px;
    background-color: #ffffff;
  }
}


.obi_in {
	position: absolute;
	bottom: 0%;
	left: 0%;
	margin: 0 auto 0 auto;
	width: 0px;
	height: 35px; 
	z-index: 1000;
	background-color: #ffffff;
	animation-name: anime2;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay: 1.5s;
	animation-fill-mode: forwards;
	opacity: 0;
	text-align: center;
}

.obi_in img {
	width: auto;
	height: 35px;
}

@keyframes anime2 {
  0% {
    width: 330px;
    height: 0px;
  }

  100% {
    width: 330px;
    height: 35px;
	opacity: 1;

  }
}



.service_title01_area_in_image {
	position: absolute;
	z-index: 0;
	top: 0px;
	left: 0px;
	margin: 0px auto 0;
	text-align: center;
	opacity: 0;
	width:100%;
	height: 200px;
	object-fit: cover;
	background-color: #ffffff;
	animation-name: anime3;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: 1;
	animation-direction: normal;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	opacity: 0;

}


@keyframes anime3 {
  0% {
	opacity: 0;

  }

  100% {

	opacity: 1;

  }
}





/****************************************************************************************
/* ページタイトル設定2
****************************************************************************************/




.obi2 {
	position: absolute;
	bottom: 0%;
	left: 2.5%;
	margin: 0 auto 0 auto;
	width: 330px;
	height: 50px; 
	z-index: 1000;
	background-color: #ffffff;
	text-align: center;
}



.obi_in2 {
	position: absolute;
	bottom: 0%;
	left: 0%;
	margin: 0 auto 0 auto;
	width: 330px;
	height: 35px;
	z-index: 1000;
	background-color: #ffffff;
	text-align: center;
}

.obi_in2 img {
	width: auto;
	height: 35px;
}



.service_title01_area_in_image2 {
	position: absolute;
	z-index: 0;
	top: 0px;
	left: 0px;
	margin: 0px auto 0;
	text-align: center;
	width:100%;
	height: 200px;
	object-fit: cover;
	background-color: #ffffff;

}




/********************************************************************************************************
/* ステップボックス1
*********************************************************************************************************/


.step {
	margin: 0px auto 0 auto;
	width: 100%; 
	padding-top: 0px;
	padding-bottom: 0px;
}

.step_left {
	float: left;
	width: 35%;
	text-align: left;
	margin-right: 3%;
}

.step_right {
	float: right;
	width: 62%;
	text-align: left;
	padding-top: 65px;
	font-size: 90%;

}

.step_right2 {
	float: right;
	width: 62%;
	text-align: left;
	padding-top: 0px;
	font-size: 90%;

}


/********************************************************************************************************
/* ボックスデザイン1
*********************************************************************************************************/

.mybox{
	background-color: #fff;	/* 背景色 */
	border: 1px solid #5579B2;	/* 線の太さ・種類・色 */
	margin: 40px 5px 5px 20px;	/* 外側の余白 上・右・左・下 */
	padding: 25px 20px 25px 20px;	/* 内側の余白 上・右・左・下 */
	position: relative;
	text-align: center;
}
.mybox:before{
	background-color: #5579B2;	/* 吹き出し背景色 */
	color: #fff;	/* 吹き出し文字色 */
	content: 'STEP 01';
	padding: 9px 15px 10px 20px;
	position: absolute;
	left: -18px;
	top: -27px;
	font-weight: 700;
	font-size: 80%;
}
.mybox:after{
	border-top: 10px solid #5579B2;		/* 吹き出し三角部分の色 */
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: '';
	position: absolute;
	top: 10px;
	left: 20px;
}
.mybox p {
	font-size: 90%;
	font-weight: 700;
	color: #555555;
}


/********************************************************************************************************
/* ボックスデザイン2
*********************************************************************************************************/

.mybox2{
	background-color: #fff;
	border: 1px solid #5579B2;
	margin: 0px 5px 5px 20px;
	padding: 25px 20px 25px 20px;
	position: relative;
	text-align: center;
}
.mybox2:before{
	background-color: #5579B2;
	color: #fff;
	content: 'STEP 02';
	padding: 9px 15px 10px 20px;
	position: absolute;
	left: -18px;
	top: -27px;
	font-weight: 700;
	font-size: 80%;
}
.mybox2:after{
	border-top: 10px solid #5579B2;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: '';
	position: absolute;
	top: 10px;
	left: 20px;
}
.mybox2 p {
	font-size: 90%;
	font-weight: 700;
	color: #555555;
}


/********************************************************************************************************
/* ボックスデザイン3
*********************************************************************************************************/

.mybox3{
	background-color: #fff;
	border: 1px solid #5579B2;
	margin: 0px 5px 5px 20px;
	padding: 25px 20px 25px 20px;
	position: relative;
	text-align: center;
}
.mybox3:before{
	background-color: #5579B2;
	color: #fff;
	content: 'STEP 03';
	padding: 9px 15px 10px 20px;
	position: absolute;
	left: -18px;
	top: -27px;
	font-weight: 700;
	font-size: 80%;
}
.mybox3:after{
	border-top: 10px solid #5579B2;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: '';
	position: absolute;
	top: 10px;
	left: 20px;
}
.mybox3 p {
	font-size: 90%;
	font-weight: 700;
	color: #555555;
}



/********************************************************************************************************
/* ボックスデザイン4
*********************************************************************************************************/

.mybox4{
	background-color: #fff;
	border: 1px solid #5579B2;
	margin: 0px 5px 5px 20px;
	padding: 25px 20px 25px 20px;
	position: relative;
	text-align: center;
}
.mybox4:before{
	background-color: #5579B2;
	color: #fff;
	content: 'STEP 04';
	padding: 9px 15px 10px 20px;
	position: absolute;
	left: -18px;
	top: -27px;
	font-weight: 700;
	font-size: 80%;
}
.mybox4:after{
	border-top: 10px solid #5579B2;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: '';
	position: absolute;
	top: 10px;
	left: 20px;
}
.mybox4 p {
	font-size: 90%;
	font-weight: 700;
	color: #555555;
}



/********************************************************************************************************
/* ボックスデザイン5
*********************************************************************************************************/

.mybox5 {
	background-color: #fff;
	border: 1px solid #5579B2;
	margin: 0px 5px 5px 20px;
	padding: 25px 20px 25px 20px;
	position: relative;
	text-align: center;
}
.mybox5:before{
	background-color: #5579B2;
	color: #fff;
	content: 'STEP 05';
	padding: 9px 15px 10px 20px;
	position: absolute;
	left: -18px;
	top: -27px;
	font-weight: 700;
	font-size: 80%;
}
.mybox5:after{
	border-top: 10px solid #5579B2;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: '';
	position: absolute;
	top: 10px;
	left: 20px;
}
.mybox5 p {
	font-size: 90%;
	font-weight: 700;
	color: #555555;
}


/********************************************************************************************************
/* ボックスデザイン5
*********************************************************************************************************/

.mybox6 {
	background-color: #fff;
	border: 1px solid #5579B2;
	margin: 0px 5px 5px 20px;
	padding: 25px 20px 25px 20px;
	position: relative;
	text-align: center;
}
.mybox6:before{
	background-color: #5579B2;
	color: #fff;
	content: 'STEP 06';
	padding: 9px 15px 10px 20px;
	position: absolute;
	left: -18px;
	top: -27px;
	font-weight: 700;
	font-size: 80%;
}
.mybox6:after{
	border-top: 10px solid #5579B2;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: '';
	position: absolute;
	top: 10px;
	left: 20px;
}
.mybox6 p {
	font-size: 90%;
	font-weight: 700;
	color: #555555;
}



/********************************************************************************************************
/* ボックスデザイン5
*********************************************************************************************************/

.mybox7 {
	background-color: #fff;
	border: 1px solid #5579B2;
	margin: 0px 5px 5px 20px;
	padding: 25px 20px 25px 20px;
	position: relative;
	text-align: center;
}
.mybox7:before{
	background-color: #5579B2;
	color: #fff;
	content: 'STEP 07';
	padding: 9px 15px 10px 20px;
	position: absolute;
	left: -18px;
	top: -27px;
	font-weight: 700;
	font-size: 80%;
}
.mybox7:after{
	border-top: 10px solid #5579B2;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: '';
	position: absolute;
	top: 10px;
	left: 20px;
}
.mybox7 p {
	font-size: 90%;
	font-weight: 700;
	color: #555555;
}



/********************************************************************************************************
/* 矢印1
*********************************************************************************************************/

.arrow3{
	width: 26px;
	margin: 0px auto 0;
}
.arrow3::before{
	content: "";
	display: block;
	margin: 0 auto;
	width: 10px;
	height: 10px;
	background: #8EA5CB;
}
.arrow3::after{
	content: "";
	display:block;
	border-top: 30px solid #8EA5CB;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	transform-origin: left top;
	transform: scaleY(.5);
}





/******************************************************************************
/* カテゴリーメインタイトル設定
******************************************************************************/

.main_title01 {
	position: relative;
	padding-top: 0px;
	padding-bottom: 10px;
	border-bottom: 4px solid #ccc;
	text-align: left;
	font-size: 120%;
	line-height: 110%;
	font-weight:700;
	margin-top: -3px;
	margin-bottom: 40px;
	color: #76CB5C;
}

.main_title01::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #76CB5C;
}




/******************************************************************************
/* カテゴリータイトル設定
*******************************************************************************/


.midashi_title2 {
	padding-left: 10px;
	margin-left:5px;
	border-left: 5px solid #3049A3;
	font-size: 100%;
	font-weight: 700;
}


 
.title_box2 {
	margin: 0px auto 50px auto;
	display:block;
	box-sizing:border-box;
	border: solid 1px #3049A3;
	width:100%;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 11px;
}

 
.midashi_title2 p {
	margin-top:3px;
	font-weight: 700;
}


/******************************************************************************
/* 本文設定
*******************************************************************************/





.menu_box01_project {
	position: relative;
	box-sizing: border-box;
	margin: 30px auto 30px auto;
	width: 100%;
	height: auto;
	display: inline-block;
	padding:12px;
	border : solid 1px #CBD5E0 ;
	text-align: left;
	background-color: #ffffff;
	letter-spacing: 1.2px;
	font-weight: 700;
}


.menu_box01_project_inbox {
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 40px;
	letter-spacing: 1.2px;
}

.menu_box01_project_inbox p {
	line-height: 180%;
}

.menu_box01_project_inbox p.bold {
	line-height: 160%;
	font-weight: 700;
	color: #5472CD;
	margin-top: 0px;
	margin-bottom: 10px;
}









.menu_box02_project {
	position: relative;
	box-sizing: border-box;
	margin: 30px auto 30px auto;
	width: 100%;
	height: auto;
	display: inline-block;
	padding:12px;
	border : solid 1px #CBD5E0 ;
	text-align: left;
	background-color: #F8F8F8;
	letter-spacing: 1.2px;
	font-weight: 700;
}


.menu_box02_project_inbox {
	width: 100%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 40px;
	letter-spacing: 1.2px;
}

.menu_box02_project_inbox p {
	line-height: 160%;
}

.menu_box02_project_inbox p.bold {
	line-height: 160%;
	font-weight: 700;
	color: #5472CD;
	margin-top: 0px;
	margin-bottom: 10px;
}







.maru_number {
	display: inline-block;
	height:25px;
	width:25px;
	border-radius:50%;
	line-height:25px;
	text-align:center;
	margin-right: 10px;
	background-color: #5472CD;
	color: #ffffff;
	font-weight: 700;
	padding-left: 1px;
}


/******************************************************************************
/* 下矢印
******************************************************************************/


.dli-arrow-down {
	width: 100%;
	margin-top: -20px;
	margin-bottom: 20px;
	text-align: center;
}

.dli-arrow-down img {
	width: auto;
	height: 35px;
}



/********************************************************************************************************
/* 説明ボックス
*********************************************************************************************************/


.fc_project_comment_box {
	width: 100%;
	background-color: #FAFAFA;
	padding-left: 40px;
	padding-right: 40px;
	padding-top:20px;
	padding-bottom:50px;

}


.example {
	position: relative;
	box-sizing: border-box;
	margin: 30px auto 30px auto;
	width: 100%;
	height: auto;
	display: inline-block;
	padding:12px;
	border : dashed 1px #CBD5E0 ;
	text-align: left;
	background-color: #ffffff;
	letter-spacing: 1.2px;
	font-weight: 400;
	color: #000000;
}


.example2 {
	position: relative;
	box-sizing: border-box;
	margin: 30px auto 30px auto;
	width: 100%;
	height: auto;
	display: inline-block;
	padding:12px;
	border : dashed 1px #CBD5E0 ;
	text-align: center;
	background-color: #ffffff;
	letter-spacing: 1.2px;
	font-weight: 400;
	color: #000000;
}

/******************************************************************************
/* J-クレジットについてサブメニュー設定
*******************************************************************************/


ul.about_password {
	margin: 0px auto 0 auto;
	display:flex;
	width: 100%;
	justify-content: space-between;
	flex-wrap: wrap;
}

ul.about_password li {
	width: 33.0%;
	text-align: left;
}

/******************************************************************************
/* メニューボックス設定
*******************************************************************************/


.menu_box001 {
	margin: -20px auto 0 auto;
	width: 100%;
	padding : 30px;
	background: #F8F8F8;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;

}


.menu_box002 {
	position: relative;
	margin: -20px auto 0 auto;
	width: 100%;
	padding : 30px;
	background: #F4F9FF;
	border-top: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;

}


.menu_box002_detail {
	position: absolute;
	bottom: 0px;
	right: 0px;
	margin: 0px auto 0 auto;
	width: 200px;
	padding : 15px;
	background: #647BC5;
	text-align: center;
	font-size: 90%;
	color: #ffffff;
	font-weight: 700;
}


/******************************************************************************
/* サブメニューボタン
*******************************************************************************/


.submenu_button {
	display: inline-block;
	height: 55px;
	width: 100%;
	text-decoration: none;
	font-size: 90%;
	font-weight: 700;
	line-height: 57px;
	text-align: center;
	color: #4758E0;
	border: 1px solid #cbcbcb;
	border-bottom: 1px solid #b2b1b1;
	text-shadow: 0px 1px 0px #fafafa;
	-webkit-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	-moz-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #ffffff), color-stop(0.5, #eeeeee));
	background: -moz-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -o-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -ms-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%')";
	border-radius: 5px;
	margin-right: 0px;
	cursor: pointer;
}

.submenu_button:active{ 
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: none;
}



.submenu_button2 {
	display: inline-block;
	height: 55px;
	width: 100%;
	text-decoration: none;
	font-size: 90%;
	font-weight: 700;
	line-height: 57px;
	text-align: center;
	color: #4758E0;
	border: 1px solid #84ADF6;
	border-bottom: 1px solid #84ADF6;
	text-shadow: 0px 1px 0px #fafafa;
	-webkit-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	-moz-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #ECF2FD), color-stop(0.5, #D6E3FC));
	background: -moz-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -o-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -ms-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%')";
	border-radius: 5px;
	margin-right: 0px;
	cursor: pointer;
}

.submenu_button2:active{ 
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: none;
}

/******************************************************************************
/* 画像更新ボタン
*******************************************************************************/


.imagefile_button {
	display: inline-block;
	height: 30px;
	width: 120px;
	text-decoration: none;
	font-size: 80%;
	font-weight: 700;
	line-height: 30px;
	text-align: center;
	color: #4758E0;
	border: 1px solid #cbcbcb;
	border-bottom: 1px solid #b2b1b1;
	text-shadow: 0px 1px 0px #fafafa;
	-webkit-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	-moz-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #ffffff), color-stop(0.5, #eeeeee));
	background: -moz-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -o-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -ms-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%')";
	margin-right: 5px;
	cursor: pointer;

}
.imagefile_button:active{ 
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: none;
}






/******************************************************************************
/* サブタイトル参照
******************************************************************************/

.step_box01 {
	display: block;
	width: 100%;
	padding: 10px;
	background-color: #E0EDFF;
	border : solid 1px #CBD5E0 ;
	margin-bottom: 15px;
	margin-top: 50px;
}

.step_box01 p {
	font-weight: 700;
}




.step_box01_title {
	width: 100%;
	padding: 10px;
	background-color: #E0EDFF;
	border : solid 1px #CBD5E0 ;
	margin-top: 50px;
	margin-bottom: 30px;
}

.step_box01_title p {
	font-weight: 700;
}




.project_box01_title {
	width: 100%;
	padding: 15px;
	background-color: #E0EDFF;
	border : solid 1px #CBD5E0 ;
	margin-top: 20px;
	margin-bottom: 30px;
}

.project_box01_title p {
	font-weight: 700;
}



/******************************************************************************
/* タイトル
*******************************************************************************/

.fc_project_title {
	position: relative;
	padding-bottom: 10px;
	border-bottom: 4px solid #ccc;
	text-align: left;
	font-size: 120%;
	line-height: 110%;
	font-weight:700;
	margin-bottom: 20px;
	color: #76CB5C;
}

.fc_project_title::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #76CB5C;
}




/******************************************************************************
/* 森林プロジェクトトップページレイアウト
******************************************************************************/





.flex-fc_project_system_toparea {
	margin:30px auto 0px auto;
	display: flex;
}

.flex-fc_project_system_toparea .flex-1 {
	flex: 1.0;
	background-color: #FFFFFF;

}




.flex-fc_project_system_toparea .flex-2 {
	flex: 2.0; 
	margin-top:0px;
	margin-left:30px;
	margin-bottom: 0px;
	background-color: #ffffff;
}



/******************************************************************************
/* 新規登録ボタンレイアウト設定
*******************************************************************************/



.sign_up {
	width: 100%;
	margin: 0px auto 30px auto;
	box-sizing: border-box;
	background-color: #ffffff;
	text-align: right;
}


ul.sign_up_in_step {
	margin-top: -5px;
	width: 100%;
	display:flex;
	justify-content: center;
	align-items: center;
}




ul.sign_up_in_step li:nth-child(1) {
	padding-top:7px;
	font-weight: 700;

}

ul.sign_up_in_step li:nth-child(4) {
	padding-top:7px;
	font-weight: 700;

}



ul.sign_up_in_step2 {
	margin-top: -5px;
	width: 100%;
	display:flex;
	justify-content: center;
	align-items: center;
}



ul.sign_up_in_step2 img {
	width: 25px;
	height: auto;

}

ul.sign_up_in_step2 li:nth-child(1) {
	padding-top:7px;
	margin-right: 5px;

}

ul.sign_up_in_step2 li:nth-child(2) {
	padding-top:7px;
	font-weight: 700;

}

ul.sign_up_in_step2 li:nth-child(5) {
	padding-top:7px;
	font-weight: 700;

}


.sign_up_in_step3_out {
	display:inline-block;
}


ul.sign_up_in_step3 {
	display:flex;
}



ul.sign_up_in_step3 img {
	width: 25px;
	height: auto;

}

ul.sign_up_in_step3 li:nth-child(1) {
	padding-top:7px;
	margin-right: 5px;

}

ul.sign_up_in_step3 li:nth-child(2) {
	padding-top:7px;
	font-weight: 700;

}

ul.sign_up_in_step3 li:nth-child(4) {
	padding-top:7px;
	font-weight: 700;

}



ul.sign_up_in_step4 {
	margin-top: -5px;
	width: 100%;
	display:flex;
	justify-content: center;
	align-items: center;
}

ul.sign_up_in_step4 img {
	width: 25px;
	height: auto;

}


ul.sign_up_in_step4 li:nth-child(1) {
	padding-top:7px;
	font-weight: 700;

}

ul.sign_up_in_step4 li:nth-child(2) {
	padding-top:6px;
	font-weight: 700;

}

ul.sign_up_in_step4 li:nth-child(3) {
	padding-top:6px;
	font-weight: 700;

}

ul.sign_up_in_step4 li:nth-child(4) {
	padding-top:7px;
	font-weight: 700;

}




ul.sign_up_in_step5 {
	display:flex;
}



ul.sign_up_in_step5 img {
	width: 25px;
	height: auto;

}

ul.sign_up_in_step5 li:nth-child(1) {
	padding-top:7px;
	margin-right: 5px;
	font-weight: 700;
}



ul.sign_up_in_step5 li:nth-child(3) {
	padding-top:7px;
	font-weight: 700;

}



ul.sign_up_in_step6 {
	margin-top: -5px;
	width: 100%;
	display:flex;
	justify-content: center;
	align-items: center;
}




ul.sign_up_in_step6 li:nth-child(1) {
	padding-top:7px;
	font-weight: 700;

}

ul.sign_up_in_step6 li:nth-child(2) {
	font-weight: 700;

}

ul.sign_up_in_step6 li:nth-child(3) {
	padding-top:6px;
	font-weight: 700;

}





ul.sign_up_in_step7 {
	margin-top: -5px;
	width: 100%;
	display:flex;
	justify-content: center;
	align-items: center;
}

ul.sign_up_in_step7 img {
	width: 25px;
	height: auto;

}


ul.sign_up_in_step7 li:nth-child(1) {
	padding-top:7px;
	font-weight: 700;
	margin-right: 5px;
}

ul.sign_up_in_step7 li:nth-child(2) {
	padding-top:7px;
	font-weight: 700;

}

ul.sign_up_in_step7 li:nth-child(3) {
	padding-top:0px;
	font-weight: 700;

}

ul.sign_up_in_step7 li:nth-child(4) {
	padding-top:7px;
	font-weight: 700;

}






.sign_up2 {
	width: 100%;
	margin: 50px auto 30px auto;
	box-sizing: border-box;
	background-color: #ffffff;
	text-align: right;
}


.sign_up3 {
	width: 100%;
	margin: 0px auto -130px auto;
	box-sizing: border-box;
	background-color: #ffffff;
	text-align: right;
}

.sign_up4 {
	width: 100%;
	margin: 0px auto 50px auto;
	box-sizing: border-box;
	background-color: #ffffff;
	text-align: right;
}



.step_number01 {
	display: inline-block;
	height:22px;
	width:22px;
	border-radius:50%;
	line-height: 22px;
	text-align:center;
	background-color: #5472CD;
	margin-top: -20px;
	margin-left: 3px;
	margin-right: 4px;
	color: #ffffff;
	font-weight: 700;
	font-size: 95%;
}

.step_number02 {
	display: inline-block;
	height:22px;
	width:22px;
	border-radius:50%;
	line-height: 22px;
	text-align:center;
	background-color: #5472CD;
	margin-top: 8px;
	margin-left: 3px;
	margin-right: 4px;
	color: #ffffff;
	font-weight: 700;
	font-size: 95%;
}

/******************************************************************************
/* ボタン設定
*******************************************************************************/




.datafile_button2 {
	display: inline-block;
	height: 40px;
	width: 340px;
	text-decoration: none;
	font-size: 100%;
	font-weight: 700;
	line-height: 39px;
	text-align: center;
	color: #4758E0;
	border: 1px solid #cbcbcb;
	border-bottom: 1px solid #b2b1b1;
	text-shadow: 0px 1px 0px #fafafa;
	-webkit-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	-moz-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #ffffff), color-stop(0.5, #eeeeee));
	background: -moz-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -o-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -ms-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%')";
	border-radius: 5px;
	margin-right: 0px;
	cursor: pointer;
}

.datafile_button2:active{ 
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: none;
}




.datafile_button4 {
	display: inline-block;
	height: 60px;
	width: 340px;
	text-decoration: none;
	font-size: 100%;
	font-weight: 700;
	text-align: center;
	color: #4758E0;
	border: 1px solid #cbcbcb;
	border-bottom: 1px solid #b2b1b1;
	text-shadow: 0px 1px 0px #fafafa;
	-webkit-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	-moz-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #ffffff), color-stop(0.5, #eeeeee));
	background: -moz-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -o-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -ms-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%')";
	border-radius: 5px;
	margin-right: 0px;
	cursor: pointer;

}
.datafile_button4:active{ 
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: none;
}

.datafile_button4 span {
	display: block;
	font-size: 70%;
	font-weight: 700;
	margin-top: 5px;
}

.datafile_button4 p {
	font-size: 85%;
	font-weight: 700;
	margin-top: 0px;
	margin-left: -10px;
}


.datafile_button7 {
	display: inline-block;
	height: 60px;
	width: 300px;
	text-decoration: none;
	font-size: 100%;
	font-weight: 700;
	line-height: 60px;
	text-align: center;
	color: #78B553;
	border: 1px solid #cbcbcb;
	border-bottom: 1px solid #b2b1b1;
	text-shadow: 0px 1px 0px #fafafa;
	-webkit-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	-moz-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #ffffff), color-stop(0.5, #eeeeee));
	background: -moz-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -o-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -ms-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%')";
	border-radius: 5px;
	margin-right: 0px;
	cursor: pointer;

}
.datafile_button7:active{ 
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: none;
}


.datafile_button7 a {
	color: #78B553;
}




.datafile_button9 {
	display: inline-block;
	height: 60px;
	width: 800px;
	text-decoration: none;
	font-size: 100%;
	font-weight: 700;
	text-align: center;
	color: #4758E0;
	border: 1px solid #cbcbcb;
	border-bottom: 1px solid #b2b1b1;
	text-shadow: 0px 1px 0px #fafafa;
	-webkit-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	-moz-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #ffffff), color-stop(0.5, #eeeeee));
	background: -moz-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -o-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -ms-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%')";
	border-radius: 5px;
	margin-right: 0px;
	cursor: pointer;

}
.datafile_button9:active{ 
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: none;
}

.datafile_button9 span {
	display: block;
	font-size: 70%;
	font-weight: 700;
	margin-top: 0px;
}

.datafile_button9 p {
	font-size: 100%;
	font-weight: 700;
	margin-top: 0px;
	margin-left: 0px;
}



.datafile_button10 {
	display: inline-block;
	height: 60px;
	width: 400px;
	text-decoration: none;
	font-size: 100%;
	font-weight: 700;
	line-height: 60px;
	text-align: center;
	color: #4758E0;
	border: 1px solid #cbcbcb;
	border-bottom: 1px solid #b2b1b1;
	text-shadow: 0px 1px 0px #fafafa;
	-webkit-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	-moz-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #ffffff), color-stop(0.5, #eeeeee));
	background: -moz-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -o-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -ms-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%')";
	border-radius: 5px;
	margin-right: 0px;
	cursor: pointer;

}
.datafile_button10:active{ 
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: none;
}



.datafile_button14 {
	display: inline-block;
	height: 60px;
	width: 400px;
	text-decoration: none;
	font-size: 100%;
	font-weight: 700;
	text-align: center;
	color: #945437;
	border: 1px solid #cbcbcb;
	border-bottom: 1px solid #b2b1b1;
	text-shadow: 0px 1px 0px #fafafa;
	-webkit-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	-moz-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #ffffff), color-stop(0.5, #eeeeee));
	background: -moz-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -o-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -ms-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%')";
	border-radius: 5px;
	margin-right: 0px;
	cursor: pointer;

}
.datafile_button14:active{ 
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: none;
}

.datafile_button14 span {
	display: block;
	font-size: 70%;
	font-weight: 700;
	margin-top: 0px;
}

.datafile_button14 p {
	font-size: 100%;
	font-weight: 700;
	margin-top: 0px;
	margin-left: 0px;
}



.datafile_button16 {
	display: inline-block;
	height: 60px;
	width: 140px;
	text-decoration: none;
	font-size: 90%;
	font-weight: 700;
	text-align: center;
	color: #4758E0;
	border: 1px solid #cbcbcb;
	border-bottom: 1px solid #b2b1b1;
	text-shadow: 0px 1px 0px #fafafa;
	-webkit-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	-moz-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #ffffff), color-stop(0.5, #eeeeee));
	background: -moz-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -o-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -ms-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%')";
	border-radius: 5px;
	margin-right: 0px;
	cursor: pointer;
}

.datafile_button16:active{ 
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: none;
}

.datafile_button16 p { 
	display:inline-block;
	margin-top: 5px;
	font-weight: 700;
}


.datafile_button17 {
	display: inline-block;
	height: 60px;
	width: 140px;
	text-decoration: none;
	font-size: 90%;
	font-weight: 700;
	text-align: center;
	color: #4758E0;
	border: 1px solid #cbcbcb;
	border-bottom: 1px solid #b2b1b1;
	text-shadow: 0px 1px 0px #fafafa;
	-webkit-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	-moz-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #ffffff), color-stop(0.5, #eeeeee));
	background: -moz-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -o-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -ms-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%')";
	border-radius: 5px;
	margin-right: 0px;
	opacity: 0.5;

}


.datafile_button17 span {
	display: block;
	font-size: 70%;
	font-weight: 700;
	margin-top: 5px;
}

.datafile_button17 p { 
	display:inline-block;
	margin-top: 5px;
	font-weight: 700;
}

/******************************************************************************
/* 外注委託サービストップ右側設定
*******************************************************************************/



.fc_outsourcing_box {
	width: 100%;
	margin: 0px auto 40px auto;
	padding: 50px;
	box-sizing: border-box;
	background-color: #ffffff;
	border: solid 1px #3049A3;

}


/******************************************************************************
/* ノベルティ詳細ページレイアウト
******************************************************************************/

.top_project_area{
	margin: 0px auto 50px auto;
	width:95%;

}


.top_project_area2 {
	margin: 80px auto 80px auto;
	width:95%;

}



/******************************************************************************
/* ノベルティ詳細ページレイアウト
*******************************************************************************/


.main_area {
	width: 100%;
	margin: 30px auto 0px auto;

}

.detail_main{
	width: 100%;
	margin: 0px auto 0px auto;
	font-size: 100%;

}

.detail_left {
	float: left;
	width:45%; 
	margin: 0px auto 0;
}

.detail_right {
	float: right;
	width:55%;
	padding-left: 50px;
	text-align: left;
	margin: 0px auto 0;

}


.detail_right p {
	margin-bottom: 30px;
	line-height: 2.0;

}

.detail_right .cost {
	width: 100%;
	font-size: 110%;
	font-weight: 500;
	margin-bottom: 0px;
	line-height: 2.0;
	text-align: right;
}

.detail_right .cost span.tanka {
	color: #AA7790;
	font-size: 120%;
	font-weight: 600;
	margin-bottom: 0px;
	line-height: 2.0;
	text-align: right;
}

.detail_right .cost p {
	margin-bottom: -10px;

}


.detail_right .cost span {
	font-size: 80%;
}


.detail_right div {
	line-height: 1.5;

}



/******************************************************************************
/* ノベルティ詳細ページ写真レイアウト
*******************************************************************************/

ul.submenu_nav2 {

	width:100%; 
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


ul.submenu_nav2::after {
	content: "";
	display: block;
	width: 32%;
	height: 0;
}

ul.submenu_nav2 li:first-child {
	letter-spacing:normal;
	display: inline-block;
	width: 100%; 
	vertical-align: top;
	text-align: center;
	margin-bottom: 15px;

}

ul.submenu_nav2 li:first-child .detail_image_size {
	width: 100%;
	height: 450px;
}

 
ul.submenu_nav2 li {
	letter-spacing:normal;
	display: inline-block;
	width: 32%; 
	vertical-align: top;
	text-align: center;
	margin-bottom: 10px;

}


ul.submenu_nav2 img {
	border-radius: 8px;
}



ul.submenu_nav2 li .detail_image_size {


	object-fit: cover;
	width: 100%;
	height: 200px;
	object-position: 50% 50%
}



a.order {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
}




.goods2 {
	position: relative;
	margin-bottom: 0px;
	width:100%;
	height: 200px;
	z-index:1;

}

.goods2 a { display: block; }

a.goods-menu2 {
	width:100%;
}

.code {
	margin-bottom: 10px;

}


.main_copy {
	width: 100%;
	margin-top: 30px;
	margin-bottom: 30px;

}




/******************************************************************************
/* 商品コード設定
*******************************************************************************/



.product_code {
	display: inline-block;
	background-color: #76CB5C;
	margin-left: 0px;
	margin-right: 5px;
	margin-bottom: 10px;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 4px;
	padding-bottom : 5px;
	font-size:70%;
	font-weight: 700;
	color: #ffffff;
}

/******************************************************************************
/* 商品コード設定
*******************************************************************************/


.cost_area {
	width: 100%;
	display: inline-block;
	font-size:160%;
	font-weight: 700;
	color: #DC3545;
	text-align: right;
	margin-bottom: 20px;
}


.cost_area span {
	display: inline-block;
	font-size:50%;
	font-weight: 700;
	color: #000000;
}




/******************************************************************************
/* バックボックス設定
*******************************************************************************/



.back_box {
	margin: 50px auto 0px auto;
	width: 100%;
	text-align: right;

}





/******************************************************************************
/* 戻るボタン設定
*******************************************************************************/


.datafile_button {
	display: inline-block;
	height: 50px;
	width: 200px;
	text-decoration: none;
	font-size: 100%;
	font-weight: 700;
	text-align: center;
	color: #4758E0;
	border: 1px solid #cbcbcb;
	border-bottom: 1px solid #b2b1b1;
	text-shadow: 0px 1px 0px #fafafa;
	-webkit-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	-moz-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #ffffff), color-stop(0.5, #eeeeee));
	background: -moz-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -o-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -ms-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%')";
	border-radius: 5px;
	margin-right: 0px;
	cursor: pointer;

}
.datafile_button:active{ 
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: none;
}

.datafile_button span {
	display: block;
	font-size: 70%;
	font-weight: 700;
	margin-top: 5px;
}

.datafile_button p {
	font-size: 100%;
	font-weight: 700;
	margin-top: 0px;
	margin-left: 0px;
}




.datafile_button3 {
	display: inline-block;
	height: 60px;
	width: 420px;
	text-decoration: none;
	font-size: 100%;
	font-weight: 700;
	line-height: 60px;
	text-align: center;
	color: #4758E0;
	border: 1px solid #cbcbcb;
	border-bottom: 1px solid #b2b1b1;
	text-shadow: 0px 1px 0px #fafafa;
	-webkit-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	-moz-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #ffffff), color-stop(0.5, #eeeeee));
	background: -moz-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -o-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -ms-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%')";
	border-radius: 5px;
	margin-right: 0px;
	cursor: pointer;

}
.datafile_button3:active{ 
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: none;
}


/******************************************************************************
/* マップ設定
*******************************************************************************/


#mapcontainer {
	margin: 20px auto 20px auto;


}



/******************************************************************************
/* J-クレジット制度とは設定
******************************************************************************/


.system_area{
	margin: 0px auto 80px auto;
	width:100%;

}


.flex-system_area {
  display: flex;
}

.flex-system_area .flex-1 { flex: 1; }

.flex-system_area .flex-2 {
	flex: 1; 
	margin-top:0px;
	margin-left:30px;
	margin-bottom: 1px;
	padding: 0px;
}

.flex-system_area .flex-2 p {
	margin-bottom: 15px;
	font-weight: 400;
}


.flex-system_area .flex-2 span {
	display: inline-block;
	background-color: #85B520;
	margin-left: 5px;
	margin-right: 5px;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 5px;
	padding-bottom : 5px;

	font-weight: 900;
	color: #ffffff;
}




.flex-system_area2 {
  display: flex;
}

.flex-system_area2 .flex-1 { flex: 1; }

.flex-system_area2 .flex-2 {
	flex: 1.5; 
	margin-top:0px;
	margin-left:30px;
	margin-bottom: 1px;
	padding: 0px;
}

.flex-system_area2 .flex-2 p {
	margin-bottom: 15px;
	font-weight: 400;
}


.flex-system_area2 .flex-2 span {
	display: inline-block;
	background-color: #85B520;
	margin-left: 5px;
	margin-right: 5px;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 5px;
	padding-bottom : 5px;

	font-weight: 900;
	color: #ffffff;
}



.flex-system_area3 {
	display: flex;
	align-items: stretch;
	margin-bottom: 50px;
}

.flex-system_area3 .flex-1 {
	flex: 1;
	display: flex;
	margin-top:0px;
	margin-left:0px;
	margin-bottom: 0px;
	padding: 0px;

}

.flex-system_area3 .flex-2 {
	flex: 1.5; 
	display: flex;
	margin-top:0px;
	margin-left:30px;
	margin-bottom: 0px;
	padding: 0px;
}


.flex-system_area3 .flex-1 p {
	margin-bottom: 15px;
	font-weight: 400;
}



.flex-system_area3 .flex-1 span {
	display: inline-block;
	background-color: #85B520;
	margin-left: 5px;
	margin-right: 5px;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 5px;
	padding-bottom : 5px;
	font-weight: 900;
	color: #ffffff;
}




.flex-system_area3 .flex-2 p {
	margin-bottom: 15px;
	font-weight: 400;
}


.flex-system_area3 .flex-2 span {
	display: inline-block;
	background-color: #85B520;
	margin-left: 5px;
	margin-right: 5px;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 5px;
	padding-bottom : 5px;
	font-weight: 900;
	color: #ffffff;
}









.flex-system_area4 {
	display: flex;
	align-items: stretch;
}

.flex-system_area4 .flex-1 {
	flex: 1;
	display: flex;
	margin-top:0px;
	margin-left:0px;
	margin-bottom: 0px;
	padding: 0px;

}

.flex-system_area4 .flex-2 {
	flex: 2; 
	display: flex;
	margin-top:0px;
	margin-right:30px;
	margin-bottom: 0px;
	padding: 0px;
}


.flex-system_area4 .flex-1 p {
	margin-bottom: 15px;
	font-weight: 400;
}



.flex-system_area4 .flex-1 span {
	display: inline-block;
	background-color: #85B520;
	margin-left: 5px;
	margin-right: 5px;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 5px;
	padding-bottom : 5px;
	font-weight: 900;
	color: #ffffff;
}




.flex-system_area4 .flex-2 p {
	margin-bottom: 15px;
	font-weight: 400;
}


.flex-system_area4 .flex-2 span {
	display: inline-block;
	background-color: #85B520;
	margin-left: 5px;
	margin-right: 5px;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 5px;
	padding-bottom : 5px;
	font-weight: 900;
	color: #ffffff;
}









.flex-system_area5 {
  display: flex;
}

.flex-system_area5 .flex-1 { flex: 1; }

.flex-system_area5 .flex-2 {
	flex: 2; 
	margin-top:0px;
	margin-left:30px;
	margin-bottom: 1px;
	padding: 0px;
}

.flex-system_area5 .flex-2 p {
	margin-bottom: 15px;
	font-weight: 400;
}




.flex-system_area6 {
	display: flex;
	align-items: stretch;
	margin-bottom: 30px;z

}

.flex-system_area6 .flex-1 {
	flex: 1;
	display: flex;
}



.flex-system_area6 .flex-2 {
	flex: 1; 
	display: flex;
	margin-top:0px;
	margin-left:30px;
	margin-bottom: 0px;
	padding: 0px;
}

.flex-system_area6 .flex-2 p {
	margin-bottom: 15px;
	font-weight: 400;
}








.flex-system_area7 {
  display: flex;
}

.flex-system_area7 .flex-1 {
	flex: 1;
	align-items: stretch;
}

.flex-system_area7 .flex-2 {
	flex: 1; 
	margin-top:0px;
	margin-left:30px;
	margin-bottom: 1px;
	padding: 0px;
	background-color: #A3CF8B;
	align-items: stretch;
}

.flex-system_area7 .flex-1 p {
	margin-bottom: 15px;
	font-weight: 400;
}


.flex-system_area7 .flex-1 span {
	display: inline-block;
	background-color: #85B520;
	margin-left: 5px;
	margin-right: 5px;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 5px;
	padding-bottom : 5px;

	font-weight: 900;
	color: #ffffff;
}



.flex-system_area8 {
  display: flex;
}

.flex-system_area8 .flex-1 { flex: 1.5; }

.flex-system_area8 .flex-2 {
	flex: 2; 
	margin-top:0px;
	margin-left:30px;
	margin-bottom: 1px;
	padding: 0px;
	background-color: #ffffff;
}



.flex-system_area8 .flex-1 p {
	margin-bottom: 15px;
	font-weight: 400;
}



.flex-system_area9 {
	display: flex;
	align-items: stretch;
	margin-bottom: 30px;

}

.flex-system_area9 .flex-1 {
	margin-top: 0px;

	flex: 1;
}



.flex-system_area9 .flex-2 {
	flex: 1; 
	margin-top:0px;
	margin-left:30px;
	margin-bottom: 0px;
	padding: 0px;
}

.flex-system_area9 .flex-2 p {
	margin-bottom: 15px;
	font-weight: 400;
}






.system_area img {
	width:100%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}




.system_area .flex-system_area6 img {
	width:100%;
	height: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}


.system_area .flex-system_area8 img {
	width:30px;
	height: auto;
	margin-top: 0px;
	margin-bottom: 5px;
}




.pdf_image {
	display: inline-block;
	width: 100%;
	text-align: right;
}

.menu_box03 .pdf_image p {
	display: inline-block;
	font-size: 80%;
	font-weight: 900;
	color: #C51528;
}




.pdf_image img{
	width:35px;
	height: auto;
	margin-right: 10px;
}




.cost_average {
	display: inline-block;
	margin-top: 20px;
	width: 100%;
	text-align: left;
}

.menu_box03 .cost_average p {
	display: inline-block;
	font-size: 100%;
	font-weight: 900;
	color: #1D756B;
}




.cost_average img{
	width:35px;
	height: auto;
	margin-right: 10px;
}



/******************************************************************************
/* 森林プロジェクトトップページレイアウト
******************************************************************************/





.flex-fc_project_system_toparea {
	margin:30px auto 0px auto;
	display: flex;
}

.flex-fc_project_system_toparea .flex-1 {
	flex: 1.0;
	background-color: #FFFFFF;

}




.flex-fc_project_system_toparea .flex-2 {
	flex: 2.0; 
	margin-top:0px;
	margin-left:30px;
	margin-bottom: 0px;
	background-color: #ffffff;
}



/******************************************************************************
/* 森林プロジェクトレイアウト
******************************************************************************/





.flex-fc_project_system_area {
	margin:30px auto 0px auto;
	display: flex;
}

.flex-fc_project_system_area .flex-1 {
	width: 49%;
	background-color: #FFFFFF;
	margin-right: 2%;
}




.flex-fc_project_system_area .flex-2 {
	width: 49%;
	margin-top:0px;
	margin-bottom: 0px;
	background-color: #ffffff;
}



/******************************************************************************
/* ステップ横並び
*******************************************************************************/

.step_area {
	width: 100%;
	text-align: left;
}


.item {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0px auto 0px auto;
}


.item_block {
	position: relative;
	margin: 0px auto 0px auto;
}



.process_nav {
	width: 100%;
	margin: 0px auto 100px auto;

}

.process_nav ul{
	width: 100%;
}

.process_nav li {
	display: inline-block;
}
 
.process_nav li:nth-child(1) {
	width: 190px;
}

.process_nav li:nth-child(2) {
	width: 40px;
	flex-wrap: wrap;
}

.process_nav li:nth-child(3) {
	width: 190px;
}

.process_nav li:nth-child(4) {
	width: 40px;
}

.process_nav li:nth-child(5) {
	width: 190px;

}

/******************************************************************************
/* ステップマーク
*******************************************************************************/

.balloon3-right {
	position: relative;
	display: inline-block;
	margin: 0px auto 0px auto;
	padding: 0 5px;
	width: 50px;
	height: 50px;
	background: #ff8e9d;
	border-radius: 50%;
	box-sizing: border-box;
}

.balloon3-right:before {
	content: "";
	position: absolute;
	top: 50%;
	right: -15px;
	margin-top: -8px;
	border: 8px solid transparent;
	border-left: 15px solid #ff8e9d;
	z-index: 0;
}


.balloon3-right2 {
	position: relative;
	display: inline-block;
	margin: 0px auto 0px auto;
	padding: 0 5px;
	width: 50px;
	height: 50px;
	background: #C4C4C4;
	border-radius: 50%;
	box-sizing: border-box;
}

.balloon3-right2:before {
	content: "";
	position: absolute;
	top: 50%;
	right: -15px;
	margin-top: -8px;
	border: 8px solid transparent;
	border-left: 15px solid #C4C4C4;
	z-index: 0;
}




.balloon3-right p.step1 {
	text-align: center;
	color: #FFF;
	font-size: 70%;
	font-weight: 700;
	margin-top: 12px;
	margin-bottom: -5px;
}

.balloon3-right p.step2 {
	text-align: center;
	color: #FFF;
	font-size: 80%;
	font-weight: 700;
}

.step3 {
	position: absolute;
	top: 14px;
	left: 65px;
	font-size: 90%;
	font-weight: 700;
}



.balloon3-right2 p.step1 {
	text-align: center;
	color: #FFF;
	font-size: 70%;
	font-weight: 700;
	margin-top: 12px;
	margin-bottom: -5px;
}

.balloon3-right2 p.step2 {
	text-align: center;
	color: #FFF;
	font-size: 80%;
	font-weight: 700;
}

.step3_2 {
	position: absolute;
	top: 14px;
	left: 65px;
	font-size: 90%;
	font-weight: 700;
	color: #C4C4C4;
}


/******************************************************************************
/* 矢印
*******************************************************************************/


.arrow {
	display:inline-block;
	height:5px;
	width:15px;
	background-color:#FF8E9D;
	position:relative;
	top: 27px;
}

.arrow:before {
	position:absolute;
	content:"";
	width:0;
	height:0;
	border:10px solid transparent;
	border-left:15px solid #FF8E9D;
	left:15px;
	top: -8px;
}


.arrow2 {
	display:inline-block;
	height:5px;
	width:15px;
	background-color:#C4C4C4;
	position:relative;
	top: 27px;
}

.arrow2:before {
	position:absolute;
	content:"";
	width:0;
	height:0;
	border:10px solid transparent;
	border-left:15px solid #C4C4C4;
	left:15px;
	top: -8px;
}



/******************************************************************************
/* バッジ
*******************************************************************************/

.sankou-badge, .link-badge {
	padding: 3px 10px;
	margin-right: 8px;
	margin-left: 1px;
	font-size: 80%;
	font-weight: 700;
	color: white;
	border-radius: 3px;
	box-shadow: 0 0 3px #ddd;
	white-space: nowrap;
}

.link-badge {
  background-color: #58ACFA; /*青*/
}

.sankou-badge {
  background-color: #DC3545; /*緑*/
}




/******************************************************************************
/* バッジ2
*******************************************************************************/

.sankou-badge2, .link-badge2 {
	width:100%;
	padding: 3px 10px;
	margin-right: 8px;
	margin-left: 0px;
	margin-bottom: 0px;
	font-size: 80%;
	font-weight: 700;
	color: white;
	border-radius: 3px;
	box-shadow: 0 0 3px #ddd;
	white-space: nowrap;
}

.link-badge2 {
  background-color: #3049A3; /*青*/
}

.sankou-badge2 {
  background-color: #DC3545; /*緑*/
}

/******************************************************************************
/* バッジ3
*******************************************************************************/

.sankou-badge3, .link-badge3 {
	width:100%;
	padding: 3px 10px;
	margin-right: 8px;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 90%;
	font-weight: 700;
	color: white;
	border-radius: 3px;
	box-shadow: 0 0 3px #ddd;
	white-space: nowrap;
}




.link-badge3 {
  background-color: #3049A3; /*青*/
}

.sankou-badge3 {
  background-color: #DC3545; /*緑*/
}


/******************************************************************************
/* バッジ4
*******************************************************************************/

.sankou-badge4, .link-badge4 {
	width:100%;
	padding: 3px 10px;
	margin-right: 8px;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 90%;
	font-weight: 700;
	color: #3049A3;
	border-radius: 3px;
	box-shadow: 0 0 3px #ddd;
	white-space: nowrap;
}




.link-badge4 {
  background-color: #D1D6EA; /*青*/
}

.sankou-badge4 {
  background-color: #DC3545; /*緑*/
}


/******************************************************************************
/* バッジ4
*******************************************************************************/

.sankou-badge5, .link-badge5 {
	width:100%;
	padding: 3px 10px;
	margin-right: 8px;
	margin-left: 0px;
	margin-bottom: 0px;
	font-size: 80%;
	font-weight: 700;
	color: white;
	border-radius: 3px;
	box-shadow: 0 0 3px #ddd;
	white-space: nowrap;
}




.link-badge5 {
  background-color: #DC3545; /*青*/
}

.sankou-badge5 {
  background-color: #DC3545; /*緑*/
}



/******************************************************************************
/* アップロード済みPDF
*******************************************************************************/

.upload_box {
	background: #F5F5F5;
	border 1px solid #ff8e9d;
	font-size: 90%;
	font-weight: 700;
	padding: 10px;
}


/********************************************************************************************************
/* 森林プロジェクトボックス（CO2吸収量パッケージ登録）
*********************************************************************************************************/


.fc_package_comment_box {
	width: 100%;
	background-color: #FAFAFA;
	padding: 20px;
	margin-bottom:30px;
}

.fc_package_comment_box p{
	display: inline-block;
	color: #495B87;
	font-size: 110%;
	font-weight: 700;
}

.fc_package_comment_box span{
	display: inline-block;
	background-color: #F17F00;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #ffffff;
	font-size: 90%;
	font-weight: 700;
}



/********************************************************************************************************
/* 森林パートナー募集用説明ボックス
*********************************************************************************************************/


.fc_company_comment_box {
	width: 100%;
	background-color: #FAFAFA;
	padding: 20px;
	margin-top:0px;
	margin-bottom:50px;
}

.fc_company_comment_box p{
	font-size: 100%;
	font-weight: 400;
	line-height :1.8;
}

.fc_company_comment_box p.bold {
	color: #194375;
	font-size: 100%;
	font-weight: 700;
	line-height :1.8;
}


/********************************************************************************************************
/* 森林パートナー募集用説明ボックス2
*********************************************************************************************************/


.fc_company_comment_box2 {
	width: 100%;
	background-color: #FAFAFA;
	padding: 20px;
	margin-bottom:50px;
}

.fc_company_comment_box2 p{
	font-size: 100%;
	font-weight: 400;
	line-height :1.8;
}

.fc_company_comment_box2 p.bold {
	color: #194375;
	font-size: 100%;
	font-weight: 700;
	line-height :1.8;
}


.fc_company_comment_box2_in {
	width: 100%;
	background-color: #ffffff;
	margin-top:20px;
	padding: 20px;
	font-weight: 700;
}



/******************************************************************************
/* 森林プロジェクト登録フォームレイアウト
******************************************************************************/





.flex-fc_project_system_area_form {
	margin: 0px auto 0px auto;
	display: flex;
}

.flex-fc_project_system_area_form .flex-1 {
	flex: 1.0;
	background-color: #FFFFFF;

}




.flex-fc_project_system_area_form .flex-2 {
	flex: 1.0; 
	margin-top:0px;
	margin-left:30px;
	margin-bottom: 0px;
	background-color: #ffffff;
}


/******************************************************************************
/* 森林プロジェクト登録フォームレイアウト
******************************************************************************/





.flex-fc_project_system_area_form2 {
	margin: 0px auto 0px auto;
	display: flex;
}

.flex-fc_project_system_area_form2 .flex-1 {
	flex: 1.0;
	background-color: #FFFFFF;

}




.flex-fc_project_system_area_form2 .flex-2 {
	flex: 1.0; 
	margin-top:0px;
	margin-left:30px;
	margin-bottom: 0px;
	background-color: #ffffff;
}

/******************************************************************************
/* サムネイルレイアウト
******************************************************************************/





.flex-fc_project_system_area_thum {
	margin: 20px auto 0px auto;
	display: flex;
}

.flex-fc_project_system_area_thum .flex-1 {
	flex: 1.0;
	background-color: #ffffff;
	position: relative;
}



.image_uplode_box001 {

	position: relative;
	width: 100%;
	margin: 0px auto 0px auto;
	box-sizing: border-box;
	background-color: #F5F5F5;
	border: solid 1px #eeeeee;
	top:0;
	left:0;
	z-index:10
}

.image_uplode_box002 {

	position: relative;
	width: 100%;
	margin: 0px auto 0px auto;
	box-sizing: border-box;
	background-color: #F5F5F5;
	border: solid 1px #eeeeee;
	top:0;
	left:0;
	z-index:10
	padding-bottom:2px;
}




.flex-fc_project_system_area_thum .flex-2 {
	flex: 1.0; 
	margin-top:0px;
	margin-left:30px;
	margin-bottom: 0px;
	background-color: #ffffff;
	position: relative;

}



.flex-fc_project_system_area_thum .flex-3 {
	flex: 1.0; 
	margin-top:0px;
	margin-left:30px;
	margin-bottom: 0px;
	background-color: #ffffff;
	position: relative;

}


/******************************************************************************
/* サムネイル表示設定
*******************************************************************************/


.detail_image_size {
	object-fit: cover;
	width: 100%;
	height: 400px;
	object-position: 50% 50%
	background-color: #F5F5F5;

}





.detail_image_size2 {
	object-fit: cover;
	width: 100%;
	height: 200px;
	object-position: 50% 50%
	background-color: #F5F5F5;

}


.detail_image_size3 {
	object-fit: cover;
	width: 100%;
	height: 450px;
	object-position: 50% 50%
}

.detail_image_size3 img {
	border-radius: 8px;
}

.detail_image_size4 {
	object-fit: cover;
	width: 100%;
	height: 200px;
	object-position: 50% 50%
	background-color: #F5F5F5;
}

.detail_image_size4 img {
	border-radius: 8px;
}


.detail_image_size_box {
	width: 100%;
	margin: 0px auto 0px auto;
	box-sizing: border-box;
	background-color: #F5F5F5;
	border: solid 1px #eeeeee;

}

.detail_image_size_box p {
	display: block;
	margin-top:10px;
	margin-left: 10px;
	margin-bottom: 10px;
}

.detail_image_size_box2 {
	width: 100%;
	margin: 10px auto 0px auto;
	box-sizing: border-box;
	background-color: #F5F5F5;
	border: solid 1px #eeeeee;
}

.detail_image_size_box2 p {
	display: block;
	margin-top:10px;
	margin-left: 10px;
	margin-bottom: 10px;
}


.error_msg {
	display: block;
	margin-top:10px;
	color: #DC3545;
	font-weight: 700;
}

.error_msg01 {
	display: block;
	margin-top:10px;
	color: #DC3545;
	font-weight: 700;
}

.error_msg02 {
	display: block;
	margin-top:10px;
	color: #DC3545;
	font-weight: 700;
}

.error_msg03 {
	display: block;
	margin-top:10px;
	color: #DC3545;
	font-weight: 700;
}

.error_msg04 {
	display: block;
	margin-top:10px;
	color: #DC3545;
	font-weight: 700;
}

.error_msg05 {
	display: block;
	margin-top:10px;
	color: #DC3545;
	font-weight: 700;
}

.error_msg06 {
	display: block;
	margin-top:10px;
	color: #DC3545;
	font-weight: 700;
}




/******************************************************************************
/* 登録申請ボタン
******************************************************************************/

.menu_button_box {
	width: 100%;
	height: auto;
	display: inline-block;
	padding:30px;
	border : solid 1.5px #2D579D ;
	text-align: center;
	background-color: #F5F5F5;
	letter-spacing: 1.2px;
	font-weight: 700;
	color: #000000;
}

.menu_button_box2 {
	width: 100%;
	margin-top: 10px;
	height: auto;
	display: block;
	padding:30px;
	border : solid 1.5px #2D579D ;
	text-align: center;
	background-color: #EAF3FF;
	letter-spacing: 1.2px;
	font-weight: 700;
	color: #000000;
}


/******************************************************************************
/* 登録申請ボトムボタン設定
*******************************************************************************/




.stream_bottom_button {
	display: flex;
	margin: 0px auto 0px auto;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.stream_bottom_button .flex-1 {
	display: flex;
	background-color: #ffffff;
	justify-content: center;
	align-items: start;
	text-align: center;
	box-sizing:border-box;
	margin-right: 10px;
}

.stream_bottom_button .flex-2 {
	display: flex;
	background-color: #ffffff;
	justify-content: center;
	align-items: start;
	text-align: center;
	box-sizing:border-box;
	margin-right: 10px;

}

.stream_bottom_button .flex-3 {
	display: flex;
	background-color: #ffffff;
	justify-content: center;
	align-items: start;
	text-align: center;
	box-sizing:border-box;

}



/******************************************************************************
/* CO2吸収量パッケージボタンメニュー設定
*******************************************************************************/


ul.co2_project {
	margin: 30px auto 30px auto;
	display:flex;
	flex-wrap: wrap;
}

ul.co2_project li {
	text-align: center;
	margin-right: 10px;
}



/******************************************************************************
/* 制度に参加する設定
******************************************************************************/



.maru-box-01 {
	display: inline-block;
	height: 45px;
	background-color: #5472CD;
	border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 4px;
	color: #ffffff;
	font-weight: 700;
	margin-right: 5px;
	margin-bottom: 10px;
	text-align: center;
	font-size: 90%;
}


.maru-box-01 p{
	line-height: 1.2;
}


/******************************************************************************
/* J-クレジットについてサブメニュー設定
*******************************************************************************/


ul.about_outsourcing {
	margin: 0px auto 0 auto;
	display:flex;
	width: 100%;
	justify-content: space-between;
	flex-wrap: wrap;
}

ul.about_outsourcing li {
	width: 32%;
	text-align: center;
}



/********************************************************************************************************
/* マニュアルボックス設定
*********************************************************************************************************/


.title_manual {
	position: relative;
	width : 100%;
	height: 50px;
	margin: -20px auto 10px auto;
	text-align: left;

}


.title_manual2 {
	position: relative;
	width : 100%;
	height: 50px;
	margin: -30px auto 10px auto;
	text-align: left;

}

.manual_box {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #B61D22;
	color: #ffffff;
	font-weight: 700;
	width : 200px;
	padding: 20px;
	margin: 0px auto 0px auto;
	text-align: center;
}


.manual_box2 {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #B61D22;
	color: #ffffff;
	font-weight: 700;
	font-size: 85%;
	width : 380px;
	padding: 20px;
	margin: 0px auto 0px auto;
	text-align: center;
}


.manual_box3 {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #B61D22;
	color: #ffffff;
	font-weight: 700;
	width : 380px;
	padding: 20px;
	margin: 0px auto 0px auto;
	text-align: center;

}



/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/* 601 - 768用（タブレット用）の記述 */
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/


/******************************************************************************
/* タブレットサイズ
*******************************************************************************/


@media screen and (max-width:1200px) {



.pcOnly {
	display: none!important;
}
.spOnly {
	display: block!important;
}







}



/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
/* 600px - 100px用（スマートフォン用）の記述 */
/*------------------------------------------------------------*/
/*------------------------------------------------------------*/


@media screen and (min-width: 100px) and (max-width: 600px)  {





/********************************************************************************************************
/* ステップボックス1
*********************************************************************************************************/


.step {
	margin: 0px auto 0 auto;
	width: 100%; 
	padding-top: 0px;
	padding-bottom: 0px;
}

.step_left {
	float: left;
	width: 100%;
	display: block;
	text-align: left;
	margin-right: 0%;
}

.step_right {
	float: left;
	width: 100%;
	display: block;
	text-align: left;
	padding-top: 65px;
	font-size: 90%;
	margin-top: 20px;

}

.step_right2 {
	float: left;
	width: 100%;
	display: block;
	text-align: left;
	padding-top: 0px;
	font-size: 90%;
	margin-top: 20px;
}


/********************************************************************************************************
/* ボックスデザイン1
*********************************************************************************************************/

.mybox{
	background-color: #fff;	/* 背景色 */
	border: 1px solid #5579B2;	/* 線の太さ・種類・色 */
	margin: 40px 5px 5px 20px;	/* 外側の余白 上・右・左・下 */
	padding: 25px 20px 25px 20px;	/* 内側の余白 上・右・左・下 */
	position: relative;
	text-align: center;
}
.mybox:before{
	background-color: #5579B2;	/* 吹き出し背景色 */
	color: #fff;	/* 吹き出し文字色 */
	content: 'STEP 01';
	padding: 9px 15px 10px 20px;
	position: absolute;
	left: -18px;
	top: -27px;
	font-weight: 700;
	font-size: 80%;
}
.mybox:after{
	border-top: 10px solid #5579B2;		/* 吹き出し三角部分の色 */
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: '';
	position: absolute;
	top: 10px;
	left: 20px;
}
.mybox p {
	font-size: 90%;
	font-weight: 700;
	color: #555555;
}


/********************************************************************************************************
/* ボックスデザイン2
*********************************************************************************************************/

.mybox2{
	background-color: #fff;
	border: 1px solid #5579B2;
	margin: 0px 5px 5px 20px;
	padding: 25px 20px 25px 20px;
	position: relative;
	text-align: center;
}
.mybox2:before{
	background-color: #5579B2;
	color: #fff;
	content: 'STEP 02';
	padding: 9px 15px 10px 20px;
	position: absolute;
	left: -18px;
	top: -27px;
	font-weight: 700;
	font-size: 80%;
}
.mybox2:after{
	border-top: 10px solid #5579B2;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: '';
	position: absolute;
	top: 10px;
	left: 20px;
}
.mybox2 p {
	font-size: 90%;
	font-weight: 700;
	color: #555555;
}


/********************************************************************************************************
/* ボックスデザイン3
*********************************************************************************************************/

.mybox3{
	background-color: #fff;
	border: 1px solid #5579B2;
	margin: 0px 5px 5px 20px;
	padding: 25px 20px 25px 20px;
	position: relative;
	text-align: center;
}
.mybox3:before{
	background-color: #5579B2;
	color: #fff;
	content: 'STEP 03';
	padding: 9px 15px 10px 20px;
	position: absolute;
	left: -18px;
	top: -27px;
	font-weight: 700;
	font-size: 80%;
}
.mybox3:after{
	border-top: 10px solid #5579B2;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: '';
	position: absolute;
	top: 10px;
	left: 20px;
}
.mybox3 p {
	font-size: 90%;
	font-weight: 700;
	color: #555555;
}



/********************************************************************************************************
/* ボックスデザイン4
*********************************************************************************************************/

.mybox4{
	background-color: #fff;
	border: 1px solid #5579B2;
	margin: 0px 5px 5px 20px;
	padding: 25px 20px 25px 20px;
	position: relative;
	text-align: center;
}
.mybox4:before{
	background-color: #5579B2;
	color: #fff;
	content: 'STEP 04';
	padding: 9px 15px 10px 20px;
	position: absolute;
	left: -18px;
	top: -27px;
	font-weight: 700;
	font-size: 80%;
}
.mybox4:after{
	border-top: 10px solid #5579B2;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: '';
	position: absolute;
	top: 10px;
	left: 20px;
}
.mybox4 p {
	font-size: 90%;
	font-weight: 700;
	color: #555555;
}



/********************************************************************************************************
/* ボックスデザイン5
*********************************************************************************************************/

.mybox5 {
	background-color: #fff;
	border: 1px solid #5579B2;
	margin: 0px 5px 5px 20px;
	padding: 25px 20px 25px 20px;
	position: relative;
	text-align: center;
}
.mybox5:before{
	background-color: #5579B2;
	color: #fff;
	content: 'STEP 05';
	padding: 9px 15px 10px 20px;
	position: absolute;
	left: -18px;
	top: -27px;
	font-weight: 700;
	font-size: 80%;
}
.mybox5:after{
	border-top: 10px solid #5579B2;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: '';
	position: absolute;
	top: 10px;
	left: 20px;
}
.mybox5 p {
	font-size: 90%;
	font-weight: 700;
	color: #555555;
}


/********************************************************************************************************
/* ボックスデザイン5
*********************************************************************************************************/

.mybox6 {
	background-color: #fff;
	border: 1px solid #5579B2;
	margin: 0px 5px 5px 20px;
	padding: 25px 20px 25px 20px;
	position: relative;
	text-align: center;
}
.mybox6:before{
	background-color: #5579B2;
	color: #fff;
	content: 'STEP 06';
	padding: 9px 15px 10px 20px;
	position: absolute;
	left: -18px;
	top: -27px;
	font-weight: 700;
	font-size: 80%;
}
.mybox6:after{
	border-top: 10px solid #5579B2;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: '';
	position: absolute;
	top: 10px;
	left: 20px;
}
.mybox6 p {
	font-size: 90%;
	font-weight: 700;
	color: #555555;
}



/********************************************************************************************************
/* ボックスデザイン5
*********************************************************************************************************/

.mybox7 {
	background-color: #fff;
	border: 1px solid #5579B2;
	margin: 0px 5px 5px 20px;
	padding: 25px 20px 25px 20px;
	position: relative;
	text-align: center;
}
.mybox7:before{
	background-color: #5579B2;
	color: #fff;
	content: 'STEP 07';
	padding: 9px 15px 10px 20px;
	position: absolute;
	left: -18px;
	top: -27px;
	font-weight: 700;
	font-size: 80%;
}
.mybox7:after{
	border-top: 10px solid #5579B2;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	content: '';
	position: absolute;
	top: 10px;
	left: 20px;
}
.mybox7 p {
	font-size: 90%;
	font-weight: 700;
	color: #555555;
}


/********************************************************************************************************
/* 矢印1
*********************************************************************************************************/

.arrow3{
	width: 26px;
	margin: 20px auto 0 auto;
}
.arrow3::before{
	content: "";
	display: block;
	margin: 0 auto;
	width: 10px;
	height: 10px;
	background: #8EA5CB;
}
.arrow3::after{
	content: "";
	display:block;
	border-top: 30px solid #8EA5CB;
	border-left: 13px solid transparent;
	border-right: 13px solid transparent;
	transform-origin: left top;
	transform: scaleY(.5);
}



/********************************************************************************************************
/* ログイン
*********************************************************************************************************/



.flex-system_area7 {
	display: block;
	font-size: 90%;
}

.flex-system_area7 .flex-1 {
	display: block;
	width: 100%;
	align-items: stretch;
}

.flex-system_area7 .flex-2 {
	display: block;
	width: 100%;
	margin-top:0px;
	margin-left:0px;
	margin-bottom: 1px;
	padding: 0px;
	background-color: #A3CF8B;
	align-items: stretch;
}

.flex-system_area7 .flex-1 p {
	margin-bottom: 15px;
	font-weight: 400;
}


.flex-system_area7 .flex-1 span {
	display: inline-block;
	background-color: #85B520;
	margin-left: 5px;
	margin-right: 5px;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 5px;
	padding-bottom : 5px;

	font-weight: 900;
	color: #ffffff;
}


/********************************************************************************************************
/* ボタン
*********************************************************************************************************/


.datafile_button4 {
	display: inline-block;
	height: 60px;
	width: 280px;
	text-decoration: none;
	font-size: 100%;
	font-weight: 700;
	text-align: center;
	color: #4758E0;
	border: 1px solid #cbcbcb;
	border-bottom: 1px solid #b2b1b1;
	text-shadow: 0px 1px 0px #fafafa;
	-webkit-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	-moz-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #ffffff), color-stop(0.5, #eeeeee));
	background: -moz-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -o-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -ms-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%')";
	border-radius: 5px;
	margin-right: 0px;
	cursor: pointer;

}
.datafile_button4:active{ 
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: none;
}

.datafile_button4 span {
	display: block;
	font-size: 70%;
	font-weight: 700;
	margin-top: 5px;
}

.datafile_button4 p {
	font-size: 85%;
	font-weight: 700;
	margin-top: 0px;
	margin-left: -10px;
}







.datafile_button7 {
	display: inline-block;
	height: 40px;
	width: 150px;
	text-decoration: none;
	font-size: 100%;
	font-weight: 700;
	line-height: 40px;
	text-align: center;
	color: #78B553;
	border: 1px solid #cbcbcb;
	border-bottom: 1px solid #b2b1b1;
	text-shadow: 0px 1px 0px #fafafa;
	-webkit-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	-moz-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #ffffff), color-stop(0.5, #eeeeee));
	background: -moz-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -o-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -ms-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%')";
	border-radius: 5px;
	margin-right: 0px;
	cursor: pointer;

}
.datafile_button7:active{ 
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: none;
}


.datafile_button7 a {
	color: #78B553;
}








.datafile_button9 {
	display: inline-block;
	height: 60px;
	width: 100%;
	text-decoration: none;
	font-size: 100%;
	font-weight: 700;
	text-align: center;
	color: #4758E0;
	border: 1px solid #cbcbcb;
	border-bottom: 1px solid #b2b1b1;
	text-shadow: 0px 1px 0px #fafafa;
	-webkit-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	-moz-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #ffffff), color-stop(0.5, #eeeeee));
	background: -moz-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -o-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -ms-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%')";
	border-radius: 5px;
	margin-right: 0px;
	cursor: pointer;

}
.datafile_button9:active{ 
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: none;
}

.datafile_button9 span {
	display: block;
	font-size: 70%;
	font-weight: 700;
	margin-top: 0px;
}

.datafile_button9 p {
	font-size: 100%;
	font-weight: 700;
	margin-top: 0px;
	margin-left: 0px;
}


.datafile_button10 {
	display: inline-block;
	height: 60px;
	width: 100%;
	text-decoration: none;
	font-size: 100%;
	font-weight: 700;
	line-height: 60px;
	text-align: center;
	color: #4758E0;
	border: 1px solid #cbcbcb;
	border-bottom: 1px solid #b2b1b1;
	text-shadow: 0px 1px 0px #fafafa;
	-webkit-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	-moz-box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	box-shadow: 0 1px 0 #f5f5f5 inset, 1px 1px 1px #e9e9e9;
	background: #eeeeee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #ffffff), color-stop(0.5, #eeeeee));
	background: -moz-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -o-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: -ms-linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	background: linear-gradient(top, #ffffff 50%, #eeeeee 50%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff 50%', endColorstr='#eeeeee 50%')";
	border-radius: 5px;
	margin-right: 0px;
	cursor: pointer;

}
.datafile_button10:active{ 
	-ms-transform: translateY(2px);
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
	box-shadow: none;
}

/******************************************************************************
/* J-クレジットについてサブメニュー設定
*******************************************************************************/


ul.about_password {
	margin: 0px auto 0 auto;
	display:flex;
	width: 100%;
	justify-content: space-between;
	flex-wrap: wrap;
}

ul.about_password li {
	width: 100%;
	display: block;
	text-align: left;
}



/******************************************************************************
/* ノベルティ詳細ページレイアウト
*******************************************************************************/


.main_area {
	width: 100%;
	margin: 30px auto 0px auto;

}

.detail_main{
	width: 100%;
	margin: 0px auto 0px auto;
	font-size: 80%;

}

.detail_left {
	float: left;
	width:100%;
	display: block;
	margin: 0px auto 0;
}

.detail_right {
	float: left;
	width:100%;
	display: block;
	padding-left: 0px;
	text-align: left;
	margin: 0px auto 0;

}


.detail_right p {
	margin-bottom: 30px;
	line-height: 2.0;

}

.detail_right .cost {
	width: 100%;
	font-size: 110%;
	font-weight: 500;
	margin-bottom: 0px;
	line-height: 2.0;
	text-align: right;
}

.detail_right .cost span.tanka {
	color: #AA7790;
	font-size: 120%;
	font-weight: 600;
	margin-bottom: 0px;
	line-height: 2.0;
	text-align: right;
}

.detail_right .cost p {
	margin-bottom: -10px;

}


.detail_right .cost span {
	font-size: 80%;
}


.detail_right div {
	line-height: 1.5;

}

/******************************************************************************
/* J-クレジットについてサブメニュー設定
*******************************************************************************/


ul.about_outsourcing {
	margin: 0px auto 0 auto;
	display:flex;
	width: 100%;
	justify-content: space-between;
	flex-wrap: wrap;
}

ul.about_outsourcing li {
	display: block;
	width: 100%;
	text-align: center;
}


/******************************************************************************
/* 森林プロジェクトレイアウト
******************************************************************************/





.flex-fc_project_system_area {
	margin:30px auto 0px auto;
	display: block;
	font-size: 80%;
}

.flex-fc_project_system_area .flex-1 {
	display:block;
	width: 100%;
	background-color: #FFFFFF;
	margin-right: 0%;
}




.flex-fc_project_system_area .flex-2 {
	display:block;
	width: 100%;
	margin-top:0px;
	margin-bottom: 0px;
	background-color: #ffffff;
}



/******************************************************************************
/* サムネイルレイアウト
******************************************************************************/





.flex-fc_project_system_area_thum {
	margin: 20px auto 0px auto;
	display: block;
}

.flex-fc_project_system_area_thum .flex-1 {
	display: block;
	width: 100%;
	background-color: #ffffff;
	position: relative;
}



.image_uplode_box001 {

	position: relative;
	width: 100%;
	margin: 0px auto 0px auto;
	box-sizing: border-box;
	background-color: #F5F5F5;
	border: solid 1px #eeeeee;
	top:0;
	left:0;
	z-index:10
}

.image_uplode_box002 {

	position: relative;
	width: 100%;
	margin: 0px auto 0px auto;
	box-sizing: border-box;
	background-color: #F5F5F5;
	border: solid 1px #eeeeee;
	top:0;
	left:0;
	z-index:10
	padding-bottom:2px;
}




.flex-fc_project_system_area_thum .flex-2 {
	display: block;
	width: 100%;
	margin-top:0px;
	margin-left:0px;
	margin-bottom: 0px;
	background-color: #ffffff;
	position: relative;

}



.flex-fc_project_system_area_thum .flex-3 {
	display: block;
	width: 100%;
	margin-top:0px;
	margin-left:0px;
	margin-bottom: 0px;
	background-color: #ffffff;
	position: relative;

}








/********************************************************************************************************
/* マニュアルボックス設定
*********************************************************************************************************/


.title_manual {
	position: relative;
	width : 100%;
	height: 50px;
	margin: -20px auto 10px auto;
	text-align: left;

}


.title_manual2 {
	position: relative;
	width : 100%;
	height: 50px;
	margin: -30px auto 10px auto;
	text-align: left;

}

.manual_box {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #B61D22;
	color: #ffffff;
	font-weight: 700;
	font-size: 80%;
	width : 100%;
	padding: 20px;
	margin: 0px auto 0px auto;
	text-align: center;
}


.manual_box2 {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #B61D22;
	color: #ffffff;
	font-weight: 700;
	font-size: 80%;
	width : 100%;
	padding: 20px;
	margin: 0px auto 0px auto;
	text-align: center;
}


.manual_box3 {
	position: absolute;
	top: 0;
	right: 0;
	background-color: #B61D22;
	color: #ffffff;
	font-weight: 700;
	width : 380px;
	padding: 20px;
	margin: 0px auto 0px auto;
	text-align: center;

}


}