@charset "UTF-8";

body {
	margin:0px;
	padding:0px;
	color:#333;
	font: 14px/1.231 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';
	-webkit-text-size-adjust: 100%;
	line-height:150%;
	text-align:left;
	background:#0079C4;
}

img {
  vertical-align: top;
}

.padding_top5 {padding-top:5px !important;}

.padding_top10 {padding-top:10px !important;}

.padding_bt30 {padding-bottom:30px !important;}


.mt05 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}


section {
	width:100%;
	margin:0 auto 0;
	padding: 0px;
}



h1 {
	text-align: center;
}

h2{
	text-align: center;
	margin:0;
	padding:0px;
}

h3{
	margin:0;
	padding:0px;
}

.p0{
	margin:0;
	padding:0;
}

.font10{
	font-size:10px;}
	
.font12{
	font-size:12px;}
	
.font14{
	font-size:14px;}
	
.font16{
	font-size:16px;}
	
.font18{
	font-size:18px;}	
	
.font20{
	font-size:20px;}	
	
.font24{
	font-size:24px;}

.font30{
	font-size:30px;}	
	
.font-green{
	color:#008040;
	}			
	
.font-orange{
	color:#F39800;
	}
	
.font-pink{
	color:#EB6CA5;
	}	
	
.font-web{
	color:#22AA2A;
	}	
	
.lh14{
	line-height:140%;
}
		
/*==テキスト==*/
.text_c{text-align:center !important;}
.text_l{text-align:left !important;}
.text_r{text-align:right !important;}

.float_l{float:left;}
.float_r{float:right;}
.clearBoth{clear:both}

.fl_pc{float:left;}
.fr_pc{float:right;}

/*====*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.indent1{margin-left: 1em; text-indent: -1em}



.text_wrap{
	width:960;
}



	

header{
/*Other Browser*/
background: #0079C4;
/*For Old WebKit*/
background: -webkit-linear-gradient(
	top,
	#0079C4 0%,
	#009DE2 100%
);

/*For Modern Browser*/
background: linear-gradient(
	to bottom,
	#0079C4 0%,
	#009DE2 100%
);
padding:20px 0 10px 0;
}

.header_wrap{
	width:960px;
	margin:0 auto;
}

.h_logo{
	width:422px;
	margin:0 auto;
}

.h_logo img{
	width:100%;
}




.mainimg img {
	 width: 100%;
	 margin-top:10px;
	 }
	 

@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
.header_wrap{
	width:100%;
	margin:0 auto;
}

.h_logo{
	width:300px;
	margin:0 auto;
}

.mainimg img {
	 margin-top:6px;
	 }

}


@media screen and (min-width: 769px) {
/* 768px以上の幅の場合に適応される */

.br-sp { display:none; }

}


/* contents */

.wrap_w{
	width:100%;
	background:#FFF;
}

