@charset "utf-8";

@font-face{
	font-family: "rounded-mgenplus-1m";
	src: url("../fonts/rounded-mgenplus-1m-medium.ttf") format("truetype");
}
html{
	font-size: 62.5%;
	height: 100%;
}
body{
	height: 100%;
	font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
	font-size: 14px !important;
	font-size: 1.4em !important;
	line-height: 1.3 !important;
}
@media screen and (min-width: 751px){
.sp{
	display: none;
}
}
@media screen and (max-width: 750px){
.pc{
	display: none;
}
}
@media screen and (min-width: 751px){
#wrapper{
	background: url("../img/bg_mainvisual.png") repeat-x center top;
}
}
@media screen and (max-width: 750px){
#wrapper{
	background: url("../img/bg_mainvisual_sp.jpg") repeat-x center 40px;
	background-size: 375px;
}
}
@media screen and (min-width: 751px){
.inner1000{
	width: 1000px;
	margin: 0 auto;
}
}
@media screen and (max-width: 750px){
.inner1000{
	width: 100%;
}
}
@media screen and (min-width: 751px){
header{
	background: #009933;
	padding: 10px;
	color: #fff;
}
header .logo{
	width: 113px;
}
header .logo img{
	width: 100%;
}
header .sysbut{
	border-color: #fff;
	color: #fff;
}
.sysbut{
	border: 1px solid;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
	text-decoration: none;
	padding: 2px 15px;
	font-size: 1.2rem;
	background: none;
}
header .fbbtn{
	/*border: 1px solid #ccc;
	background: #fff;*/
	padding: 4px;
	/*border-radius: 3px;*/
	width: 110px;
	overflow: hidden;
	margin: 0 20px;
}
}
@media screen and (max-width: 750px){
header{
	background: #009933;
	padding: 15px;
	position: relative;
}
header .left{
	float: left;
}
header .right{
	float: right;
}
header .navi,
header .right{
	margin: 3px 0 0 0;
}
header .logo{
	width: 132px;
}
header .logo img{
	width: 100%;
}
header .sysbut{
	border-color: #fff;
	color: #fff;
	display: table-cell;
	vertical-align: center;
}
.sysbut{
	border: 1px solid;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
	text-decoration: none;
	padding: 2px 10px;
	font-size: 1.7rem;
	background: none;
}
header #menu_btn{
	display: inline-block;
	position: relative;
	width: 30px;
	height: 30px;
	margin: 0 0 0 15px;
}
header #menu_btn_ico{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	height: 6px;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
	margin: -3px 0 0 -15px;
	background: #fff;
}
header #menu_btn_ico:before,
header #menu_btn_ico:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 30px;
	height: 6px;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
	background: #fff;
}
header #menu_btn_ico:before{
	margin-top: -12px;
}
header #menu_btn_ico:after{
	margin-top: 6px;
}
header #menu_btn + .slide_menu{
	display: none;
	position: absolute;
	top: 68px;
	right: 0;
	background-color: #009933;
	border-radius: 0 0 5px 5px;
}
header #menu_btn + .slide_menu .menu_wrap{
	padding: 20px;
}
header #menu_btn + .slide_menu li{
	color: #fff;
}
header #menu_btn + .slide_menu li > a{
	padding-left: 1em;
	margin: 1.2em 0;
	display: block;
}
}
@media screen and (min-width: 751px){
#main{
	background: url("../img/bg_cloud.png") repeat-x center 407px;
}
}
@media screen and (max-width: 750px){
#main{
	background: url("../img/bg_cloud.png") repeat-x center 400px;
	background-size: 320px;
}
}
#contents{
	background: url("../img/bg_machi.png") repeat-x center bottom;
}
@media screen and (min-width: 751px){
#contents{
	padding-bottom: 150px;
}
}
@media screen and (max-width: 750px){
#contents{
	padding-bottom: 70px;
}
}
@media screen and (min-width: 751px){
.view{
	width: 1000px;
	background: #fff;
	padding: 40px;
	margin: 40px auto;
}
}
@media screen and (max-width: 750px){
.view{
	background: #fff;
	padding: 20px;
	margin: 40px 20px;
	box-sizing: border-box;
}
}
#sidebar{
	
}

