@charset "utf-8";



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



.form-group{
  margin-bottom: 35px;
}


.login-page_in input:valid {
  background: #ffffff;
}

input:required{
  background: #ffcdd2;
}



input[type="email"]:invalid{
  background: #ffcdd2;
}
input[type="text"]:invalid{
  background: #ffcdd2;
}
textarea:invalid{
  background: #ffcdd2;
}

select:invalid{
  background: #ffcdd2;
}


input:valid{
  background: transparent;
}





input[type="email"]:focus{
  background: #DCEDC8;
}

input[type="text"]:focus{
  background: #DCEDC8;
}

textarea:focus{
  background: #DCEDC8;
}

select:focus{
  background: #DCEDC8;
}



.label-position{
  margin-bottom: 15px;
}


.form-size50 {
  width: 50%;
}


p.error_comment {
	font-weight: 700;
	font-size: 110%;
	color :#C00000;
	margin-bottom: 30px;
	text-align: left;

}


p.confirm_comment {
	font-weight: 700;
	font-size: 110%;
	color :#C00000;
	margin-bottom: 30px;
	text-align: center;

}


p.mail_comment {
	font-weight: 700;
	font-size: 110%;
	color :#A9D18E;
	margin-bottom: 30px;
	text-align: center;

}

p.password_comment {
	font-weight: 700;
	font-size: 110%;
	color :#C00000;
	margin-bottom: 30px;
	text-align: center;

}




.input_area {
	box-sizing: border-box;
	border: solid 1px black;
	width: 100%;
	padding: 40px;
	margin-top: 30px;
	text-align: center;
}


.input_area_in {
	margin: 0 auto 0 auto;
	width: 80%x;
	text-align: left;
}


.input_area_button {
	margin: 50px auto 50px auto;
	width: 100%;
	text-align: center;
}






.alart {

}


p.bold {
	font-weight: 700;
	font-size: 100%;
	color :#C00000;
	text-align: left;
	margin-top: 10px;
}




/******************************************************************************
/* テキストフォーム
*******************************************************************************/


.form-item-body {
	margin: 0 auto 30px auto;

}

.form-item-body2 {
	margin: 0 auto 30px auto;
	width: 50%;
	text-align: left;

}



.form-item-body3 {
	margin: 0 auto 10px auto;

}


/******************************************************************************
/* テキストフォーム
*******************************************************************************/


.form-item-text {
	font-weight: 700;
	color: #DC3545;
}

.m-form-text {
	height: 50px;
	width: 100%;
	padding: 0 16px;
	border-radius: 4px;
	border: none;
	box-shadow: 0 0 0 1px #ccc inset;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	margin-top: 10px;
	font-size: 100%;
	box-sizing: border-box;

}

.m-form-text:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
}


.m-form-text2 {
	height: 50px;
	width: 50%;
	padding: 0 16px;
	border-radius: 4px;
	border: none;
	box-shadow: 0 0 0 1px #ccc inset;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	margin-top: 10px;
	font-size: 100%;
	box-sizing: border-box;

}

.m-form-text2:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
}


.m-form-text3 {
	height: 50px;
	width: 200px;
	padding: 0 16px;
	border-radius: 4px;
	border: none;
	box-shadow: 0 0 0 1px #ccc inset;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	margin-top: 10px;
	font-size: 100%;
	box-sizing: border-box;

}

.m-form-text3:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
}



.m-form-text4 {
	height: 50px;
	width: 45%;
	padding: 0 16px;
	border-radius: 4px;
	border: none;
	box-shadow: 0 0 0 1px #ccc inset;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	margin-top: 10px;
	font-size: 100%;
	box-sizing: border-box;

}

.m-form-text4:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
}



.m-form-text5 {
	height: 50px;
	width: 100%;
	padding: 0 16px;
	border-radius: 4px;
	border: none;
	box-shadow: 0 0 0 1px #ccc inset;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	margin-top: 10px;
	font-size: 100%;
	box-sizing: border-box;

}

