@charset "utf-8";

/* @group Fluid-img */
img {
	max-width: 100%;
	display: block;
	margin: 0 auto 0 auto;
}


div#lp_contents{
	width:96%;
	margin:20px auto 0 auto;
	padding:0;
}
div#contents_main{
	width:100%;
	margin:0 auto 20px auto;
	background:#FFF;
	padding:0 0 10px 0;
	border: double 1px #dedede;
}
div.top_img{
	width:98%;
	margin:0 auto 20px auto;
	background: none;
	padding:0 0px 0 0px;
}
div.top_img p{
	font-size:14px;
	margin:0px 0 0 0px;
	padding:20px 0 0 5px;
}
div.top_img img{
	margin:10px 0px 0 0px;
}
div.lp_section{
	background:#FFF;
	width:97%;
	margin:0 auto 20px auto;
}
div.lp_section p{
	font-size:16px;
	padding:0 10px 0 10px;
}
div.lp_section img{
	margin:0 auto 10px auto;
}
div.lp_toranku{
	width:90%;
	border:8px #5972b1 solid;
	border-radius:10px;
	margin:0 auto 0 auto;
	padding:5px;
}
div.toranku_l{
	width:100%;
	float: none;
}
div.toranku_r{
	width:100%;
	float: none;
}

div.lp_toranku p{
	font-size:14px;
	line-height:1.5;
	padding:0;
}
h2.toranku{
	font-size:18px;
	font-weight:bold;
	color:#262c6e;
	margin:0 0 5px 0;
}
h2.point{
	width:100%;
	background: #b21260;
	margin:0 auto 0 auto;
	border-radius:10px;
	padding:0 0 0 0;
}
h2.point img{
}
div.point_box{
	margin:0 0 30px 0;
	padding:0;
}
div.lp_voice{
	width:96%;
	margin:0 auto 20px auto;
}
div.voice_box{
	width:100%;
	float: none;
	margin:0 0px 0 0px;
	
}
div.photo-box{
	width:95%;
	margin:10px auto 30px auto;
}
div.photo-box img{
	float: none;
	margin:0 auto 10px auto;
}


/* ランディングページ
---------------------------------------------*/
.end-lp {
	width:98%;
	padding:0 0 0 0;
	margin:0 auto 0 auto;
	}
.end-lp p{
	font-size:16px;
	line-height:1.7;
	}
.end-lp h1{
	margin:0 auto 10px auto;
	}

h2.lp-product{
	padding:5px 0 5px 10px;
	margin:0px 0px 10px 0px;
	background: #FC0;
	border-bottom:#F60 5px solid;
	color:#222;
	font-weight:bold;
	font-size:20px;
	}
	h2.lp-product a{
		color:#111;
	}
	h2.lp-product a:hover{
		color:#FFF;
	}
	
div.line-up{
	width:100%;
	margin:0 auto 0px auto;
}
div.kanroni{
	width:90%;
	float: left;
	border:#000 1px solid;
	margin:0 5px 20px 5px;
	padding:5px;
	height: auto;
}
div.kanroni-photo{
	margin:0 0 0 0;
	padding:10px;
}
div.introduce{
	margin:0 0 0 0;
	padding:10px;
}
div.item-lp{
	width:100%;
    margin:10px auto 30px auto;
	padding:0 0 0px 0;
}
div.item_box-lp{
	width:133px;
	float:left;
    margin:0 auto 0 auto;
	padding:0px 0 10px 0;
	text-align:center;
	font-size:16px;
	border-bottom:none;
	border-left:none;
	border-top:none;
	border-right:none;
	font-weight:bold;
}

div.item_box-lp a{
	text-decoration:none;
    margin:0 auto 0 auto;
	padding:0 0 0px 0;
	text-align:center;
}
div.item_box-lp img{
    margin:0 auto 10px auto;
	padding:0 0px 0px 0px;
}
div.last-item_box-lp{
	width:133px;
	float:left;
    margin:0 auto 0 auto;
	padding:0px 0 10px 0;
	text-align:center;
	font-size:16px;
	border-bottom:none;
	border-left:none;
	border-top:none;
	border-right:none;
	font-weight:bold;
}
div.last-item_box-lp a{
	text-decoration:none;
    margin:0 auto 0 auto;
	padding:0 0 0px 0;
	text-align:center;
}
div.last-item_box-lp img{
    margin:0 auto 10px auto;
	padding:0 0px 0px 0px;
}