footer{
	border-top: 10px solid #77E357;
	background: #1CBF48;
	padding: 30px 0;
	color: #fff;
	text-decoration: none;
}
footer a{
	text-decoration: none;
}
footer .logo{
	width: 130px;
}
footer .logo img{
	width: 100%;
}
footer .company .phone{
	font-weight: bold;
	padding-left: 30px;
	line-height: 1.8;
	background: url("../img/ico_footer_dennwa.png") no-repeat left center;
}
footer .link td .category{
	margin-bottom: 8px;
	
}
footer .link td .kigyou .category{
	padding-left: 25px;
	padding-bottom: 0;
	background: url("../img/ico_footer_kigyou.png") no-repeat left center;
	
}
footer .link td .support .category{
	padding-left: 25px;
	padding-bottom: 0;
	background: url("../img/ico_footer_support.png") no-repeat left center;
	
}

@media screen and (min-width: 751px){
footer .company{
	width: 300px;
}
footer .company .phone{
	font-size: 2.3rem;
}
footer .link td{
	width: 150px;
	vertical-align: top;
}
footer .link td li{
	padding: 5px;
}
footer .copy p{
	text-align: right;
}
}
@media screen and (max-width: 750px){
footer{
	border-top: 5px solid #77E357;
	padding: 30px 20px;
	font-size: 1.6rem;
}
footer .logo{
	margin: 0 auto;
}
footer .company{
	width: 100%;
	padding-bottom: 15px;
	border-bottom: 1px solid #99E099;
	margin-bottom: 15px;
	text-align: center;
}
footer .company .phone{
	font-size: 2rem;
	width: 18rem;
	margin: 0 auto;
}
footer .link{
	margin: 0 auto 40px auto;
}
footer .link table{
	width: 100%;
	vertical-align: top;
}
footer .link table td{
	vertical-align: top;
}
footer .link td li{
	padding: 3px;
}
footer .copy p{
	text-align: center;
	font-size: 1.2rem;
}
}
@media screen and (max-width: 750px){
.slick_prev_arrow,
.slick_next_arrow{
	position: absolute;
	top: 90px;
	margin-top: -11px;
}
.slick_prev_arrow{
	left: 2%;
}
.slick_next_arrow{
	right: 2%;
}
}
@media screen and (min-width: 751px){

}
@media screen and (max-width: 750px){
a img{
	width: 100%;
}
}

/* 装飾 */
.blue{
	color: #3CF;
}
.sysbut_aply{
	margin-top: 20px;
	padding: 6px 10px;
	background: #009933;
	color: #fff;
	float: right;
	border-radius: 3px;        /* CSS3草案 */  
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 3px;   /* Firefox用 */ 
	box-shadow: 1px 1px 0 1px rgba(255,255,255,0.2) inset, 0.5px 0.5px 1px rgba(0,0,0,0.2);
}
.sysbut_aply:hover{
	background: #0DD04C;
}

/*　フォントサイズ　*/
.fs10{
	font-size: 10px;
	font-size: 1rem;
}
.fs11{
	font-size: 11px;
	font-size: 1.1rem;
}
.fs12{
	font-size: 12px;
	font-size: 1.2rem;
}
.fs13{
	font-size: 13px;
	font-size: 1.3rem;
}
.fs14{
	font-size: 14px;
	font-size: 1.4rem;
}
.fs15{
	font-size: 15px;
	font-size: 1.5rem;
}
.fs16{
	font-size: 16px;
	font-size: 1.6rem;
}
.fs17{
	font-size: 17px;
	font-size: 1.7rem;
}
.fs18{
	font-size: 18px;
	font-size: 1.8rem;
}
.fs19{
	font-size: 19px;
	font-size: 1.9rem;
}
.fs20{
	font-size: 20px;
	font-size: 2rem;
}
.fs21{
	font-size: 21px;
	font-size: 2.1rem;
}
.fs22{
	font-size: 22px;
	font-size: 2.2rem;
}
.fs23{
	font-size: 23px;
	font-size: 2.3rem;
}
.fs24{
	font-size: 24px;
	font-size: 2.4rem;
}
.fs25{
	font-size: 25px;
	font-size: 2.5rem;
}