.m-form-text5:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
}


.m-textform-text {
	height: 250px;
	width: 100%;
	padding: 10px 16px;
	border-radius: 4px;
	border: none;
	box-shadow: 0 0 0 1px #ccc inset;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	margin-top: 10px;
	font-size: 120%;
	box-sizing: border-box;
	line-height: 1.8;
}

.m-textform-text:focus {
    outline: 0;
    box-shadow: 0 0 0 2px rgb(33, 150, 243) inset;
}









::placeholder {
	color: #8E9298;
	font-size: 100%;
	letter-spacing: 1.2px;
}


p.form_title {
	display: inline-block;
	font-weight: 700;
	font-size: 100%;
	color :#C00000;
	text-align: left;

}


span.form_title2 {
	display: inline-block;
	font-weight: 700;
	font-size: 80%;
	color :#C00000;
	text-align: left;

}


span.form_title3 {
	display: inline-block;
	font-weight: 700;
	font-size: 80%;
	color :#C00000;
	text-align: left;
	margin-bottom:10px;
}

/******************************************************************************
/* ラジオボタン
*******************************************************************************/

.radio-inline__input {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.radio-inline__label {
    display: inline-block;
    padding: 0.5rem 0.5rem;
    margin-right: 5px;
    border-radius: 3px;
    transition: all .2s;
    outline-color: #4D90FE;
    outline-offset: -2px;
    outline-style: auto;
    outline-width: 5px;
    font-weight: 700;
	font-size: 90%;
}

.radio-inline__input:checked + .radio-inline__label {
    background: #B54A4A;
    color: #fff;
    text-shadow: 0 0 1px rgba(0,0,0,.7);
    border 1px solid #ff8e9d;
    font-weight: 700;
}

.radio-inline__input:focus + .radio-inline__label {
    outline-color: #4D90FE;
    outline-offset: -2px;
    outline-style: auto;
    outline-width: 5px;
    font-weight: 700;
}




/******************************************************************************
/* セレクトボックス
*******************************************************************************/


select {
	width: 200px;
	height: 50px;
	margin-top: 30px;
	font-weight: 700;
	font-size: 100%;
	border-radius: 4px;
	border: none;
	box-shadow: 0 0 0 1px #ccc inset;
	box-sizing: border-box;
}

select:invalid{
  background: #ffcdd2;
}


select:focus{
  background: #DCEDC8;
}

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

.submit-btn{
	display: inline-block;
	vertical-align: middle;
	margin: 20px auto 0 auto;
	padding: 6px 25px;
	color: #7EC000;
	font-weight: 700;
	font-size: 110%;
	letter-spacing: 0.5pt;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #7EC000;
	cursor: pointer;
	height: 65px;
	transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -moz-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    -ms-transition-duration:0.3s;
} 
.submit-btn:hover{
    color: #ffffff;
    background-color: #F15A24;
}

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

.submit-btn2 {
	display: inline-block;
	vertical-align: middle;
	margin: 20px auto 0 auto;
	padding: 6px 25px;
	color: #ffffff;
	font-weight: 700;
	font-size: 110%;
	letter-spacing: 0.5pt;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #ffffff;
	cursor: pointer;
	height: 65px;
	transition-duration:0.3s;
    -webkit-transition-duration:0.3s;
    -moz-transition-duration:0.3s;
    -o-transition-duration:0.3s;
    -ms-transition-duration:0.3s;
} 
.submit-btn2:hover{
    color: #ffffff;
    background-color: #F15A24;
}


/******************************************************************************
/* ログインページ設定
*******************************************************************************/


.login-page {
  width: 100%;
  padding: 50px 0 1px 0px;
  margin: 30px auto 0 auto;
}


.login-page_in {
  width: 50%;
  padding: 0px 0 30px 0px;
  margin: 0px auto 0 auto;
}




.member_ship {

  margin: 0px auto 30px auto;
color: #ffffff;
font-weight: 700;
font-size: 120%;
text-align:center;
}




.member_ship2 {

text-align:center;
}




/******************************************************************************
/* 画像プレビュー設定
*******************************************************************************/


#image_disp {
	display: none;
}