div.chart-schedule {
	position:relative;
	height:600px;
	}

div.chart-schedule img.chart-schedule{
	position:absolute;
	right:5px;
	top:5px;
}
div.dot_photo-lp{
	width:90%;
	margin:0 auto 35px auto;
	padding:0 0px 0px 0px;
}

div.dot_photo-lp02{
	width:90%;
	margin:0 auto 35px auto;
	padding:0 0px 0px 0px;
}

div.dot_photo-lp img{
	margin:0 auto 35px auto;
	padding:0 0px 0px 0px;
	border:#930 6px dotted;
}

div.dot_photo-lp02 img{
	margin:0 auto 35px auto;
	padding:0 0px 0px 0px;
	border:#C30 6px dotted;
}

div.one_photo-lp{
	width:98%;
	margin:0 auto 35px auto;
	padding:0 0px 0px 0px;
}
div.link-box{
	width:810px;
	margin:0 auto 0 auto;
}

div.link-box img{
	float:left;
	margin:0 auto;
}

#m-img {
	width:100%;
	height: auto;
	margin: 0px auto 10px auto;
	background:#FFF;
	border-top:#ddd solid 1px;
	border-bottom:#ddd solid 1px;
}

#m-img_r {
	width:95%;
	float: none;
	margin: 0px auto;
}
	#title {
		text-align:center;
		width:95%;
		float: none;
		margin:5px auto 10px auto;
		padding:10px 0px 0 0px;
		font-size:29px;
		font-weight: bold;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	}

	#title p {
		text-align:center;
		width:100%;
		float: none;
		margin:0px 0 0 0px;
		padding:0px 0 0 0px;
		font-weight: bold;
		font-size:15px;
	}

/*768px タブレット*/

@media screen and (min-width : 768px) {
div#lp_contents{
	width:985px;
	margin:0 auto 0 auto;
	padding:0;
}
div#contents_main{
	width:950px;
	margin:0 auto 0 auto;
	background:#FFF;
	padding:0 0 30px 0;
	border: double 1px #dedede;
}
div.top_img{
	width:930px;
	margin:0 auto 20px auto;
	background:url(images/top_title_bg.gif) no-repeat;
	height:250px;
	padding:0 0px 0 0;
}
div.top_img p{
	font-size:20px;
	margin:0px 0 0 0px;
	padding:45px 0 0 25px;
}
div.top_img img{
	margin:20px 0 0 20px;
}
div.lp_section{
	background:#FFF;
	width:900px;
	margin:0 auto 20px auto;
}
div.lp_section p{
	font-size:18px;
	padding:0 20px 0 20px;
}
div.lp_section img{
	margin:0 auto 10px auto;
}
div.lp_toranku{
	width:700px;
	border:8px #5972b1 solid;
	border-radius:10px;
	margin:0 auto 0 auto;
	padding:20px;
}
div.toranku_l{
	width:450px;
	float:left;
}
div.toranku_r{
	width:250px;
	float:right;
}
div.lp_toranku p{
	font-size:16px;
	line-height:1.5;
	padding:0;
}
h2.toranku{
	font-size:28px;
	font-weight:bold;
	color:#262c6e;
	margin:0 0 5px 0;
}
h2.point{
	width:880px;
	background: #b21260;
	margin:0 auto 10px auto;
	border-radius:10px;
	padding:0 0 0 0;
}
h2.point img{
	margin:0 0 0 20px;
}

div.point_box{
	margin:0 0 30px 0;
}
div.lp_voice{
	width:880px;
	margin:0 auto 20px auto;
}
div.voice_box{
	width:420px;
	float:left;
	margin:0 0px 0 12px;
	
}
div.photo-box{
	width:830px;
	margin:10px auto 30px auto;
}
div.photo-box img{
	float:left;
	margin:0 0px 20px 10px;
}

/* ランディングページ
---------------------------------------------*/
.end-lp {
	width:822px;
	padding:0 0 0 0;
	margin:0 auto 0 auto;
	}
