@charset "UTF-8";
/* @group Reset */




/*--------------------------------------------------------------------------------------------------------------------*/
/*768px*//*1024px*/
@media print, screen and (min-width : 768px){
	
div#header-s-fixed
{
    position: fixed;            /* ヘッダーの固定 */
    top: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
    width: 100%;                /* 横幅100%　*/
    height: 95px;              /* 縦幅140px */
	z-index: 10;
	 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
div#header-s-bk { 
	background-color:#fff;    /* 背景色(黒) */
	padding:0;
	height:95px;              /* 縦の高さ110px */
	width:100%;                /* 横の幅を100% */
}
div#body-s-bk{
    padding:95px 0 0px 0;    /* 上下に160pxを余白を取る */
}

	
	
#contents_bg {
	padding-top: 0 !important;
	}	
#main_img_bg {
	min-width:1200px;
	/*width: 100%;*/
	height: 380px;
	background:  url("../img/main_pc.png") no-repeat bottom center;
	background-size:cover;
	}	
#main_img {
	margin: 0 auto 0;
	padding: 54px 0 0 0;
	width: 1200px;
	}
#vol {
	margin: 60px auto 0;
	width: 1130px;	
	}	
#con {
	margin: 60px auto 0;
	width: 1200px;	
	}	
#top h2 {
	font-size: 1.5em;
	margin:  0 0 35px 0;
	padding: 8px 0 8px 25px;
	border-left: 10px solid #2964f2;
	color: #2964f2;
	}
	
	
.blo_bdr {
	padding: 15px 15px;
	border: 2px solid #d1dff8;
	background: #fff;
	}	

.lr {
	margin: 0 auto 60px;
	width: 1140px;		
	}

#blo01 {
	width: 540px;
	float: left;
}
#blo02 {
	width: 540px;
	float: right;
}
	
#blo01 p,
#blo02 p,
#blo04 p.ico	{
	margin: 0 0 5px 5px;
	padding: 10px 0 15px;
	padding-left: 1.5em;
	line-height: 1.4;
	background: url("../common_02/img/side_ico01.gif") no-repeat 0px 0.8em;	
	/*border-bottom: 1px solid #d4dff6;*/
}	
#blo03 {
	width: 610px;
	float: left;
}	
#blo03 .upd_txt {
	padding: 10px;	
	width: 580px;
	height: 240px;
	display: block;
	overflow: auto;	
}

#blo03 .upd_txt li {
	margin-bottom: 10px;	
		/*font-size: 0.875em;*/
}	

	
#blo04 {
	width: 460px;
	float: right;
}
#blo04 .blo_bdr {
	padding: 40px 25px;
	}	
#blo04 .blo_img {
	width: 130px;
	float: left;
}	
#blo04 .blo_img img {
	border: 1px solid #ccc;
}	
#blo04 .blo_txt {
	padding: 20px 0 0 0;
	float: right;
	width: 240px;
		font-size: 0.875em;
}		
#blo04 .blo_txt p {
	margin-bottom: 1em;
}	
	
	
	
	
	
.sns_bg {
	margin-bottom: 40px;
	padding: 30px 30px;
	background: #d4dded;
	}	
.sns_fb {
padding: 20px;
float: left;
background: #fff;
	}
	.sns_fb_logo span {
		margin-left: 50px;
	}
	.sns_fb_logo img {
		width: 120px;
		margin-bottom: 16px;
			margin-left: 20px;
	}
.sns_r {
	float: right;
	width: 540px;
}
	.sns_r div {
		padding: 36px 22px 36px 55px;

}

	.sns_r_box span {
		margin-left: 30px;
	}	
	
	.sns_fb {
		background: #0d3f89;
	}
	.sns_bg {
		color: #fff;
	}
	.sns_r_x {
		background: #1b9dcf;
	}
	.sns_r_ins {
		background: #ea3373;
	}
	.sns_r_line {
		background: #06c755;
	}
	img.qr {
	 width: 120px;
		margin-right: 30px;
	}
	.sns_r br {
		display: none;
	}
	

	
	
	
	