.wrap_y{
	width:100%;
	padding:0 0 20px 0;
	background:#FEDC00;
	/* プレフィックスありの非推奨の古い構文。Webkitベースの古いブラウザ用にまだ必要です */
background: -prefix-linear-gradient(left, #FCC900, #FEDC00, #FFF001, #FEDC00, #FCC900);
/* プレフィックスなしの新しい構文。標準準拠のブラウザで必要（Opera 12.1、IE 10、Fx 16 以降） */
background: linear-gradient(to right, #FCC900, #FEDC00, #FFF001, #FEDC00, #FCC900);
}

.wrap_y2{
	width:960px;
	margin:0 auto;
	padding:20px 0 30px 0;
	background:#FEDC00;
	/* プレフィックスありの非推奨の古い構文。Webkitベースの古いブラウザ用にまだ必要です */
background: -prefix-linear-gradient(left, #FCC900, #FEDC00, #FFF001, #FEDC00, #FCC900);
/* プレフィックスなしの新しい構文。標準準拠のブラウザで必要（Opera 12.1、IE 10、Fx 16 以降） */
background: linear-gradient(to right, #FCC900, #FEDC00, #FFF001, #FEDC00, #FCC900);
}

.t_wrap{
	width:960px;
	margin:0 auto;
	padding:20px 0 0 0;
}

.t_wrap2{
	width:960px;
	margin:0 auto;
	padding:30px 0 0 0;
}

.t_wrap3{
	width:960px;
	margin:0 auto;
	padding:20px 0 0 0;
}

.t_wrap4{
	width:780px;
	margin:0 auto;
	padding:20px 0 0 0;
}


.list_t1 {
	position:relative;
	padding:5px 0 0 42px;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	width:228px;
	height:25px;
	/*Other Browser*/
background-color: #810565;
/*For Old WebKit*/
background: -webkit-linear-gradient(
	left,
	#810565 0%,
	#BF2B8B 70%
);
/*For Modern Browser*/
background: linear-gradient(
	to right,
	#810565 0%,
	#BF2B8B 70%
);
}

.list_t1::after {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 0;
	border-width: 0 20px 30px 0;
	border-style: solid;
	border-color: #fff #fff #BF2B8B #BF2B8B;
	
}

.list_t2{
	position: relative;
	padding:5px 0 0 42px;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	width:228px;
	height:25px;
	/*Other Browser*/
background-color: #84C024;
/*For Old WebKit*/
background: -webkit-linear-gradient(
	left,
	#84C024 0%,
	#B7D400 70%
);
/*For Modern Browser*/
background: linear-gradient(
	to right,
	#84C024 0%,
	#B7D400 70%
);
}

.list_t2::after {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 0;
	border-width: 0 20px 30px 0;
	border-style: solid;
	border-color: #fff #fff #B7D400 #B7D400;
	
}

.list_t3{
	position: relative;
	padding:8px 0 0 42px;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	width:396px;
	height:62px;
	line-height:150%;
	/*Other Browser*/
background-color: #0079C4;
/*For Old WebKit*/
background: -webkit-linear-gradient(
	left,
	#0079C4 0%,
	#009DE20 70%
);
/*For Modern Browser*/
background: linear-gradient(
	to right,
	#0079C4 0%,
	#009DE2 70%
);
}

.list_t3::after {
	position: absolute;
	top: 0;
	right: 0;
	content: '';
	width: 0;
	border-width: 0 40px 70px 0;
	border-style: solid;
	border-color: #fff #fff #009DE2 #009DE2;
	
}
	
.box_wrap{
	width:875px;
	margin:0 auto;
	padding:10px 0 0 0;
}

.box_wrap2{
	width:875px;
	margin:0 auto;
	padding:5px 0 0  0;
	text-align:right;
}

.box_wrap3{
	width:875px;
	margin:0 auto;
	padding:10px 0 30px 0;
}


.box1{
	width:275px;
	height:24px;
	padding:6px 0 0 10px;
	font-size:14px;
	float:left;
	background:#FFF100;
	
}

.box2{
	width:275px;
	height:24px;
	padding:6px 0 0 10px;
	font-size:14px;
	float:left;
	margin-left:10px;
	background:#FFF100;
}

.box3{
	width:275px;
	height:24px;
	padding:6px 0 0 10px;
	font-size:14px;
	float:right;
	background:#FFF100;
}


.box4{
	width:275px;
	height:24px;
	padding:6px 0 0 10px;
	font-size:14px;
	float:left;
	background:#FFF100;
	margin-top:10px;
}

.box5{
	width:275px;
	height:24px;
	padding:6px 0 0 10px;
	font-size:14px;
	float:left;
	background:#FFF100;
	margin-left:10px;
	margin-top:10px;
}

.box6{
	width:275px;
	height:24px;
	padding:6px 0 0 10px;
	font-size:14px;
	float:right;
	background:#FFF100;
	margin-top:10px;
}

.box7{
	width:422px;
	height:24px;
	padding:6px 0 0 10px;
	font-size:14px;
	float:left;
	background:#FFF100;
	margin-top:0px;
}

.box8{
	width:422px;
	height:24px;
	padding:6px 0 0 10px;
	font-size:14px;
	float:right;
	background:#FFF100;
	margin-top:0px;
}

.s3_l{
	width:432px;
	float:left;
}




.s3_l img{
	width:100%;
}

.s3_r{
	width:432px;
	float:right;
}


.lp_p1{
	text-align:center;
	padding:20px 0 20px 0;
	font-size:18px;
	color:#009CE1;
	font-weight:bold;
}

.lp_p1{
	text-align:center;
	padding:20px 0 20px 0;
	font-size:18px;
	color:#009CE1;
	font-weight:bold;
}


.lp_p3{
	font-size:16px;
	line-height:150%;

}

.lp_p4{
	font-size:28px;
	color:#0075C1;
	text-align:center;
	font-weight:bold;
	padding-bottom:20px;

}

.lp_yajirushi1{
	width:30px;
	margin:0 auto;
}

.lp_yajirushi1 img{
	width:100%;
}


.lp_point1{
	width:554px;
	margin:0 auto 0;
}

.lp_point2{
	width:554px;
	margin:20px auto 0;
}

.lp_point1 img,.lp_point2 img{
	width:100%;
}

.lp_btn{
	width:440px;
	margin:20px auto 0;
}

.lp_btn2{
	width:440px;
	margin:5px auto 0;
}

.lp_btn img,.lp_btn2 img{
	width:100%;
}


.lp_info1{
	width:360px;
	margin:20px auto 0;
	float:left;
}

.lp_info2{
	width:360px;
	margin:20px auto 0;
	float:right;
}

.lp_info1 img,.lp_info2 img{
	width:100%;
}





 @media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

.wrap_y2{
	width:95%;
	margin:0 auto;
	padding:0 0 20px 0;
}

.t_wrap,.t_wrap2{
	width:100%;
}

.t_wrap3{
	width:100%;
	padding:5px 0 0 0;
}

.t_wrap4{
	width:100%;
}

.box_wrap{
	width:95%;
	padding:10px 0 0 0;
}

.box_wrap2{
	width:95%;
	text-align:left;
	font-size:12px;
}

.box_wrap3{
	width:95%;
	padding:10px 0 30px 0;
}

.list_t1,.list_t2 {
	width:176px;
	padding:5px 0 0 10px;
	font-size:14px;
}


.list_t3{
	position: relative;
	padding:5px 0 0 10px;
	font-size:14px;
	width:292px;
	height:45px;
}

.list_t3::after {
	border-width: 0 40px 50px 0;
}


.box1{
	font-size:12px;
	height:25px;
	padding:5px 0 0 5px;
	width:48%;
	float:left;
}

.box2{
	font-size:12px;
	height:25px;
	padding:5px 0 0 5px;
	width:48%;
	float:right;
	margin-left:0px;
}

.box3{
	font-size:12px;
	height:25px;
	padding:5px 0 0 5px;
	width:48%;
	margin-top:10px;
	float:left;
}

.box4{
	font-size:12px;
	height:25px;
	padding:5px 0 0 5px;
	width:48%;
	float:right;
}

.box5{
	font-size:12px;
	height:25px;
	padding:5px 0 0 5px;
	width:48%;
	float:left;
	margin-left:0px;
}

.box6{
	font-size:12px;
	height:25px;
	padding:5px 0 0 5px;
	width:48%;
	float:right;
	margin-left:0px;
}

.box7{
	font-size:12px;
	height:25px;
	padding:5px 0 0 5px;
	width:98%;
	float: none;
}

.box8{
	font-size:12px;
	height:25px;
	padding:5px 0 0 5px;
	width:98%;
	float: none;
	margin-top:10px;
}

.s3_l{
	width:99%;
	margin:0 auto;
	float: none;
}


.s3_r{
	width:99%;
	float: none;
	margin:0 auto;
}

.lp_p1{
	display:none;
}



.lp_p2{
	padding:20px 0 20px 0;
	color:#009CE1;
	font-weight:bold;
	font-size:12px;
	text-align:left;
	width:300px;
	margin:0 auto;

}

.lp_p3{
	font-size:12px;
	margin-top:10px;

}

.lp_p4{
	font-size:16px;
	padding-bottom:0px;

}

.lp_p2 img{
	width:100%;

}

.lp_yajirushi1{
	width:24px;
	margin:0 auto;
}

.lp_point1,.lp_point2{
	width:295px;
}

.lp_btn,.lp_btn2{
	width:295px;
}


.lp_info1{
	width:265px;
	float:none;
}

.lp_info2{
	width:265px;
	float:none;
}


}

@media screen and (min-width: 769px) {
/* 768px以上の幅の場合に適応される */

.s3_l-img2{
	display:none;
}

.lp_p2{
	display:none;
}

}



/*footer */
footer {
	text-align:center;
	padding:15px 0 25px 0;
	margin:0 0 40px 0;
	/*Other Browser*/
background: #0079C4;
/*For Old WebKit*/
background: -webkit-linear-gradient(
	top,
	#009DE2 0%,
	#0079C4 100%
);

/*For Modern Browser*/
background: linear-gradient(
	to bottom,
	#009DE2 0%,
	#0079C4 100%
);
}

.footer_wrap {
	width:878px;
	margin:0 auto;
}


.footer_copy {
	width:500px;
	margin:20px auto 0;
	text-align:center;
}

.footer_copy1 {
	width:424px;
	float:left;
	margin:20px 0 0 0;
}


.footer_copy2 {
	width:424px;
	float:right;
	margin:20px 0 0 0;
	
}


.footer_copy1 img,.footer_copy2 img {
	width:100%;
}


 @media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
.footer_wrap {
	width:95%;
	margin:0 auto;
	
}

.footer_copy1 {
	width:294px;
	margin:10px auto 0;
	float: none;
}


.footer_copy2 {
	width:294px;
	margin:20px auto 0;
	float: none;
	
}


}