#image_disp01 {
	display: none;
}

#image_disp02 {
	display: none;
}

#image_disp03 {
	display: none;
}

#image_disp04 {
	display: none;
}


#image_disp05 {
	display: none;
}


#image_disp06 {
	display: none;
}


#image_disp07 {
	display: none;
}

#image_disp08 {
	display: none;
}

#image_disp09 {
	display: none;
}

#image_disp10 {
	display: none;
}

#image_disp11 {
	display: none;
}

#image_disp12 {
	display: none;
}


#image_disp13 {
	display: none;
}


#image_disp14 {
	display: none;
}


#image_disp15 {
	display: none;
}


#image_disp16 {
	display: none;
}

#image_disp17 {
	display: none;
}

#image_disp18 {
	display: none;
}

#image_disp19 {
	display: none;
}

#image_disp20 {
	display: none;
}

#image_disp21 {
	display: none;
}

#image_disp22 {
	display: none;
}

#image_disp23 {
	display: none;
}

#image_disp24 {
	display: none;
}

#image_disp25 {
	display: none;
}


/******************************************************************************
/* ローディング設定
*******************************************************************************/

.loading {
	display: none;
	text-align: center;
}

.loading2 {
	display: none;
	text-align: center;
}




/******************************************************************************
/* エラー表示設定
*******************************************************************************/

.error {
	width: 100%;
	margin: 0 auto 20px auto;
	background-color: #DC3545;
	padding : 10px;
	color: #ffffff;
	font-weight: 700;
}

.error img {
	width: auto;
	height: 25px;
	margin-top: -2px;
	margin-right: 5px;
}


.error2 {
	width: 100%;
	margin: 0 auto 20px auto;
	background-color: #5472CD;
	padding : 10px;
	color: #ffffff;
	font-weight: 700;
}

.error2 img {
	width: auto;
	height: 25px;
	margin-top: -2px;
	margin-right: 5px;
}


.error3 {
	width: 100%;
	margin: 0 auto 20px auto;
	background-color: #FFE140;
	padding : 10px;
	color: #000000;
	font-weight: 700;
}

.error3 img {
	width: auto;
	height: 25px;
	margin-top: -2px;
	margin-right: 5px;
}


/******************************************************************************
/* 森林プロジェクト確認ページアラート設定
*******************************************************************************/



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

}



/******************************************************************************
/* 緯度経度設定
*******************************************************************************/



.image_box {
	width: 100%;
	margin: 0px auto 20px auto;
	padding: 20px;
	box-sizing: border-box;
	background-color: #ffffff;
	border: solid 1px #3049A3;
	line-height: 1.8;
}



/******************************************************************************
/* 緯度経度設定
*******************************************************************************/



.image_box2 {
	width: 100%;
	margin: 0px auto 20px auto;
	padding: 20px;
	box-sizing: border-box;
	background-color: #ffffff;
	border: solid 1px #3049A3;
	line-height: 1.8;
}




/******************************************************************************
/* 「もりっぽ」でJ-クレジット販売設定
*******************************************************************************/



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

}




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

.btn {
	padding: 10px;
	font-weight: 600;
	font-size: 85%;
	letter-spacing: 0.5pt;
	cursor: pointer;
	border: 1px solid #C4C4C4;
	color :#495B87;
	background-color: #ffffff;

} 



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

.btn2 {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 600;
	font-size: 85%;
	letter-spacing: 0.5pt;
	cursor: pointer;
	background-color: #ffffff;
	border: 1px solid #C4C4C4;
	color :#495B87;
} 

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

.btn3 {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	font-weight: 600;
	font-size: 85%;
	letter-spacing: 0.5pt;
	cursor: pointer;
	border: 1px solid #C4C4C4;
	color :#DC3545;
	background-color: #ffffff;
} 