.end-lp p{
	font-size:16px;
	line-height:1.7;
	}
.end-lp h1{
	margin:0 auto 10px auto;
	}

h2.lp-product{
	padding:5px 0 5px 10px;
	margin:0px 0px 10px 0px;
	background: #FC0;
	border-bottom:#F60 5px solid;
	color:#222;
	font-weight:bold;
	font-size:20px;
	}
	h2.lp-product a{
		color:#111;
	}
	h2.lp-product a:hover{
		color:#FFF;
	}
	
div.line-up{
	width:805px;
	margin:0 auto 0px auto;
}
div.kanroni{
	width:380px;
	float:left;
	border:#000 1px solid;
	margin:0 5px 0px 5px;
	padding:5px;
	height:530px;
}
div.kanroni-photo{
	margin:0 0 0 0;
	padding:10px;
}
div.introduce{
	margin:0 0 0 0;
	padding:10px;
}
div.item-lp{
	width:795px;
    margin:10px auto 30px auto;
	padding:0 0 0px 0;
}
div.item_box-lp{
	width:197px;
	float:left;
    margin:0 auto 0 auto;
	padding:10px 0 10px 0;
	text-align:center;
	font-size:16px;
	border-bottom:1px #000000 solid;
	border-left:1px #000000 solid;
	border-top:1px #000000 solid;
	border-right:none;
	font-weight:bold;
}

div.item_box-lp a{
	text-decoration:none;
    margin:0 auto 0 auto;
	padding:0 0 0px 0;
	text-align:center;
}
div.item_box-lp img{
    margin:0 auto 10px auto;
	padding:0 0px 0px 0px;
}
div.last-item_box-lp{
	width:197px;
	float:left;
    margin:0 auto 0 auto;
	padding:10px 0 10px 0;
	text-align:center;
	font-size:16px;
	border-bottom:1px #000000 solid;
	border-left:1px #000000 solid;
	border-top:1px #000000 solid;
	border-right:1px #000000 solid;
	font-weight:bold;
}
div.last-item_box-lp a{
	text-decoration:none;
    margin:0 auto 0 auto;
	padding:0 0 0px 0;
	text-align:center;
}
div.last-item_box-lp img{
    margin:0 auto 10px auto;
	padding:0 0px 0px 0px;
}

div.chart-schedule {
	position:relative;
	height:600px;
	}

div.chart-schedule img.chart-schedule{
	position:absolute;
	right:5px;
	top:5px;
}
div.dot_photo-lp img{
	margin:0 auto 35px auto;
	padding:0 0px 0px 0px;
	border:#930 6px dotted;
}

div.dot_photo-lp02 img{
	margin:0 auto 35px auto;
	padding:0 0px 0px 0px;
	border:#C30 6px dotted;
}

div.dot_photo-lp{
	width:93%;
	margin:0 auto 35px auto;
	padding:0 0px 0px 0px;
}
div.dot_photo-lp02{
	width:93%;
	margin:0 auto 35px auto;
	padding:0 0px 0px 0px;
}

div.one_photo-lp{
	width:100%;
	margin:0 auto 35px auto;
	padding:0 0px 0px 0px;
}
div.link-box{
	width:810px;
	margin:0 auto 0 auto;
}

div.link-box img{
	float:left;
	margin:0 auto;
}
#m-img {
	width: 950px;
	height: auto;
	margin: 0px auto 20px auto;
	background:#FFF;
	border-top:#ddd solid 1px;
	border-bottom:#ddd solid 1px;
}

#m-img_r {
	width:420px;
	float:right;
	margin: 0px auto;
}
	#title {
		text-align:left;
		width:450px;
		float:left;
		margin:0 0 0 0px;
		padding:30px 0 30px 35px;
	}

h1.title{
	margin:0 0 0 0;
	padding:0px 0px 0px 0px ;
	font-size:30px;
	font-weight:bold;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	letter-spacing:0.1em;
	text-align:left;
	line-height:1em;
}


	#title p {
		margin:0 0 0 5px;
		padding:0px 0px 0px 0px ;
		font-size:16px;
		letter-spacing:0.1em;
		text-align:left;
		font-family:Arial, Helvetica, sans-serif;
	}