@charset "UTF-8";

/*SP表示*/
@media screen and (max-width: 749px) {
.pc_display{
	display:none;
}
.sp_display{
	display:block;
}

.topickstx, .midasahi02{
	text-align: left !important;
}
.worklist01{
	font-size: 10px;
	min-height: 30px;
	padding: 10px 0;
	color: #79c0bd;
	font-weight: bold;
}
.worklist02{
	font-size: 10px;
	min-height: 30px;
	padding: 10px 0;
	color: #fbb03b;
	font-weight: bold;
}
.worklist03{
	font-size: 10px;
	min-height: 30px;
	padding: 10px 0;
	color: #dc86a2;
	font-weight: bold;
}

/*タイトル*/
.workttl01{
	background: #79c0bd;
	border-radius: 10px;
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 10px 10px;
	position: relative;
}
.workttl01 span{
	color: #ffff00;
	font-weight: bold;
}
.workttl02{
	background: #f8b046;
	border-radius: 10px;
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 10px 10px;
	position: relative;
}
.workttl02 span{
	color: #ffff00;
	font-weight: bold;
}
.workttl03{
	background: #dc86a2;
	border-radius: 10px;
	color: #fff;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 10px 10px;
	position: relative;
}
.workttl03 span{
	color: #ffff00;
	font-weight: bold;
}
.workttl04{
	background: #8aa735;
	border-radius: 10px;
	color: #ffff00;
	font-size: 16px;
	letter-spacing: 1px;
	padding: 10px 10px;
	position: relative;
}
.ttlkyara{
	position: absolute;
	top: -25px;
	right: 20px;
	width: 60px;
	height: auto;
}
.recruit_box {
    width: 345px!important;
    text-align: center!important;
    margin: 100px auto 50px!important;
}
.recruit_box .midasahi02{
	font-size: 18px;
	text-align: center!important;
}
}


/*PC表示*/
@media screen and (min-width: 750px) {
.sp_display{
	display:none;
	}
.pc_display{
	display:block;
	margin:0 auto;
	}
.worklist01{
	font-size: 14px;
	min-height: 30px;
	padding: 10px 0;
	color: #79c0bd;
	font-weight: bold;
	text-align: center;
}
.worklist02{
	font-size: 14px;
	min-height: 30px;
	padding: 10px 0;
	color: #fbb03b;
	font-weight: bold;
	text-align: center;
}
.worklist03{
	font-size: 14px;
	min-height: 30px;
	padding: 10px 0;
	color: #dc86a2;
	font-weight: bold;
	text-align: center;
}

/*タイトル*/
.workttl01{
	background: #79c0bd;
	border-radius: 10px;
	color: #fff;
	font-size: 22px;
	letter-spacing: 1px;
	padding: 10px 20px;
	position: relative;
}
.workttl01 span{
	color: #ffff00;
	font-weight: bold;
}
.workttl02{
	background: #f8b046;
	border-radius: 10px;
	color: #fff;
	font-size: 22px;
	letter-spacing: 1px;
	padding: 10px 20px;
	position: relative;
}
.workttl02 span{
	color: #ffff00;
	font-weight: bold;
}
.workttl03{
	background: #dc86a2;
	border-radius: 10px;
	color: #fff;
	font-size: 22px;
	letter-spacing: 1px;
	padding: 10px 20px;
	position: relative;
}
.workttl03 span{
	color: #ffff00;
	font-weight: bold;
}
.workttl04{
	background: #8aa735;
	border-radius: 10px;
	color: #ffff00;
	font-size: 22px;
	letter-spacing: 1px;
	padding: 10px 20px;
	position: relative;
}

.ttlkyara{
	position: absolute;
	top: 0;
	right: 40px;
}


}

.mainvisual img{
	width: 100%;
}
.mainvisual{
	margin: 0 !important;
}


.webres a{
	font-family: 'Lato', sans-serif;
	display: block;
	text-align: center;
	color: #fff;
	padding: 10px 0 !important;
	font-size: 14px;
	letter-spacing: 1px;
}
.webreshov:hover{
	text-decoration: none;
	background: #fff;
	color: #F9D3AC;
}
.webreshov02:hover{
	text-decoration: none;
	background: #fff;
	color: #BCC4E2;
}
.webreshov03:hover{
	text-decoration: none;
	background: #fff;
	color: #ECBEBD;
}
.bgor{
	background: #f8b046;
}
.bgbl{
	background: #79c0bd;
}
.bgpi{
	background: #dc86a2;
}
.bgbage{
	background: #F0EBE6;
}