/******************************************************************************
/* ボタン横並び
*******************************************************************************/

.image_button {
	margin: 10px auto 0 auto;
	text-align:center;
}
.image_button li {
	display: inline-block;
	list-style: none;
}






/******************************************************************************
/* ボタンボックス
*******************************************************************************/

.image_uplode_box {
	width: 100%;
	display: inline-block;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 12px;
	background-color :#ffffff;
} 



/******************************************************************************
/* ボタンボックス
*******************************************************************************/

.image_uplode_box2 {
	width: 100%;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 12px;
	text-align: right;
	background-color :#ffffff;
} 


/******************************************************************************
/* 画像リセットボタンボックス
*******************************************************************************/

.sub_reset {
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: right;
} 


/******************************************************************************
/* ボタン横並び
*******************************************************************************/

.image_button {
	margin: 10px auto 0 auto;
	text-align:center;
}
.image_button li {
	display: inline-block;
	list-style: none;
}






/******************************************************************************
/* ボタンボックス
*******************************************************************************/

.image_uplode_box {
	width: 100%;
	display: inline-block;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 12px;
	background-color :#ffffff;
} 



/******************************************************************************
/* ボタンボックス
*******************************************************************************/

.image_uplode_box2 {
	width: 100%;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 12px;
	text-align: right;
	background-color :#ffffff;
} 


/******************************************************************************
/* 画像リセットボタンボックス
*******************************************************************************/

.sub_reset {
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: right;
} 



/******************************************************************************
/* ボタン両端ボックス
*******************************************************************************/


.parent_button {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0px;
	z-index: 1000;
	top: 0;
	left: 0;
	background-color: #ffffff;
}

.parent_button01 {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0px;
	z-index: 1000;
	top: 0;
	left: 0;
	background-color: #ffffff;
}

.parent_button02 {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0px;
	z-index: 1000;
	top: 0;
	left: 0;
	background-color: #ffffff;
}

.parent_button03 {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0px;
	z-index: 1000;
	top: 0;
	left: 0;
	background-color: #ffffff;
}

.parent_button04 {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0px;
	z-index: 1000;
	top: 0;
	left: 0;
	background-color: #ffffff;
}

.parent_button05 {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0px;
	z-index: 1000;
	top: 0;
	left: 0;
	background-color: #ffffff;
}

.parent_button06 {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0px;
	z-index: 1000;
	top: 0;
	left: 0;
	background-color: #ffffff;
}




.parent_button07 {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0px;
	background-color: #ffffff;
	z-index: 1000;
	top: 0;
	left: 0;
	background-color: #ffffff;
}




.parent_button18 {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0px;
	background-color: #ffffff;
	z-index: 1000;
	top: 0;
	left: 0;
	background-color: #ffffff;
}


.parent_button19 {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0px;
	background-color: #ffffff;
	z-index: 1000;
	top: 0;
	left: 0;
	background-color: #ffffff;
}



.parent_button20 {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0px;
	background-color: #ffffff;
	z-index: 1000;
	top: 0;
	left: 0;
	background-color: #ffffff;
}


.parent_button21 {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0px;
	background-color: #ffffff;
	z-index: 1000;
	top: 0;
	left: 0;
	background-color: #ffffff;
}


.parent_button22 {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0px;
	background-color: #ffffff;
	z-index: 1000;
	top: 0;
	left: 0;
	background-color: #ffffff;
}

.parent_button23 {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0px;
	background-color: #ffffff;
	z-index: 1000;
	top: 0;
	left: 0;
	background-color: #ffffff;
}


.parent_button24 {
	position: relative;
	display: flex;
	justify-content: space-between;
	margin-bottom: 0px;
	background-color: #ffffff;
	z-index: 1000;
	top: 0;
	left: 0;
	background-color: #ffffff;
}