.fb-wrap{
  max-width: 500px;
  width: 500px;
}	
.twi-wrap{
  max-width: 500px;
  width: 500px;
}	
	
	
.work_lst li {
	float: left;
	margin: 0 0 15px 10px;	
	width: 180px;
	height: 201px;

	}
.work_lst li.ttl {
	background: url("../img/work_ttl.png") no-repeat bottom center;
	}
.work_lst li.ttl h3 {

	padding: 70px 0 0 25px;
	line-height: 1.6;
	color: #2964f2;
	}
.work_lst li.ttl img {
	width: 100%;
	}
.work_lst li.lst01,
.work_lst li.lst02 {
	border: 2px solid #d1dff8;
	background: #fff;
	text-align: center;
	line-height: 1.4;
	font-weight: bold;	
	}	
.work_lst li.lst01 {
	padding: 14px 0 0 0;
	}
.work_lst li.lst02 {
	padding: 20px 0 0 0;
	}	

.work_lst img.lst_img {
	margin: 8px 0 0 0;
	vertical-align: baseline;
	width: 90%;
}
.work_lst img.lst_img02 {
	margin: 24px 0 0 0;
	vertical-align: baseline;
	width: 90%;
}	
.work_lst li a {
	text-decoration: none;
	color: #2964f2;
}		
.work_lst li a:hover {
	opacity: 0.7;
	 cursor: pointer;
}	

#link .bdr{
	padding: 20px 35px;
	border: 2px solid #d1dff8;
	background: #fff;
	}	
#link .bdr ul li {
	margin-right: 25px;
	display: inline;
	zoom: 1;
	}	
#link .bdr ul li a {
	text-decoration: underline;
	color: #000;
}
#link .bdr ul li a:hover {
	text-decoration: underline;
	color: #427ef6;
}
	
	

	
	
}
/*-----------------------------------------------------------*/
@media only screen and (max-width: 767px)  {
	
	div#header-s-fixed
{
    position: fixed;            /* ヘッダーの固定 */
    top: 0px;                   /* 位置(上0px) */
    left: 0px;                  /* 位置(右0px) */
    width: 100%;                /* 横幅100%　*/
    height: 65px;              /* 縦幅140px */
	z-index: 10;
}
div#header-s-bk { 
	/*background-color:#fff;  */   /* 背景色(黒) */
	padding:0;
	height:65px;              /* 縦の高さ110px */
	width:100%;                /* 横の幅を100% */
}
div#body-s-bk{
    padding:65px 0 0px 0;    /* 上下に160pxを余白を取る */
}
	

#contents_bg {
	padding-top: 0 !important;
	}	
#main_img_bg {
	width: 100%;
	height: auto;
	background:  url("../img/main_sp.png") no-repeat bottom center;
	background-size:cover;
	}
#vol {
	padding: 1.5em 1.5em 1.5em;		
	}		
	
#con {
	padding: 1.5em 1.5em 1.5em;	
	}	
#top h2 {
	font-size: 1.25em;
	margin:  0 0 1em 0;
	padding: 5px 0 5px 1em;
	border-left: 10px solid #2964f2;
	color: #2964f2;
	}
	
	
.blo_bdr {
	margin:0 0.5em 2em;	
	padding: 15px 15px;
	border: 2px solid #d1dff8;
	background: #fff;
	}	

#blo03 {

}	
#blo03 .upd_txt {
	padding: 0.5em;	
	width: 100%;
	height: 200px;
	display: block;
	overflow: auto;	
	/*font-size: 0.875em;*/
}