/* インナー */
@media screen and (min-width: 751px){
.inner900{
	width: 900px;
	margin: 0 auto;
}
.inner920{
	width: 920px;
	margin: 0 auto;
}
.inner940{
	width: 940px;
	margin: 0 auto;
}
.inner960{
	width: 960px;
	margin: 0 auto;
}
.inner980{
	width: 980px;
	margin: 0 auto;
}
.inner1000{
	width: 1000px;
	margin: 0 auto;
}
}

/* マージン */
.mt1{
	margin-top: 1px;
}
.mt2{
	margin-top: 2px;
}
.mt3{
	margin-top: 3px;
}
.mt4{
	margin-top: 4px;
}
.mt5{
	margin-top: 5px;
}
.mt10{
	margin-top: 10px;
}
.mt15{
	margin-top: 15px;
}
.mt20{
	margin-top: 20px;
}
.mt25{
	margin-top: 25px;
}
.mt30{
	margin-top: 30px;
}
.mt35{
	margin-top: 35px;
}
.mt40{
	margin-top: 40px;
}
.mt45{
	margin-top: 45px;
}
.mt50{
	margin-top: 50px;
}
.mt60{
	margin-top: 60px;
}
.mt70{
	margin-top: 70px;
}
.mt80{
	margin-top: 80x;
}
.mt90{
	margin-top: 90px;
}
.mt100{
	margin-top: 100px;
}


.mr1{
	margin-right: 1px;
}
.mr2{
	margin-right: 2px;
}
.mr3{
	margin-right: 3px;
}
.mr4{
	margin-right: 4px;
}
.mr5{
	margin-right: 5px;
}
.mr10{
	margin-right: 10px;
}
.mr15{
	margin-right: 15px;
}
.mr20{
	margin-right: 20px;
}
.mr25{
	margin-right: 25px;
}
.mr30{
	margin-right: 30px;
}
.mr35{
	margin-right: 35px;
}
.mr40{
	margin-right: 40px;
}
.mr45{
	margin-right: 45px;
}
.mr50{
	margin-right: 50px;
}
.mr60{
	margin-right: 60px;
}
.mr70{
	margin-right: 70px;
}
.mr80{
	margin-right: 80x;
}
.mr90{
	margin-right: 90px;
}
.mr100{
	margin-right: 100px;
}


.mb1{
	margin-bottom: 1px;
}
.mb2{
	margin-bottom: 2px;
}
.mb3{
	margin-bottom: 3px;
}
.mb4{
	margin-bottom: 4px;
}
.mb5{
	margin-bottom: 5px;
}
.mb10{
	margin-bottom: 10px;
}
.mb15{
	margin-bottom: 15px;
}
.mb20{
	margin-bottom: 20px;
}
.mb25{
	margin-bottom: 25px;
}
.mb30{
	margin-bottom: 30px;
}
.mb35{
	margin-bottom: 35px;
}
.mb40{
	margin-bottom: 40px;
}
.mb45{
	margin-bottom: 45px;
}
.mb50{
	margin-bottom: 50px;
}
.mb60{
	margin-bottom: 60px;
}
.mb70{
	margin-bottom: 70px;
}
.mb80{
	margin-bottom: 80x;
}
.mb90{
	margin-bottom: 90px;
}
.mb100{
	margin-bottom: 100px;
}


.ml1{
	margin-left: 1px;
}
.ml2{
	margin-left: 2px;
}
.ml3{
	margin-left: 3px;
}
.ml4{
	margin-left: 4px;
}
.ml5{
	margin-left: 5px;
}
.ml10{
	margin-left: 10px;
}
.ml15{
	margin-left: 15px;
}
.ml20{
	margin-left: 20px;
}
.ml25{
	margin-left: 25px;
}
.ml30{
	margin-left: 30px;
}
.ml35{
	margin-left: 35px;
}
.ml40{
	margin-left: 40px;
}
.ml45{
	margin-left: 45px;
}
.ml50{
	margin-left: 50px;
}
.ml60{
	margin-left: 60px;
}
.ml70{
	margin-left: 70px;
}
.ml80{
	margin-left: 80x;
}
.ml90{
	margin-left: 90px;
}
.ml100{
	margin-left: 100px;
}