/******************************************************************************
/* ボタン両端ボックス2
*******************************************************************************/


.parent2_button {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 50px;
	margin-bottom: 50px;
	background-color: #F9D28F;
	z-index: 1000;
	padding-bottom: 10px;
}

.parent2_button01 {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 50px;
	margin-bottom: 50px;
	background-color: #F9D28F;
	z-index: 1000;
	padding-bottom: 10px;
}

.parent2_button02 {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 50px;
	margin-bottom: 50px;
	background-color: #F9D28F;
	z-index: 1000;
	padding-bottom: 10px;

}

.parent2_button03 {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 50px;
	margin-bottom: 50px;
	background-color: #F9D28F;
	z-index: 1000;
	padding-bottom: 10px;

}

.parent2_button04 {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 50px;
	margin-bottom: 50px;
	background-color: #F9D28F;
	z-index: 1000;
	padding-bottom: 10px;

}

.parent2_button05 {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 50px;
	margin-bottom: 50px;
	background-color: #F9D28F;
	z-index: 1000;
	padding-bottom: 10px;

}

.parent2_button06 {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 50px;
	margin-bottom: 50px;
	background-color: #F9D28F;
	z-index: 1000;
	padding-bottom: 10px;

}




.parent2_button07 {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 50px;
	margin-bottom: 50px;
	background-color: #F9D28F;
	z-index: 1000;
	padding-bottom: 10px;

}


.parent2_button08 {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 50px;
	margin-bottom: 50px;
	background-color: #F9D28F;
	z-index: 1000;
	padding-bottom: 10px;

}


.parent2_button09 {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 50px;
	margin-bottom: 50px;
	background-color: #F9D28F;
	z-index: 1000;
	padding-bottom: 10px;
}


.parent2_button10 {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 50px;
	margin-bottom: 50px;
	background-color: #F9D28F;
	z-index: 1000;
	padding-bottom: 10px;

}


.parent2_button11 {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 50px;
	margin-bottom: 50px;
	background-color: #F9D28F;
	z-index: 1000;
	padding-bottom: 10px;

}


.parent2_button12 {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 50px;
	margin-bottom: 50px;
	background-color: #F9D28F;
	z-index: 1000;
	padding-bottom: 10px;

}



.parent2_button13 {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 50px;
	margin-bottom: 50px;
	background-color: #F9D28F;
	z-index: 1000;
	padding-bottom: 10px;

}



.parent2_button14 {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 50px;
	margin-bottom: 50px;
	background-color: #F9D28F;
	z-index: 1000;
	padding-bottom: 10px;

}


.parent2_button15 {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 50px;
	margin-bottom: 50px;
	background-color: #F9D28F;
	z-index: 1000;
	padding-bottom: 10px;

}


.parent2_button16 {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 50px;
	margin-bottom: 50px;
	background-color: #F9D28F;
	z-index: 1000;
	padding-bottom: 10px;

}

.parent2_button17 {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 50px;
	margin-bottom: 50px;
	background-color: #F9D28F;
	z-index: 1000;
	padding-bottom: 10px;

}


.parent2_button18 {
	position: relative;
	display: flex;
	justify-content: space-between;
	height: 50px;
	margin-bottom: 50px;
	background-color: #F9D28F;
	z-index: 1000;
	padding-bottom: 10px;

}




.image_loading {
	position: absolute;
	top: 0;
	left: 50px;
}

.image_loading img {
	margin-top: 5px;
	width: auto;
	height: 20px;
}



.entry_button {
	position: absolute;
	top: 0;
	left:0;
	z-index:1;
}


.reset_button {
	position: absolute;
	top: 0;
	right:0;

}


.entry_button2 {
	position: absolute;
	top: 10px;
	left:10px;
	z-index:1;
}


.reset_button2 {
	position: absolute;
	top: 10px;
	right:10px;

}


.image_loading2 {
	position: absolute;
	top: 10px;
	left: 50px;
}

