@charset "UTF-8";
html {
	font: 15px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.cnts {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
#welcome {
	background: #fff100;
	width: 100%;
	border-bottom: 6px solid #FFF;
}
#welcome #w_left {
	float: left;
	margin-top: 300px;
	margin-left: 101px;
}
#welcome #w_left h1 {
	margin-top: 46px;
	font-size: 21px;
	line-height: 54px;
	font-weight: bold;
	letter-spacing: 0.2em;
}
#welcome #panda {
	float: right;
	margin-right: 150px;
	margin-top: 256px;
	margin-bottom: 189px;
}
#about {
	background: url(../image/about/pc.jpg) no-repeat;
	background-size:cover;
	width: 100%;
}
#about h6 {
	color: #009ee5;
	font-size: 21px;
	font-weight: normal;
	margin-top: 92px;
	margin-bottom: 0px;
}
#about h3 {
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 26px;
	letter-spacing: -2px;
}
#about h4 {
	font-size: 21px;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
}
#about p#setumei {
	width: 436px;
	font-size: 15px;
	line-height: 28px;
	margin-bottom: 267px;
}
.service_cnts {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../image/service/siryo1.png), url(../image/service/siryo2.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left 5px, right bottom;
	background-size: 18% auto, 16% auto;
}
#service {
	background-image:url(../image/service/back.png), url(../image/service/back.png);
	background-repeat: repeat-x, repeat-x;
	background-position: top, bottom;
	background-size: 1.2% auto, 1.2% auto;
}
#service h6 {
	color: #009ee5;
	font-size: 21px;
	font-weight: normal;
	margin-bottom: 0px;
	text-align: center;
	padding-top: 180px;
}
#service h3 {
	font-size: 30px;
	text-align: center;
	margin-bottom: 28px;
}
#service h4 {
	font-size: 21px;
	font-weight: bold;
	letter-spacing: 0.2em;
	text-align: center;
}
#service #s_setumei {
	width: 778px;
	background: url(../image/service/&.png) no-repeat center center;
	background-size: 10% auto;
	margin: 50px auto 180px;
}
#service #s_setumei  h5 {
	color: #009ee5;
	font-size: 17px;
	margin-bottom: 20px;
	letter-spacing: 0.1em;
}
#service #s_left {
	width: 290px;
	float: left;
}
#service #s_right  {
	float: right;
	width: 290px;
}
#company  {
	background: #E6E6E6;
	padding-top:150px;
}
.company_cnts {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background: url(../image/company/04_04.png) no-repeat center bottom;
	background-size: 26% auto;
	padding-bottom: 160px;
}
#company h2 {
	font-size: 24px;
    padding-bottom: 30px;
	padding-left:70px;
    background-image: url(../image/company/04_1.png);
	background-position: left middle;
	background-size: 5% auto;
    background-repeat: no-repeat;
}
#company .ao{
	color: #009ee5;
	font-size: 17px;
	line-height: 20px;
}
.t_left th,.t_right th{
	text-align: left;
	width:23%;
	padding:6px 0px;
	vertical-align: top;
}
.t_left td,.t_right td{
	text-align: left;
	padding:6px 0px;
	vertical-align: top;
}
.t_left {
	float:left;
	vertical-align: top;
	margin-bottom: 60px;
}
.t_right {
	float:right;
	vertical-align: top;
	margin-bottom: 60px;
}
#company h4 {
	font-size: 24px;
	padding-top: 60px;
	margin-bottom: 30px;
	border-top: 1px solid #000;
	width: 200px;
	clear: both;
	padding-left:70px;
    background-image: url(../image/company/04_2.png);
	background-position: left bottom;
	background-size: 18% auto;
    background-repeat: no-repeat;
}
#company p a {
	color: #3CA6E4;
	text-decoration: none;
}
#company #illust {
	text-align: center;
}
#footer {
	background: #000;
	height: 150px;
	width: auto;
}
#footer_cnts {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	font-weight: normal;
	padding-top: 20px;
}
.sp {
  display: none;
}
@media screen and (max-width: 959px) {
.sp {
    display: block;
  }
  .pc {
    display: none;
  }
	.cnts {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
	#welcome {
	width: 100%;
	height: 100vh;
		display: flex;
  justify-content: center;
  align-items: center;
}
	.topmain {
  display: flex;
  justify-content: center;
  align-items: center;
}
	#welcome #w_left {
	float: none;
	margin-top: 20%;
	margin-left: auto;
		margin-right: auto;
		width:80%;
}
	#welcome #w_left h1 {
	margin-top: 46px;
	font-size: 21px;
	line-height: 40px;
	font-weight: bold;
	letter-spacing: 0.2em;
}
	#welcome #w_left img {
		width:100%;
		height:auto;
}
	#welcome #panda {
	float: none;
		text-align: center;
	margin-right: auto;
		margin-left: auto;
	margin-top: 20%;;
	margin-bottom: 0px;
}
	#welcome #panda img {
		width:30%;
		height:auto;
		}
	#about {
	background: url(../image/about/pc.jpg) no-repeat;
	background-size:cover;
	width: 90%;
	padding-left:5%;
	padding-right:5%;
}
#about h6 {
	color: #009ee5;
	font-size: 21px;
	font-weight: normal;
	margin-top: 60px;
	margin-bottom: 10px;
}
#about h3 {
	font-size: 40px;
	font-weight: bold;
	margin-bottom: 26px;
	letter-spacing: -2px;
	line-height: 50px;
}
#about h4 {
	font-size: 21px;
	font-weight: bold;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
}
#about p#setumei {
	width: 100%;
	font-size: 15px;
	line-height: 28px;
	margin-bottom: 200px;
}
.service_cnts {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-left:5%;
	padding-right:5%;
	background-image: url(../image/service/siryo1.png), url(../image/service/siryo2.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left 5px, right bottom;
	background-size : 36% auto,36% auto;
}
#service {
	background-image:url(../image/service/back.png), url(../image/service/back.png);
	background-repeat: repeat-x, repeat-x;
	background-position: top, bottom;
	background-size: 4% auto, 4% auto;
}
#service h6 {
	color: #009ee5;
	font-size: 21px;
	font-weight: normal;
	margin-bottom: 0px;
	text-align: center;
	padding-top: 180px;
}
#service h3 {
	font-size: 30px;
	text-align: center;
	margin-bottom: 28px;
}
#service h4 {
	font-size: 21px;
	font-weight: bold;
	letter-spacing: 0.2em;
	text-align: left;
}
#service #s_setumei {
	width: 100%;
	background: url(../image/service/&.png) no-repeat center center;
	background-size : 15% auto;
	margin: 50px auto 200px;
}
#service #s_setumei  h5 {
	color: #009ee5;
	font-size: 17px;
	margin-bottom: 20px;
	letter-spacing: 0.1em;
}
#service #s_left {
	width: 100%;
	float: none;
	margin-bottom: 140px;
}
#service #s_right  {
	float: none;
	width: 100%;
}
#company  {
	background: #E6E6E6;
	padding-top:100px;
}
.company_cnts {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	background: url(../image/company/04_04.png) no-repeat center bottom;
	background-size: 40% auto;
	padding-bottom: 160px;
}
#company h2 {
	font-size: 24px;
    padding-bottom: 30px;
	padding-left:20%;
    background-image: url(../image/company/04_1.png);
	background-position: left middle;
	background-size: 16% auto;
    background-repeat: no-repeat;
}
#company .ao{
	color: #009ee5;
	font-size: 17px;
	line-height: 20px;
}
.t_left th,.t_right th{
	text-align: left;
	width:24%;
	padding:4px 0px;
	vertical-align: top;
}
.t_left td,.t_right td{
	text-align: left;
	padding:4px 0px;
	vertical-align: top;
}
.t_left {
	width:100%;
	float:none;
	vertical-align: top;
	margin-bottom: 0px;
}
.t_left a {
    text-decoration: none;
    color: #000000;	
}
.t_right {
	width:100%;
	float:none;
	vertical-align: top;
	margin-bottom: 40px;
}
#company h4 {
	font-size: 24px;
	padding-top: 60px;
	margin-bottom: 30px;
	border-top: 1px solid #000;
	width: 80%;
	clear: both;
	padding-left:20%;
    background-image: url(../image/company/04_2.png);
	background-position: left bottom;
	background-size: 15% auto;
    background-repeat: no-repeat;
}
#company p a {
	color: #3CA6E4;
	text-decoration: none;
}
#company #illust {
	text-align: center;
}
#footer {
	background: #000;
	height: 40px;
	width: auto;
}
#footer_cnts {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	color: #FFF;
	font-weight: normal;
	padding-top: 10px;
}
}