/* パディング */
.pt1{
	padding-top: 1px;
}
.pt2{
	padding-top: 2px;
}
.pt3{
	padding-top: 3px;
}
.pt4{
	padding-top: 4px;
}
.pt5{
	padding-top: 5px;
}
.pt10{
	padding-top: 10px;
}
.pt15{
	padding-top: 15px;
}
.pt20{
	padding-top: 20px;
}
.pt25{
	padding-top: 25px;
}
.pt30{
	padding-top: 30px;
}
.pt35{
	padding-top: 35px;
}
.pt40{
	padding-top: 40px;
}
.pt45{
	padding-top: 45px;
}
.pt50{
	padding-top: 50px;
}
.pt60{
	padding-top: 60px;
}
.pt70{
	padding-top: 70px;
}
.pt80{
	padding-top: 80x;
}
.pt90{
	padding-top: 90px;
}
.pt100{
	padding-top: 100px;
}


.pr1{
	padding-right: 1px;
}
.pr2{
	padding-right: 2px;
}
.pr3{
	padding-right: 3px;
}
.pr4{
	padding-right: 4px;
}
.pr5{
	padding-right: 5px;
}
.pr10{
	padding-right: 10px;
}
.pr15{
	padding-right: 15px;
}
.pr20{
	padding-right: 20px;
}
.pr25{
	padding-right: 25px;
}
.pr30{
	padding-right: 30px;
}
.pr35{
	padding-right: 35px;
}
.pr40{
	padding-right: 40px;
}
.pr45{
	padding-right: 45px;
}
.pr50{
	padding-right: 50px;
}
.pr60{
	padding-right: 60px;
}
.pr70{
	padding-right: 70px;
}
.pr80{
	padding-right: 80x;
}
.pr90{
	padding-right: 90px;
}
.pr100{
	padding-right: 100px;
}


.pb1{
	padding-bottom: 1px;
}
.pb2{
	padding-bottom: 2px;
}
.pb3{
	padding-bottom: 3px;
}
.pb4{
	padding-bottom: 4px;
}
.pb5{
	padding-bottom: 5px;
}
.pb10{
	padding-bottom: 10px;
}
.pb15{
	padding-bottom: 15px;
}
.pb20{
	padding-bottom: 20px;
}
.pb25{
	padding-bottom: 25px;
}
.pb30{
	padding-bottom: 30px;
}
.pb35{
	padding-bottom: 35px;
}
.pb40{
	padding-bottom: 40px;
}
.pb45{
	padding-bottom: 45px;
}
.pb50{
	padding-bottom: 50px;
}
.pb60{
	padding-bottom: 60px;
}
.pb70{
	padding-bottom: 70px;
}
.pb80{
	padding-bottom: 80x;
}
.pb90{
	padding-bottom: 90px;
}
.pb100{
	padding-bottom: 100px;
}


.pl1{
	padding-left: 1px;
}
.pl2{
	padding-left: 2px;
}
.pl3{
	padding-left: 3px;
}
.pl4{
	padding-left: 4px;
}
.pl5{
	padding-left: 5px;
}
.pl10{
	padding-left: 10px;
}
.pl15{
	padding-left: 15px;
}
.pl20{
	padding-left: 20px;
}
.pl25{
	padding-left: 25px;
}
.pl30{
	padding-left: 30px;
}
.pl35{
	padding-left: 35px;
}
.pl40{
	padding-left: 40px;
}
.pl45{
	padding-left: 45px;
}
.pl50{
	padding-left: 50px;
}
.pl60{
	padding-left: 60px;
}
.pl70{
	padding-left: 70px;
}
.pl80{
	padding-left: 80x;
}
.pl90{
	padding-left: 90px;
}
.pl100{
	padding-left: 100px;
}