.image_loading2 img {
	margin-top: 5px;
	width: auto;
	height: 20px;
}


.delete {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}


.delete01 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}


.delete02 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}

.delete03 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}

.delete04 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}

.delete05 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}

.delete06 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}

.delete07 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}


.delete08 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}

.delete09 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}

.delete10 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}

.delete11 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}

.delete12 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}


.delete13 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}


.delete14 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}


.delete15 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}


.delete16 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}


.delete17 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}



.delete18 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}



.delete19 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}

.delete20 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}


.delete21 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}


.delete22 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}



.delete23 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}

.delete24 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}


.delete25 {
	font-size: 80%;
	font-weight: 700;
	color: #B61D22;
}


/******************************************************************************
/* サンクスページ設定
*******************************************************************************/



.thanks_box {
	display: block;
	width: 100%;
	margin: 0px auto 20px auto;
	padding: 20px;
	box-sizing: border-box;
	background-color: #ffffff;
	border: solid 1px #3049A3;

}


.thanks_box2 {
	display: block;
	width: 100%;
	margin: 0px auto 20px auto;
	padding: 0px;
	box-sizing: border-box;
	background-color: #ffffff;
	text-align: right;
}




.thanks_loading {
	display: none;
	position: relative;
	top: 0;
	right: 150px;
}

/******************************************************************************
/* ボタンダイアログ設定
*******************************************************************************/



#overflow {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}

#overflow .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}




#overflow1 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}

#overflow1 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}


#overflow2 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}

#overflow2 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}



#overflow3 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}

#overflow3 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}



#overflow4 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}

#overflow4 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}




#overflow5 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}

#overflow5 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}





#overflow6 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}

#overflow6 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}






#overflow7 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}

#overflow7 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}




#overflow8 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}

#overflow8 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}




#overflow9 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}


#overflow9 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}





#overflow10 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}


#overflow10 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}


#overflow11 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}


#overflow11 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}



#overflow12 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}


#overflow12 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}




#overflow13 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}


#overflow13 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}


#overflow14 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}


#overflow14 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}



#overflow15 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}


#overflow15 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}


#overflow16 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}


#overflow16 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}


#overflow17 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}


#overflow17 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}



#overflow18 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}


#overflow18 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}




#overflow19 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}


#overflow19 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}



#overflow20 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}


#overflow20 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}


#overflow21 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}


#overflow21 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}




#overflow22 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}


#overflow22 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}


#overflow23 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}


#overflow23 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}


#overflow24 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}


#overflow24 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}


#overflow25 {
  width: 100vw;  /* 横幅を画面いっぱいにする */
  height: 100vh; /* 高さを画面いっぱいにする */
  background-color: rgba(0,0,0,0.2); /* 背景を半透明の黒い背景にする */
  position: fixed; /* 相対位置に指定 */
  z-index: 10;        /* ウィンドウの全面に表示 */
  display: none;      /* 初期は非表示 */
}


#overflow25 .conf {
  background: #FFF;   /* 背景を白色に指定 */
  padding: 20px;      /* 余白を20pxに指定 */
  position: fixed; /* 装置位置に指定 */
  top: 50%;           /* 上から50%の位置に配置 */
  left: 50%;          /* 左から50%の位置に配置 */
  transform: translate(-50%,-50%); /* コンテンツの半分だけ位置を戻して上下左右中央に配置 */
}






/******************************************************************************
/* プレビュー設定
*******************************************************************************/

.preview {
	margin-top: 0px;
	box-sizing: border-box;
	border: solid 5px #3049A3;
	position: absolute;
	top: 75px;
	left: 0;
	z-index: 100;
}

.preview01 {
	margin-top: -1.5px;
	box-sizing: border-box;
	border: solid 5px #3049A3;
	position: absolute;
	top: 75px;
	left: 0;
	z-index: 100;
}

.preview02 {
	margin-top: -1.5px;
	box-sizing: border-box;
	border: solid 5px #3049A3;
	position: absolute;
	top: 75px;
	left: 0;
	z-index: 100;
}

