@charset "UTF-8";

/*----------------------------------------
 * 基本設定
 *----------------------------------------*/
body {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:url(images/bg.jpg) repeat-y center top;
	background-size:cover;
/*	
	background:url(images/std_wood_bg.jpg) repeat center top;
	background-color:#950000;
	background:url(images/bg.png) repeat center top;
	background-color:#e64800;
	background-color:#ffd900;
*/
	font-size:100%;
}

.pc {display:black;}
.mb {display:none;}

/*----------------------------------------
 * 共通設定
 *----------------------------------------*/

/* header */
.ja {
	position:absolute;
	z-index:100;
	width:344px;
	height:74px;
	background:url(images/header_ja.png) no-repeat left top;
	background-size:cover;
}

/* 背景画像を領域内に表示 */
.std_box {
	text-indent:110%;
	overflow:hidden;
	display:block;
	white-space:nowrap;
	width:100%;
	height:100%;
}

/*----------------------------------------
 * ページ設定
 *----------------------------------------*/

div.bg2 {
	background:url(images/base_bg.png) repeat-y center top;
/*
	background-color:#bdd2ff;
*/
}

.body_inner {
/*
	background:url(images/bg.png) repeat center top;
*/
}

div.main {
	width:960px;
	margin:0 auto;
	padding-bottom:2em;
}

div.main h1 {
	margin:0 auto;
	padding:100px 0 20px 0;
}

div.main img {
	display:block;
}

div.main img.center {
	margin:0 auto;
}

div.main div.column-2 {
	margin:0 auto;
	width:880px;
}

div.main div.column-2 .left{
	float:left;
}

div.main div.column-2 .right{
	float:right;
}

div.lead {
	font-size:1.5em;
	text-align:center;
	font-weight:bold;
}


div.text-sec {
	background-color:white;
	padding:40px 80px 0px 80px;
}

div.text-sec h2 {
	margin:0;
	padding:30px;
/*
	color:#3f8cd8;
*/
	color:black;
	font-size:200%;
	line-height:1em;
	text-align:center;
	border-bottom:3px solid #ccc;
}

div.text-sec h3 {
	margin-top:2em;
	color:#bd2660;
	margin-bottom:0.5em;
}

div.text-sec h3.first {
	margin-top:0;
}

div.text-sec p {
	margin:0;
	line-height:1.8em;
}

div.button {
	text-align:center;
}

div.button img {
	display:inline;
}

div.copyright {
	text-align:center;
/*
	color:#3f8cd8;
*/
	color:black;
padding:3em;

}

form.campaign_form {
	padding-top:10px;
}

form.campaign_form dl{
/*
	margin:1em 0;
*/
	margin:0;
	padding:1em 0 0 0;
	font-size:1.2em;
}

form.campaign_form dl.input_err {
	background-color:#ffdddd;
}

form.campaign_form dl dt{
/*
	color:#3f8cd8;
	color:#0790ff;
*/
	padding:10px 5px;
	font-weight:bold;
	line-height:1.8em;
}

form.campaign_form dl dt span.hissu {
	display:inline-block;
	background-color:#ab010b;
	color:white;
	text-align:center;
	width:3em;
	font-size:1em;
	line-height:1.8em;
	margin:0 0.5em;
	border-radius:10px;
}

form.campaign_form dl dt span.example{
	color:#9e9e9f;
}

form.campaign_form dl dd{
	margin:0;
	padding:0px 5px 10px 5px;
}



form.campaign_form.confirm dl {
	margin:0;
	border-bottom:1px solid #ccc;
}

form.campaign_form.confirm dl dt,
form.campaign_form.confirm dl dd{
	padding:10px 5px;
}

form.campaign_form.confirm dl dd{
	
}

form.campaign_form dl dd select {
	padding:10px;
}

form.campaign_form dl dd textarea,
form.campaign_form dl dd input[type=text]{
	font-size:120%;
	padding:5px;
	width:95%;
}

form.campaign_form dl dd textarea{
	height:5em;
}

form.campaign_form dl .info {
	font-size:95%;
/*
	color:#0088ff;
*/
	color:#25bf2c;
	line-height:1.4em;
}

strong.hissu {
	color:#d2690c;
}

form.campaign_form dl dd p.desc {
	margin:0.5em 0;
}

form.campaign_form div.btn-area {
	margin:2em;
	text-align:center;
}

form.campaign_form div.btn-area input[type=submit]{
	padding:10px;
}

form.campaign_form p.form-err strong {
	color:red;
}

form.campaign_form div.btn-area input[type=submit]{
	width:70%;
	padding:20px;
	font-size:1.2rem;
	border-top:7px solid #dbc900;
	border-right:7px solid #9c7b00;
	border-bottom:7px solid #9c7b00;
	border-left:7px solid #dbc900;
	background-color:#fff000;
	font-weight:bold;
}

.banner_area {
	background-color:white;
	padding:40px 20px 80px 20px;
}




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

	.pc {display:none;}
	.mb {display:block;}

	body {
/*
		background:url(images/body_bg.png) repeat center top;
	*/
		font-size:90%;
	}

div.bg2 {
	background:url(images/base_mb_bg.png) repeat-y center top;
/*
	background-color:#bdd2ff;
*/
}

	/* header */
	.mb_ja {
		position:relative;
		z-index:10;
	}
	
	.mb_ja a {
		display:block;
		width:40%;
	}
	
	.mb_ja img {
		width:100%;
		height:auto;
	}
	
	img.mb_main_title {
		position:relative;
		display:block;
		width:100%;
		height:auto;
		z-index:5;
	}
	

	div.main,
	div.main div.column-2 {
		width:95%;
	}
	div.bg2 {
		background:url(images/base_mb_bg.png) repeat-y center top;
		background-size:contain;
	}
	div.main div.column-2 div.left {
		float:none;
		text-align:center;
	}
	div.main div.column-2 div.left img {
		width:200px;
		margin:10px auto;
	}
	div.main div.column-2 div.right {
		float:none;
	}

	div.main img {
		width:100%;
		height:auto;
	}
	div.text-sec {
		padding:40px 20px 40px 20px;
		margin:5px;
	}

	div.text-sec h2 {
		padding-left:0;
		padding-right:0;
		font-size:150%;
	}
	
	form.campaign_form dl dt{
		float:none;
		width:100%;
	}
	
	form.campaign_form dl dd{
		margin-left:0;
	}

	form.campaign_form.confirm dl dt {
		padding-bottom:10px;
	}
	
	form.campaign_form.confirm dl dd {
		padding-top:0;
	}
	
	form.campaign_form div.btn-area {
		text-align:center;
	}

	form.campaign_form div.btn-area input[type=submit] {
		display:block;
		margin:1em auto !important;
		font-size:1rem;
		padding-left:10px;
		padding-right:10px;
	}
}