@charset "utf-8";
body,section,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
body{
	margin:0;
	padding:0;
}
section.con1 {
	background:url(../img/con1_bg.jpg) repeat-x;
	border-top:1px solid #ccc;
	padding:15px 0;
}
section.con_nobg {
	padding:15px 0;
}
.contents {
	width: 1000px;
	margin: 0px auto 20px auto;
	text-align: center;
}

@media only screen and (max-width:900px){
	.contents {
		width:98%;
		padding:0 1%;
	}
}
@media only screen and (max-width:480px){
	.contents p{
		text-align:left;
	}
}

#pankuzu {
	font-size: 16px;
	color: #444;
	height: 50px;
	line-height: 50px;
	text-align: left;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#pankuzu a{
	font-size: 16px;
}
@media only screen and (max-width:900px){
	#pankuzu {
		width:98%;
		padding:0 1%;
	}
}


.page_box {
	width: 1000px;
	text-align: left;
	padding: 0 0 40px 0;
	margin: 0 auto 0 auto;
	min-height: 500px;
}
/*-------------▼カテゴリ 上部緑の箇所▼--------------------------*/

#con_t {
	text-align: center;
	height: 154px;
	background-image: url(../img/title_bk.jpg);
	background-repeat: repeat-x;
	padding:0;
	margin:0;
}
#cate_box {
	padding: 40px 0 0 0;
}
#cate_txt1{
	font-size:30px;
	color:#FBE26F;
	line-height: 1.2em;
}
#cate_txt1:after {
	content: "\A" ;
	white-space: pre ;
}
#cate_txt2{
	font-size:20px;
	color:#FFFFFF;
}
@media only screen and (max-width:900px){
	#con_t{
		height: 124px;
	}
	#cate_box {
	padding: 20px 0 0 0;
	}
	#cate_txt1{
		font-size:2em;
	}
	#cate_txt2{
		font-size:1.5em;
	}
}
@media only screen and (max-width:480px){
	#cate_txt1{
		font-size:1.8em;
	}
	#cate_txt2{
		font-size:1.5em;
	}
	
}

/*-------------▼con内▼--------------------------*/
h2{
	color:#000;
	font-size:34px;
	font-weight:normal;
	margin-bottom: 15px;
	line-height: 110%
}

.p_style_midashi{
	color:#229EBD;
	font-size:24px;
	padding:0;
	margin: 0 0 10px 5px;
}

@media only screen and (max-width:480px){
	h2{
		font-size:1.6em;
	}
	.p_style_midashi{
		font-size:1.5em;
	}
	
}


.spotBox,
.spotBox2{
	border:10px solid #3ACAE9;
	border-radius:30px;
	padding:35px 35px 20px 35px;
}
.spotBox{
	background:#E4F8FC;
}
.spotBox2{
	background:#fff;
}

.spotBox .spot_midashi,
.spotBox2 .spot_midashi{
	background:url(../img/spot_midashi.png) bottom center;
	text-align:center;
	width:70%;
	margin:0 auto 15px auto;
	padding:8px 10px 17px 10px;
	text-align:center;
	color:#FFFF99;
	font-size:30px;
}
@media only screen and (max-width:900px){
	.spotBox,
	.spotBox2{
		border-radius:20px;
		padding:35px 3% 2% 3%;
	}
	.spotBox .spot_midashi,
	.spotBox2 .spot_midashi{
		font-size:1.5em;
	}
}
@media only screen and (max-width:480px){
	.spotBox,
	.spotBox2{
		border:5px solid #3ACAE9;
		padding:35px 2% 2% 2%;
	}
	.spotBox .spot_midashi,
	.spotBox2 .spot_midashi{
		width:90%;
	}
}




.trialBtn{
	text-align:center;
	margin:15px 0;
}
@media only screen and (max-width:480px){
	.trialBtn img{
		width:90%;
	}
}

/*-------------▼コンタクト内容▼--------------------------*/
.contactBox{
	border:10px solid #3ACAE9;
	border-radius:30px;
	padding:45px 35px 20px 35px;
}
.contactBox p.contact_midashi{
	background:#fff;
	font-size:26px;
	color:#24B3D1;
	width: 80%;
	margin: -70px auto 0 auto;
}
@media only screen and (max-width:900px){
	.contactBox{
		border-radius:20px;
		padding:35px 3% 2% 3%;
	}
	.contactBox p.contact_midashi{
		font-size:1.4em;
	}
	.contactBox img{
		width:60%;
	}
}
@media only screen and (max-width:480px){
	.contactBox{
		border:5px solid #3ACAE9;
		padding:35px 2% 2% 2%;
	}
	.contactBox p.contact_midashi{
		width:90%;
	}
	.contactBox img{
		width:96%;
	}
	.contactBox p{
		text-align:left;
	}
}

/*-------------▼コンテンツ内P指定▼--------------------------*/
.p_style1{
	padding:0 0 0 10px;
	border-left: 1px solid #CCCCCC;
	margin: 0 0 30px 5px;
}
.p_style1 strong{
	color:#0099CC;
	font-weight: normal;
}
.p_style_center{
	text-align:center;
	padding:0 0 0 10px;
	margin: 0 0 30px 5px;
}