.preview03 {
	margin-top: -1.5px;
	box-sizing: border-box;
	border: solid 5px #3049A3;
	position: absolute;
	top: 75px;
	left: 0;
	z-index: 100;
}

.preview04 {
	margin-top: -1.5px;
	box-sizing: border-box;
	border: solid 5px #3049A3;
	position: absolute;
	top: 75px;
	left: 0;
	z-index: 100;
}

.preview05 {
	margin-top: -1.5px;
	box-sizing: border-box;
	border: solid 5px #3049A3;
	position: absolute;
	top: 75px;
	left: 0;
	z-index: 100;
}

.preview06 {
	margin-top: -1.5px;
	box-sizing: border-box;
	border: solid 5px #3049A3;
	position: absolute;
	top: 75px;
	left: 0;
	z-index: 100;
}

.preview07 {
	margin-top: -1.5px;
	box-sizing: border-box;
	border: solid 5px #3049A3;
	position: absolute;
	top: 75px;
	left: 0;
	z-index: 100;
}



.preview18 {
	margin-top: 0px;
	box-sizing: border-box;
	border: solid 5px #3049A3;
	position: absolute;
	top: 82px;
	left: 0;
	z-index: 100;
}


.preview19 {
	margin-top: 0px;
	box-sizing: border-box;
	border: solid 5px #3049A3;
	position: absolute;
	top: 82px;
	left: 0;
	z-index: 100;
}


.preview20 {
	margin-top: 0px;
	box-sizing: border-box;
	border: solid 5px #3049A3;
	position: absolute;
	top: 82px;
	left: 0;
	z-index: 100;
}


.preview21 {
	margin-top: 0px;
	box-sizing: border-box;
	border: solid 5px #3049A3;
	position: absolute;
	top: 82px;
	left: 0;
	z-index: 100;
}


.preview22 {
	margin-top: 0px;
	box-sizing: border-box;
	border: solid 5px #3049A3;
	position: absolute;
	top: 82px;
	left: 0;
	z-index: 100;
}



.preview23 {
	margin-top: 0px;
	box-sizing: border-box;
	border: solid 5px #3049A3;
	position: absolute;
	top: 82px;
	left: 0;
	z-index: 100;
}

.preview24 {
	margin-top: 0px;
	box-sizing: border-box;
	border: solid 5px #3049A3;
	position: absolute;
	top: 82px;
	left: 0;
	z-index: 100;
}



/******************************************************************************
/* 申請状況テーブルカラー設定
*******************************************************************************/

.yellow_t {
	background: #FFE140;

}

.green_t {
	background: #CDFF55;

}

.blue_t {
	background: #99DCE7;

}



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


/******************************************************************************
/* スマートフォン・タブレットサイズ
*******************************************************************************/


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




.form-group {
  width: 360px;
  padding: 8% 0 0;
  margin: -30px auto 0 auto;
}


.item-list{
	width: 100%;
	display: flex;
	justify-content: center; /* 中央寄せ */
	margin-top: 20px;
	margin-bottom: 20px;

}



}


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


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





/******************************************************************************
/* ログインページ設定
*******************************************************************************/


.login-page {
  width: 100%;
  padding: 10px 0 1px 0px;
  margin: 30px auto 0 auto;
}


.login-page_in {
  width: 50%;
  padding: 0px 0 10px 0px;
  margin: 0px auto 0 auto;
}


.form-group {
  width: 100%;
  padding: 0;
  margin: 0px auto 0 auto;
}


/******************************************************************************
/* テキストフォーム
*******************************************************************************/



.form-item-body2 {
	margin: 0 auto 30px auto;
	width: 100%;
	text-align: left;

}




.input_area {
	box-sizing: border-box;
	border: solid 1px black;
	width: 100%;
	padding: 10px;
	margin-top: 30px;
	text-align: center;
	font-size: 90%;
}






}