#blo03 .upd_txt li {
	margin-bottom: 10px;	
}	
#blo01 p,
#blo02 p	{
	margin: 0 0 5px 5px;
	padding: 0.5em 0 0.5em;
	padding-left: 1.5em;
	line-height: 1.4;
	background: url("../common_02/img/side_ico01.gif") no-repeat 0px 0.8em;	
	/*border-bottom: 1px solid #d4dff6;*/
}	
	
#blo04 .blo_bdr {
	text-align: center;
	}		
#blo04 .blo_img img {
	border: 1px solid #ccc;
	width: 45%;

}	
#blo04 .blo_txt {
	padding: 1em 0 0 0;
}		
#blo04 .blo_txt p {
	margin-bottom: 1em;
	/*font-size: 0.875em;*/
}		
.sns_bg {
	padding: 1em;
	background: #d4dded;
	margin-bottom: 2.5em;
	}
		
.sns_fb {
	padding: 1em;
	background: #0d3f89;	
	}
	.sns_bg {
		color: #fff;
	}
	
	.sns_fb_logo span {
		margin-left: 20px;
	}
	.sns_fb_logo img {
		width: 100px;
		margin-bottom: 10px;
	}
	
	.sns_r_x {
		background: #1b9dcf;
	}
	.sns_r_ins {
		background: #ea3373;
	}
	.sns_r_line {
		background: #06c755;
	}
	img.qr {
	 width: 100px;
		margin-bottom: 10px;
	}
	.sns_r div {
		padding: 15px;
}
	.sns_r {
	text-align: center;
}	
	

	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
.fb-wrap{
  width: 100%;
  text-align: center !important;
  margin: 0 auto !important;
 }
.fb-page {
  text-align: center !important;
  margin: 0 auto !important;
 }
.twi-wrap{
  width: 100%;
  text-align: center !important;
  margin: 0 auto !important;
 }
.twitter-timeline {
  text-align: center !important;
  margin: 0 auto !important;
 }	
	

.work_lst li.ttl br {
	display: none;
	margin: 0 0 1em !important;
	}
.work_lst li.ttl h3 {
	padding: 0.3em 0.3em 0.3em 1em;
	line-height: 1.6;
	color: #fff;
	}

.sp_work_lst {
	padding: 1em 0.5em 0;
	}
.lst_sp01,
.lst_sp02,
.lst_sp03	{
	margin: 0 0 0.5em;
	padding: 1em 0.5em;
	border: 2px solid #d1dff8;
	background: #fff;
	text-align: center;
	line-height: 1.4;
	font-weight: bold;
	}
.lst_sp02 {
	width: 49%;
	float: left;
	}
.lst_sp03 {
	width: 49%;
	float: right;
	}
.work_lst li a {
	text-decoration: none;
	color: #2964f2;
}
.work_lst img.lst_img,
.work_lst img.lst_img02	{
	padding: 1.5em 0 0 0;
	vertical-align: bottom;
}	
/*	
.work_lst li.lst01,
.work_lst li.lst02 {
	margin: 0 0 1em;
	border: 2px solid #d1dff8;
	background: #fff;
	text-align: center;
	line-height: 1.4;
	font-weight: bold;
	}	
.work_lst li.lst01,
.work_lst li.lst02	{
		padding: 1em 0.5em;
	}	
.work_lst img.lst_img,
.work_lst img.lst_img02	{
	margin: 8px 0 0 0;
	vertical-align: baseline;
	width: 60%;
}

.work_lst li span br {
	display: none;
}	
.work_lst li a {
	text-decoration: none;
	color: #2964f2;
}		
.work_lst li a:hover {
	opacity: 0.7;
	 cursor: pointer;
}	
*/

	
	
#link .bdr{
	padding: 1em 2em;
	border: 2px solid #d1dff8;
	background: #fff;
	}	
#link .bdr ul li {
	font-size: 0.875em;
	margin-right: 25px;
	}	
#link .bdr ul li a {
	text-decoration: underline;
	color: #000;
}
#link .bdr ul li a:hover {
	text-decoration: underline;
	color: #427ef6;
}	
	
	
}