.topickstx{
	text-align: center;
	padding: 60px 0 40px 0;
}
.topickstx dt{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 700;
	font-size: 24px;
	letter-spacing: 2px;
	color: #603813 !important;
}
.topickstx dd{
	font-size: 16px;
	letter-spacing: 1px;
	color: #604C3F;
	padding: 10px 0;
	line-height:1.7em;
}
.flleftimg{
	float: left;
	width: 120px;
	margin-right: 20px;
	margin-bottom: 50px;
	display: block;
}

.midasahi02{
	font-size: 24px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: center;
	color: #c85a84;
	letter-spacing: 2px;
	margin-bottom: 30px;
	padding: 0 10px;
}
.midasahi03{
	font-size: 22px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	color: #c85a84;
	padding: 0 10px 15px 10px;
	line-height: 1.5em;
	letter-spacing: 2px;
	margin-bottom: 15px;
	border-bottom: 2px solid #e6d4c1;
}
.midasahi04{
	font-size: 22px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	color: #f8b046;
	padding: 0 10px 15px 10px;
	line-height: 1.5em;
	letter-spacing: 2px;
	margin-bottom: 15px;
	border-bottom: 2px solid #e6d4c1;
}
.midasahi05{
	font-size: 22px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	color: #79c0bd;
	padding: 0 10px 15px 10px;
	line-height: 1.5em;
	letter-spacing: 2px;
	margin-bottom: 15px;
	border-bottom: 2px solid #e6d4c1;
}
.midasahi06{
	font-size: 22px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: left;
	color: #dc86a2;
	padding: 0 10px 15px 10px;
	line-height: 1.5em;
	letter-spacing: 2px;
	margin-bottom: 15px;
	border-bottom: 2px solid #e6d4c1;
}
.ownermesse{
	padding: 0 10px;
	line-height: 1.6em;
}
.ownermesse span{
	color: #ff515d;
}
.riyu dt{
	font-size: 18px;
	padding: 10px 0 10px 0;
	color: #c85a84;
}
.riyu dd{
	font-size: 14px;
	line-height: 1.7em;
}

.workmore{
	display: block;
	border-bottom: 1px solid #736357;
	border-top: 1px solid #736357;
	text-align: center;
	color: #736357;
	padding: 5px 0;
}
.workmore:hover{
	display: block;
	border-bottom: 1px solid #736357;
	border-top: 1px solid #736357;
	text-align: center;
	color: #F0EBE6;
	padding: 5px 0;
	background: #927E70;
	text-decoration: none;
}

/*お問合せ*/
.convarea{
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px 0;
}
.convarea dt a{
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #8aa735;
}
dd.mailto a{
	display: block;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 1px;
	color: #fff;
	background: #f8b046 !important;
	max-width: 300px;
	padding: 10px 0;
	margin: 10px auto 0 auto;
	border-radius: 10px;
	border-bottom: 5px solid #f6980e !important;
}
.convarea dd a{
	display: block;
	font-size: 20px;
	font-weight: 300;
	letter-spacing: 1px;
	color: #fff;
	background: #8aa735;
	max-width: 300px;
	padding: 10px 0;
	margin: 10px auto 0 auto;
	border-radius: 10px;
	border-bottom: 5px solid #5e8d00;
}


.hosokutx{
	background: #ff515d;
	border-radius: 10px;
	padding: 15px;
	margin: 20px 0;
	text-align: center;
	font-size: 22px;
	font-weight: bold;
	color: #fff34e;
}
.hosokutx span{
	color: #fff;
	font-weight: normal;
	font-size: 18px;
}
.chouchoubanner{
	text-align: center;
	margin: 30px 0 0 0;
}
.chouchoubanner dt{
	font-size: 20px;
	color: #6b6863;
	letter-spacing: 1px;
	font-weight: normal;
	margin: 0 0 20px 0;
}
.chouchoubanner dd{
	max-width: 300px;
	margin: 0 auto;
}
.mamakaiketsu{

}
.recruit_box {
    width: 700px;
    text-align: center;
	display: block;
    margin: 60px auto;
    border: 4px solid #c85a84;
    padding-top: 20px;
    padding-bottom: 20px;
}

/*テーブル*/

table   { width: 100%; }
th, td  { padding: 10px; border: 1px solid #ddd; }
th  { background: #f4f4f4; }
 
/*----------------------------------------------------
    .demo01
----------------------------------------------------*/
.demo01 th  { width: 30%; text-align: left; }
 
@media only screen and (max-width:480px){
    .demo01 { margin: 0 0; }
    .demo01 th,
    .demo01 td{
        width: 100%;
        display: block;
        border-top: none;
    }
    .demo01 tr:first-child th   { border-top: 1px solid #ddd; }
}