@charset "UTF-8";

body {
  	width: 100%;
  	margin: 0px;
  	padding: 0px;
  	font-size: 15px;
  	line-height:1.7em;
  	font-family: "Lato", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

/*====== TOPページ ======*/
.bg-yellow{
	background-image: url(img/bg-yellow.jpg);
	background-repeat: repeat;
}
#index h1{
	font-family: "M PLUS 1p";
	color: #1e90ff;
	font-size: 3.2rem;
	font-weight: bold;
}
.box{
	background-color: #fff;
	border-radius: 12px;
	padding: 20px;
	margin-bottom: 20px;
}
.box h2{
	font-family: "M PLUS 1p";	
	font-size: 1.6rem;
	font-weight: bold;
}
.box h3{
	font-size: 1.1rem;
}
.btn-blue {
    color: #fff;
    background-color: #1e90ff;
    border-color: #1e90ff;
   font-size: 14px;
   width 25%;
   text-align: center;
}
.btn-blue:hover {
    color: #fff;
    background-color: #87cefa;
    border-color: #87cefa;
   width 25%;
   text-align: center;
}



.wf-mplus1p { font-family: "M PLUS 1p"; }
.font-b{
	font-size: 1.1rem;
	font-weight: bold;
}
.box{
	position: relative;
	padding-bottom: 265px;
}
.img-box{
	position: absolute;
	bottom: 15px;
	left: 0px;
	right: 0px;
	text-align: center;
}
@media screen and (min-width:460px) { 
	.br-sp{
		display: none;
	}
}

/*====== 企業ページ ======*/
#page{
	margin-top: 30px;
}
#page h1{
	font-family: "M PLUS 1p";
	color: #fff;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	background-color: #009d95;
	border-radius: 12px;
	padding: 5px;
	width: 100%;
}
.btn-modoru {
    color: #018f49;
    background-color: #fff366;
    border: solid 2px #018f49;
    font-size: 14px;
    font-weight: bold;
}
.btn-modoru:hover {
    background-color: #fff584;
}
@media screen and (max-width:767px) { 
	#page h1{
		font-size: 1.5rem;
	}
}
.table-company { width: 100%; }
.table-company th, .table-company td  { padding: 10px; border: 1px solid #ddd; }
.table-company th  { background: #f4f4f4; }
.table-company th  { width: 30%; text-align: left; }
 
@media only screen and (max-width:480px){
    .table-company th,
    .table-company td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .table-company tr:first-child th { border-top: 1px solid #ddd; }
}
.bg-blue{
	background-color: #d3edfb;
	padding: 15px;
	border-radius: 12px;
}
.bg-green{
	background-color: #edf2c5;
	padding: 15px;
	border-radius: 12px;
}