@charset "utf-8";

/* 1.マージン・インデント
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
/* マージン・インデント
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.m1b { margin-bottom: 1px !important; }
.m2b { margin-bottom: 2px !important; }
.m3b { margin-bottom: 3px !important; }
.m4b { margin-bottom: 4px !important; }
.m5b { margin-bottom: 5px !important; }
.m6b { margin-bottom: 6px !important; }
.m7b { margin-bottom: 7px !important; }
.m8b { margin-bottom: 8px !important; }
.m9b { margin-bottom: 9px !important; }
.m10b { margin-bottom: 10px !important; }
.m13b { margin-bottom: 13px !important; }
.m15b { margin-bottom: 15px !important; }
.m20b { margin-bottom: 20px !important; }
.m25b { margin-bottom: 25px !important; }
.m30b { margin-bottom: 30px !important; }
.m35b { margin-bottom: 35px !important; }
.m40b { margin-bottom: 40px !important; }
.m45b { margin-bottom: 45px !important; }
.m50b { margin-bottom: 50px !important; }
.m80b { margin-bottom: 80px !important; }

.m5t { margin-top: 5px !important; }
.m10t { margin-top: 10px !important; }
.m20t { margin-top: 20px !important; }
.m30t { margin-top: 30px !important; }
.m40t { margin-top: 40px !important; }
.m50t { margin-top: 50px !important; }
.m70t { margin-top: 70px !important; }
.m80t { margin-top: 80px !important; }
.m90t { margin-top: 90px !important; }
.m100t { margin-top: 100px !important; }

.m5l { margin-left: 5px !important; }
.m10l { margin-left: 10px !important; }
.m15l { margin-left: 15px !important; }
.m20l { margin-left: 20px !important; }
.m25l { margin-left: 25px !important; }
.m30l { margin-left: 30px !important; }

.m5r { margin-right: 5px !important; }
.m10r { margin-right: 10px !important; }
.m15r { margin-right: 15px !important; }
.m20r { margin-right: 20px !important; }
.m25r { margin-right: 25px !important; }
.m30r { margin-right: 30px !important; }
.m40r { margin-right: 40px !important; }
.m50r { margin-right: 50px !important; }


.p5a { padding: 5px !important; }
.p10a { padding: 10px !important; }
.p20a { padding: 20px !important; }
.p40a { padding: 40px 0 !important; }
.p50a { padding: 50px 0 !important; }

.bNone { border: none !important; }


/*sp時変更*/
.m10b-s { margin-bottom: 10px !important; }
.m20b-s { margin-bottom: 20px !important; }
.m30b-s { margin-bottom: 30px !important; }
.m40b-s { margin-bottom: 40px !important; }
.m50b-s { margin-bottom: 50px !important; }
.m60b-s { margin-bottom: 60px !important; }
.m70b-s { margin-bottom: 70px !important; }
.m100b-s { margin-bottom: 100px !important; }
.m01-l{margin-left: 20px;}
.p01-s { padding:30px !important; }

/* 2.位置クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.clear { clear: both !important; }
.cen { text-align: center !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.cen-pc{text-align: center;}

/* 投稿の画像配置 */
.f-left{
	float:left;
}
.f-right{
	float:right;
}
.f-left-pc {
    float: left;
}
.f-right-pc {
    float: right;
}
.alignright { display: block; margin: 0 0 10px auto; }/* 配置位置 左 */
.alignleft { display: block; margin: 0 auto 10px 0; }/* 配置位置 右 */
.aligncenter { display: block; margin: 0 auto 10px; }/* 配置位置 中央 */

/* 3.テキスト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.bold { font-weight: bold !important; }
.underline{text-decoration: underline;}
.newsred{ color: #ff0000; font-weight:bold; padding:0 3px; font-size:110%; background:#F00; color:#FFF;}
.txtRed { color: #ff0000 !important; }
.txtBlue { color: #005bab !important; }
.txtBlack { color: #000000 !important; }
.txtPink { color: #fe7f7f !important; }
.txtYellow{color: #f1fa05 !important}
.txtGold { color: #7c6d07 !important; }
.txtGray { color: #666666 !important; }
.txtWhite { color: #FFFFFF !important; }
.txtgreen { color: #76bf68 !important; }
.txtBrown{color: #573a12 !important;}
.txtorenge{color:#ef845d !important;}
.txtblk{color:#251e1b !important}
.txtblue{color:#005BAB !important}
.txtred{color:#F00 !important}

.txt01 { font-size: 50% !important; }
.txt02 { font-size: 40% !important; }
.txt10 { font-size: 77% !important; }
.txt11 { font-size: 92% !important; }
.txt13 { font-size: 109% !important; }
.txt14 { font-size: 117% !important; }
.txt15 { font-size: 125% !important; }
.txt17 { font-size: 142% !important; }
.txt18,.txt18-s { font-size: 150% !important; }
.txt20,.txt20-s { font-size: 167% !important; }
.txt22,.txt22-s { font-size: 180% !important; }
.italic{ font-style:italic;}

.f-min{
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E", "メイリオ", Meiryo, serif;
}
.bNone { border: none !important; }
.vaMiddle { vertical-align: middle !important; }
.oh{overflow:hidden;}
.bg01{background: #fff;}
.bg02{background: #fcf7a4;}
.bg03{
	display: inline-block;
	padding: 3px 20px;
background: rgb(0,128,119); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,128,119,1) 1%, rgba(0,156,132,1) 100%, rgba(0,91,171,1) 100%, rgba(0,128,119,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,128,119,1) 1%,rgba(0,156,132,1) 100%,rgba(0,91,171,1) 100%,rgba(0,128,119,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,128,119,1) 1%,rgba(0,156,132,1) 100%,rgba(0,91,171,1) 100%,rgba(0,128,119,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008077', endColorstr='#008077',GradientType=0 ); /* IE6-9 */
	color: #fff;
	}

.img100 {
    height: auto;
    width: 100%;
}
img{
    height: auto;
    max-width: 100%;
}

.pc-dnon,.pc-dnon2 {
    display: none;
}
.pc-dnon3{
    display:  block;
}


.link01 a{
	display: block;
	padding: 0px 10px;
	margin: 10px auto;
	background: #7e8583;
	color: #fff;
	font-size:120%;
	width: 250px;
	text-align: center;
	text-decoration: none;

}
.link01 a:hover{
	text-decoration: none;
	background: #666;
}

.pickup{ margin:0 auto; padding:0px; text-align:center;}

.linkb{ line-height:1.8em;}

.recruitbanner img{width:100%; padding:0; margin:0; }

/*
===================================================================
/*

/*------------------------------------------------------------------
	Universal Selector
------------------------------------------------------------------*/
* {
    font-style: normal;
    margin: 0;
    padding: 0;
    text-align: left;
}

/*------------------------------------------------------------------
	Base Settings
------------------------------------------------------------------*/
html {
    overflow-y: scroll;
}


body {
    color: #000;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-size: 18px;
	position:relative;
	line-height: 1.4;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    margin: 0;
    padding: 0;
	font-weight: normal;
}
li {
    list-style-type: none;
}
p{  line-height: 1.8;}


/*------------------------------------------------------------------
	Base Link Color Setting
------------------------------------------------------------------*/
a {color:#231815;

    text-decoration: none;
}
a:visited {
    text-decoration: none;
}
a:hover {

    text-decoration: underline;
}
a:active {
    text-decoration: underline;
}
a:hover img {opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
    border: medium none;
}

.fil a:hover,.fil2:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}/*ロールオーバー時の透過設定*/
.fil3 a img{transition: .5s ;}

.fil3 a:hover img {
    transform: scale(1.05);
}

.h-style01{
	padding: 10px;
	background:#005BAB;
	color:#fff;
	text-align: center;
	font-size:120%;
	font-weight: bold;
}



.h-style02{
	padding: 10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#005bab+1,54c2f0+100 */
background: rgb(0,91,171); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,91,171,1) 1%, rgba(84,194,240,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,91,171,1) 1%,rgba(84,194,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,91,171,1) 1%,rgba(84,194,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005bab', endColorstr='#54c2f0',GradientType=0 ); /* IE6-9 */
	font-size:130%;
	color: #fff;
	font-style: italic;
}
.ulstyle01 li{
	padding: 5px;
	padding-left:35px;
	background: url(images/icon01.png) no-repeat left center;

}
.table01{
	width: 100%;
	margin:  0 auto;
}
.table01 th,.table01 td{
	border: solid 1px #ccc;
	padding: 10px;
}
.table01 th{
	background: #f0f0f0;
	font-weight: normal;
}
.table01 iframe{
	width: 100%;
	height:300px;
}
/*------------------------------------------------------------------
	全体レイアウト
------------------------------------------------------------------*/
.container{
	clear:both;
	padding-top:10px;
    margin-left: auto;
    margin-right: auto;
    max-width: 980px;
	overflow:hidden;
}
.container2{
    margin-left: auto;
    margin-right: auto;
    max-width: 1500px;
	overflow:hidden;
}

.container3{
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
	overflow:hidden;
}
.container3fl{
	display: flex;
	justify-content:space-around;
    margin-left: auto;
    margin-right: auto;
    max-width: 900px;
	overflow:hidden;
}


/*--------------------------header--------------------------*/
header{
	border-top:solid 10px #005bab;
}

.syoufuku{width:100%;background:#000; text-align:center;	border-top:solid 7px #F00;}

header h1{
	width:750px;
	float: left;
}
header h1 img:last-child{
	margin-left: 40px;
	vertical-align: 5px;
}
	
header .top-contact a{
	float: right;
	margin:10px 0;
	padding: 5px;
	width:200px;
	display: block;
	border:solid 2px #005bab;
	font-size:120%;
	text-align: center;
	color: #005bab;
	text-decoration: none;
	transition: .5s ;
}
header .top-contact a:hover{
	background: #005bab;
	color: #fff;
}
.top-contact-sp{
	display: none;
}
#topnav{
	padding-top: 10px;
}
#topnav ul{
	display: flex;
	flex-wrap: wrap;
}
#topnav ul li{
	width: calc(100% / 5);
	a{
		color: #005bab;
		display: block;
		width: 100%;
		height: 100%;
		padding-top: 5px;
		text-align: center;
		text-decoration: none;
		font-weight: bold;
	}
}
#topnav ul li a span{
	margin-top: 5px;
	display: block;
	padding:2px 5px;
	text-align: center;
	font-size:75%;
	transition: .3s ;
}
#topnav ul li a:hover span,#topnav ul li.on a span{
	background: #005bab;
	color: #fff;
}

.fmline{border-top:solid 1px #005BAB;}
#footernav {width:980px; margin:0 auto;}
#footernav li a{
	display: block;
	float: left;
	padding:5px 0px 0;
	color: #005bab;
	width: 14%;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
#footernav li a span{
	margin-top: 5px;
	display: block;
	padding:2px 5px;
	text-align: center;
	font-size:75%;
	transition: .3s ;
}
#footernav li a:hover span,#topnav ul li.on a span{
	background: #005bab;
	color: #fff;
}

/*-----------footer--------------*/
footer{

}
.foot-left{
	width: 20%;
}
.foot-right{
	width: 77%;
}
.foot-right h2{
	font-size:130%;
}
.foot-right h2 span{
	display: block;
}
footer ul li{
	width: 50%;
	float: left;
	padding-right: 20px;
	padding-left: 10px;
	border-left:solid 10px #005bab;
	margin-bottom: 12px;
	font-size:80%;
}

#copy{
	padding:5px 10px;
	text-align: center;
	font-size:90%;
	overflow:hidden;
	background: #005bab;
	color: #fff;
	letter-spacing:1px;
}

/*------------トップページ---------------*/
.slider .topimagetxt{
	position: absolute;
	width: 100%;
	top:50%;
	margin-top: -175px;
}
.slider .topimagetxt img{
	width:auto;
	max-height: 350px;
}
#s1{
	margin:20px auto;
	width:80%;
	background: #f0f0f0;
}
#s1 li{border-bottom:1px dashed #999; padding:2px 0;}
#s1 .inner{
	padding:10px 20px;
}
#s1 h2{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#005bab+1,54c2f0+100 */
background: rgb(0,91,171); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,91,171,1) 1%, rgba(84,194,240,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,91,171,1) 1%,rgba(84,194,240,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,91,171,1) 1%,rgba(84,194,240,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005bab', endColorstr='#54c2f0',GradientType=0 ); /* IE6-9 */
	font-size:120%;
}
#s1 h2 span{
	display: inline-block;
	padding: 5px 20px;
	border-right:solid 2px #fff;
	color: #fff;
	
}
#s1 ul li{
	margin-bottom: 10px;
}
#s1 ul li dt{
	clear:both;
	float: left;
	width:160px;
}
#s1 ul li dd{
	margin-left: 170px;
}
#s1 ul li dd .new{
	margin-left: 10px;
	font-style: italic;
}
#s1 .inner p a{
	padding:1px 5px;
	display: block;
	background: #fff;
	border:solid 1px #005bab;
	text-align: center;
	color: #005bab;
	text-decoration: none;
	transition: .5s ;
}
#s1 .inner p a:hover{
	background: #005bab;
	color: #fff;
}

#s2{
	width: 980px;
	margin:20px auto;
	border:solid 1px #005bab;
}
#s2 h2{
	padding: 10px 20px;
	background:#005bab;
	color: #fff;
	font-size:110%;
	line-height: 1.4;
}
#s2 ul{
	padding: 20px;
}
#s2 ul li{
	padding-left: 10px;
	border-left:solid 10px #005bab;
	margin-bottom: 12px;
	font-size:95%;
}
#s3 {
	background: #005bab;
	overflow: hidden;
}
#s3 figure{
	width: 50%;
	line-height: 0.8;
}
#s3 .f-left-pc{
	width: 50%;
	padding: 20px 30px;
}
#s3 h2{
	padding-bottom:10px;
	color: #fff;
	text-align: center;
	font-size:200%;
}
#s3 h3{
	padding: 10px 20px;
	background: #fff;
	color: #005bab;
	margin-bottom: 10px;
	font-size:120%;
	text-align:center;
}
#s3 p{
	color: #fff;
}


#topbox {
	background: #F0F0F0;
	overflow: hidden;
}

#topbox2 {
	background: #000;
	overflow: hidden;
}


#topbox h2{
	padding:10px 0 0 0;
	color: #005BAB;
	text-align: center;
	font-size:110%;
}
#topbox h3{
	padding: 10px;
	background: #005bab;
	color: #fff;
	font-size:100%;
	text-align:center;
}
#topbox p{
	color: #005BAB;
		font-size:90%;
}

.topimg{float:left;padding:5px 0 10px 0; width:240px; }
.topimg2{float:right;padding:5px 0 10px 0; width:240px; }
.topimg3{float:left;padding:0px;}
.topimg4{float:left;padding:0px;}
.topimg5{float:left;padding:0px;}

.topbox{width:980px; margin:0 auto; color:#005BAB;}
.topmain{width:980px; min-height:190px;margin:30px 30px 0 0;padding:0px; float:left;}
.top01{width:470px; min-height:190px;margin:30px 35px 0 0; background:#FFF; padding:10px 10px 0px 10px;}
.top02{width:470px;  min-height:190px;margin:30px 0 0 0; background:#FFF; padding:10px 10px 0px 10px;}
.top03{width:470px; min-height:190px;margin:30px 35px 0 0; background:#FFF; padding:10px 10px 0px 10px;}
.top04{width:470px; min-height:190px;margin:30px 0 0 0;  background:#FFF; padding:10px 10px 0px 10px;}
.top05{width:470px;  min-height:190px;margin:30px 35px 0 0; background:#FFF; padding:10px 10px 0px 10px;}
.top06{width:470px; min-height:190px;margin:30px 0 0 0;  background:#FFF; padding:10px 10px 0px 10px;}

.topbox a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";}

.topcontents {
	overflow: hidden;
}
.topcontents h2{
	color: #005bab;
	font-style: italic;
	font-size:200%;
}
.topcontents figure{
	width: 35%;
	padding:5px 50px 0px 50px;
	background:  #005bab;
	text-align: center;
}

.topcontents figure img{
	width:auto;
	height:250px;
}
.topcontents div{
	width:65%;
	padding:20px 70px 20px 30px;
}
.topcontents h3{
	display: inline-block;
	padding: 3px 20px;
background: rgb(0,128,119); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,128,119,1) 1%, rgba(0,156,132,1) 100%, rgba(0,91,171,1) 100%, rgba(0,128,119,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,128,119,1) 1%,rgba(0,156,132,1) 100%,rgba(0,91,171,1) 100%,rgba(0,128,119,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,128,119,1) 1%,rgba(0,156,132,1) 100%,rgba(0,91,171,1) 100%,rgba(0,128,119,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008077', endColorstr='#008077',GradientType=0 ); /* IE6-9 */
	color: #fff;
}
.topstyle02{
	background: #f0f0f0;
	overflow: hidden;
}
.topcontents2 {
	overflow: hidden;
}
.topcontents2 h2{
	color: #005bab;
	font-style: italic;
	font-size:200%;
}
.topcontents2 figure{
	width: 35%;
	padding:0px 0px;
	background:  #fff;
	text-align: center;
}

.topcontents2 figure img{
	width:auto;
	height:250px;
}
.topcontents2 div{
	width:65%;
	padding:20px 70px 20px 30px;
}
.topcontents2 h3{
	display: inline-block;
	padding: 3px 20px;
background: rgb(0,128,119); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,128,119,1) 1%, rgba(0,156,132,1) 100%, rgba(0,91,171,1) 100%, rgba(0,128,119,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,128,119,1) 1%,rgba(0,156,132,1) 100%,rgba(0,91,171,1) 100%,rgba(0,128,119,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,128,119,1) 1%,rgba(0,156,132,1) 100%,rgba(0,91,171,1) 100%,rgba(0,128,119,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#008077', endColorstr='#008077',GradientType=0 ); /* IE6-9 */
	color: #fff;
}

.more a{
	float:left;
	width:190px;
	display: block;
	padding: 0px;
	background:  #005BAB;
	color: #fff;
	font-size:120%;
	text-align: center;
	text-decoration: none;
	border:1px solid #7e8583;
	margin:0 0 0 10px;
}
.more a:hover{
	display: block;
	padding: 0px 10px;
	background: #FFF;
	color:  #005BAB;
	font-size:120%;
	text-align: center;
	text-decoration: none;
	border:1px solid #7e8583;
}

.more2 a{
	float:right;
	width:190px;
	display: block;
	padding: 0px;
	background:  #005BAB;
	color: #fff;
	font-size:120%;
	text-align: center;
	text-decoration: none;
	border:1px solid #7e8583;
	margin:0 10px 0 0;
}
.more2 a:hover{
	display: block;
	padding: 0px 10px;
	background: #FFF;
	color:  #005BAB;
	font-size:120%;
	text-align: center;
	text-decoration: none;
	border:1px solid #005BAB;
}

.recruitlist li a{
	float: left;
	padding: 5px;
	width:33.3%;
	display: block;
	border:solid 1px #005bab;
	text-align: center;
	color: #005bab;
	text-decoration: none;
	transition: .5s ;
	margin: 0 20px;
}

.recruitlist dd a{
	float: left;
	padding: 5px;
	width:33.3%;
	text-align: center;
}

.recruitlist dd a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.recruitlist li:first-child a,.recruitlist li:nth-child(2) a{
	
}
.recruitlist li a:hover{
	background: #005bab;
	color: #fff;
}




.recruitlist2 dd a{
	float: left;
	padding: 0px;
	width:49%;
	text-align: center;
	margin:0;
}

.recruitlist2 dt a{
	float: right;
	padding: 0px;
	width:49%;
	text-align: center;
	margin:0;
}

.recruitlist2 dd a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.recruitlist2 li:first-child a,.recruitlist li:nth-child(2) a{

}
.recruitlist2 li a:hover{
	background: #005bab;
	color: #fff;
}

.recruitlist3 li a{
	float: left;
	padding: 5px;
	width:33.3%;
	display: block;
	border:solid 1px #005bab;
	text-align: center;
	color: #005bab;
	text-decoration: none;
	transition: .5s ;
}

.recruitlist3 dd a{
	float: left;
	padding: 5px;
	width:33.3%;
	text-align: center;
}

.recruitlist3 dd a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.recruitlist3 li a:hover{
	background: #005bab;
	color: #fff;
}

.shop_name{
    display: inline-block;
    width: 12em;
    margin-right: 1em;
}


.linkbox li{
	padding: 10px;
}
.linkbox li img{
	margin-right: 20px;
	vertical-align: -12px;
}
.sitemap li{
	padding: 5px;
	padding-left: 25px;
	background: url(images/list01.png) no-repeat 0px 15px;
	margin-bottom: 10px;
}
.sitemap li li{
	font-size:90%;
		margin-bottom: 0px;
}
.sitemap li a{
	color: #4286cc;
	text-decoration: underline;
	font-weight: bold;
}
.sitemap li li a{
	font-weight: normal;
}
.workimg01{
	max-width:300px;
	height:auto;
	margin-left: 20px;
}
.worklink01 li{
	float:left;
	width:50%;
	padding: 10px;
	text-align: center;
	font-size:90%;
}
.worklink01 li:nth-child(odd){
	clear: both;
}
.worklink01 li img{
	display: block;
	margin: 0 auto;
}
.workbox{
	width: 60%;
	font-size:80%;
	background: #d8effc;
	padding: 10px;
	border-radius: 8px;
}
.workbox span{
	text-align: center;
	display:block;
	background: #005bac;
	width: 100px;
	color: #fff;
}
.workbox2{
	overflow: hidden;
	font-size:80%;
	background: #d8effc;
	padding: 10px;
	border-radius: 8px;
}
.workbox2 h4{
	margin: 0 auto;
	margin-bottom: 10px;
	text-align: center;
	width:150px;
	background: #005bac;
	color: #fff;
}
.workbox2 p{
	float: left;
	width:50%;
}
.workbox2 img{
	margin-left: 2%;
	width: 48%;
}
.workbox3{
	overflow: hidden;
	font-size:80%;
	background: #d8effc;
	padding: 10px;
	border-radius: 8px;
}
.workbox3 h4{
	margin: 0 auto;
	margin-bottom: 10px;
	text-align: center;
	width:150px;
	background: #005bac;
	color: #fff;
}
.workbox3 p{
	float: left;
	width:100%;
}
.workbox3 img{
	margin-left: 2%;
	width: 38%;
}
.workimg02{
	margin-top: 10px;
	width: 470px;
}

/*採用ページ*/
.reback{background: #f0f0f0;}

.recruitbox{width:980px; margin:0 auto;}

.recruitbox li{ clear:both;border-bottom:1px solid #0C3793; padding:10px 0 0 0;}
.recruitbox dl{ float:left; margin:0 50px 0 0;}
.recruitbox dd{ padding:5px; font-weight:bold; color:#0B3692;}
.recruitbox dt{ padding:5px; font-weight:bold;}
.reb{ padding:5px; font-weight:bold; color:#0B3692;}
.reg{ padding:5px; font-weight:bold;}

.re-step{background:#1A98A6;color:#fff;font-weight:bold; margin:0; padding:8px;}
.re-step2{ text-align:center;}


.rc-left{width:50%;}
.rc-right{ float:right;width:400px; padding:0; margin:0; background:#F0F0F0;}
.reback h2{ padding:0 0 0 20px;
color: #005bab;
	font-style: italic;
	font-size:200%;}
.reback li{border-bottom:1px solid #ddd;padding:0 0 0 20px;}
.reback dd{padding:10px 0;}
.reback dt{padding:0;}

/*事業内容*/
.jaepo dd{float:left; width:280px; margin:0 20px 0 0; text-align:center;}

.jaepo2 dd{float:left; width:50%; margin:0; text-align:center;}

/*会社概要*/
.enkaku li{ border-bottom:1px solid #ddd; padding:5px 0; clear:both;}
.enkaku dd{width:150px;float:left; color:#005BAB;}

/*ヨゴリーノページ*/
.yomenu{width:45%; float:left; padding:30px 0; margin:0 0 0 30px;}
.waku{ float:left; margin:20px 0 20px 30px; padding:5px; text-align:center;}
.waku_02{ border:1px solid #ccc; float:left; margin:20px 0 20px 30px;}
.yogomenubox{
    display: flex;
    justify-content: center;
    gap:2em;
    flex-wrap: wrap;
    padding-top: 2em;
}
.yogomenubox .w100{
    width: 100%;
    text-align: center;
}

/*レンタルページ*/
#rentastaff dl{float:left; border-bottom:1px solid #005BAC; margin: 10px 60px 0 0; border-left:5px solid #005BAC; width:45%;}
#rentastaff li{ list-style:none; letter-spacing:3px; padding: 0px 10px;}

/*お問い合わせページ*/
.form-dl01 dt{
	clear:both;
	width:25%;
	float:left;
}
.form-dl01 dd{
	margin-bottom:20px;
	margin-left:26%;
	min-height:1em;
}
.form-dl01 input[type=text]{
	width:98%;
	padding:10px;
	border:solid 1px #ccc;
}
.tenpo select{
	  -moz-appearance: menulist;
  -webkit-appearance: menulist;
	width:98%;
	padding:10px;
	border:solid 1px #ccc;
}
.tenpo select::-ms-expand {
    display: block;
}

.form-dl01 textarea{
	width:98%;
	height:100px;
	padding:10px;
	border:solid 1px #ccc;
}
.submitbtn{
    padding:10px;
	border:none;
	background:#005bab;
	font-size:130%;
	width:250px;
	text-align:center;
	color:#fff;
}
.back{
    padding:10px;
    margin-right:10px;
	border:none;
	background:#ccc;
	font-size:130%;
	width:250px;
	text-align:center;
	color:#fff;
}
.back:hover,.submitbtn:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.workboxleft{ float:left; width:300px; padding:5px;}


/*部品発注ページ*/

.buhincontainer{
	margin: 0 auto;
	max-width: 60%;
	overflow: hidden;
}
.inputtitle{
	width:100%;
	margin: 20px 0 10px 0;
	padding: 0 5%;
}
.inputnaiyou{
	margin-bottom:20px;
	margin-left:26%;
	min-height:1em;
	margin: 5px 0;
	padding: 0 5%;
}
.inputnaiyou input[type=text]{
	width:80%;
	padding:10px;
	border:solid 1px #ccc;
}

.form-dl02,.form-dl03{margin-bottom: 50px;}

.buhins0 input[type=text]{
	width:80%;
	padding:10px;
	border:solid 1px #ccc;
}
.buhins input[type=text]{
	width:10%;
	margin-left: 20px;
	padding:10px;
	border:solid 1px #ccc;
}
.buhins0 select{
	  -moz-appearance: menulist;
  -webkit-appearance: menulist;
	width:80%;
	padding:10px 0;
	border:solid 1px #ccc;
}
.buhins0 select::-ms-expand {
    display: block;
}
.buhins select{
	  -moz-appearance: menulist;
  -webkit-appearance: menulist;
	width:80%;
	padding:10px 0;
	border:solid 1px #ccc;
}
.buhins select::-ms-expand {
    display: block;
}
.buhinstitle{
	padding: 10px;
	background: rgba(0,91,171,0.2);
}
#number{
	width:80%;
	padding:10px;
	border:solid 1px #ccc;
}





/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
↑pcサイズ
----------------------------------
↓タブレットサイズ
●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
@media screen and (max-width: 980px){

.container2,.container3{
		padding: 10px;
	}
.buhincontainer{
		padding: 10px;
	}
	#s3 figure,#s3 .f-left-pc{
		width:100%;
	}
	#s3 .f-left-pc{
		padding:10px;
	}
	#s3 h3{
	font-size:100%;
	}
	.topcontents figure{
		width:100%;
		padding:0;
		background:none;
	}
	.topcontents div{
		width:100%;
		padding:20px;
	}
	.topcontents2 figure{
		width:100%;
		padding:0;
		background:none;
	}
	.topcontents2 div{
		width:100%;
		padding:20px;
	}
	.more a{
		margin:0 auto;
	}
.topstyle02{
		padding-bottom:20px;
	}
	/*レンタルページ*/
#rentastaff dl{float:left; border-bottom:1px solid #005BAC; margin: 10px auto; border-left:5px solid #005BAC; width:90%}
#rentastaff li{ list-style:none; letter-spacing:3px; padding: 0px 10px; float:left;}

}


@media screen and (min-width: 680px) and (max-width: 979px) {
.tb-dnon{
	display:none;
}
.pc-dnon2{
	display:block;
}
#s1,#s2{
		float:none;
		width:100%;
		margin-left:0;
	margin-right: 0;
		margin-bottom: 10px;
	}
	.slider .topimagetxt{
		top:10%;
		margin-top: 0;
	}
	.slider .topimagetxt img{
		width:250px;
	}
	.rc-left{width:100%;}
.rc-right{ float:right;width:100%; padding:0; margin:0; background:#F0F0F0;}
}

/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●
↑タブレットサイズ
----------------------------------
↓spサイズ
●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
@media screen and (min-width: 680px){


}

@media screen and (max-width: 679px) {
	body{
		font-size:14px;
	}
	
/*----------共通------------*/	
.sp-dnon {
    display: none;
}
.pc-dnon,.pc-dnon2{
    display:  block;
}
.pc-dnon3{
    display:  none;
}


/*margin padding変更*/
.txt18-s { font-size: 120% !important; }
.txt20-s { font-size: 120% !important; }
.txt22-s { font-size: 120% !important; }
.m10b-s { margin-bottom: 5px !important; }
.m20b-s { margin-bottom: 10px !important; }
.m30b-s { margin-bottom: 15px !important; }
.m40b-s { margin-bottom: 20px !important; }
.m50b-s { margin-bottom: 25px !important; }
.m60b-s { margin-bottom: 30px !important; }
.m70b-s { margin-bottom: 35px !important; }
.m100b-s { margin-bottom: 50px !important; }
.m01-s{margin:0 5px;}
.p01-s { padding: 0px 10px !important; }
.p10l-s{margin-left:0px !important}
.cen-pc{text-align: left;}
.sp-blk{display: block;margin-left:auto;margin-right: auto;}
.f-left-pc, .f-right-pc{
    float: none;
}
	.table01 th,.table01 td{
		display: block;
	}
/*ヘッダー*/

header h1{
	width:100%;
	float: none;
	text-align:center;
}
header h1 img:last-child{
	margin-left:0;
	vertical-align:0;
	}
	header .top-contact a{
		display: none;
	}
	#topnav{
		padding-top: 5px;
	}
#topnav ul{
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
}
#topnav ul li{
	border-bottom: solid 1px #005bab;
	display: block;
	color: #005bab;
	width: 50%;
	border:solid 1px #005bab;
	a{
		display: block;
		width: 100%;
		height: 100%;
		padding-top: 10px;
	}
}
	#topnav ul li:nth-child(5){
		border-bottom: solid  1px #fff;
		width: 100%;
	}
	.top-contact-sp {
		display: block;
	}
.top-contact-sp a{
	border-bottom: solid 1px #fff;
	overflow: hidden;
		clear: both;
	padding: 10px;
	display: block;
	background: #005bab;
	text-align: center;
	color: #fff;
	text-decoration: none;	
	line-height: 1;
	}
	.top-contact-sp a span{
		display: block;
		text-align:center;
		margin-top:5px;
		font-size:80%;
	}
/*フッター*/
	.foot-left{
		width:100%;
		text-align:center;
	}
	.foot-right{
		width:100%;
	}
	.foot-right h2{
		padding:10px;
		font-size:100%;
	}
	footer ul{
		padding:0 20px;
	}
	footer ul li{
		float: none;
		width:100%;
		font-size:90%;
	}
	#copy{
		font-size:70%;
		letter-spacing:0px;
	}
/*トップページ*/	
	.slider .topimagetxt{
		margin-top: -60px;
	}
	.slider .topimagetxt img{
		max-height:120px;
	}
	#s1{
		float:none;
		width:100%;
		margin-left:0;
		margin-bottom: 10px;
	}
	#s2 ul{
		padding: 10px;
	}
	#s1 ul li dt{
		width:120px;

	}
	#s1 ul li dd{
		margin-left:130px;
	}
	#s2{
		float:none;
		width:100%;
		margin-right:0;
	}
	#s2 h2{
		padding: 10px;

	}
.workbox {
    width: 100%;
	}
.workbox2 img,.workbox2 p,.workbox3 img,.workbox3 p{
margin-left: 0;
	margin-bottom: 5px;
width:100%;
	}
.form-dl01 dt{
	clear:both;
	width:100%;
	float:none;
}
.form-dl01 dd{
	margin-bottom:20px;
	margin-left:0%;
	min-height:1em;
}
	.submitbtn{
		margin: 0 1%;
	width:48%;
}
.back{
	width:48%;
		margin: 0 1%;
}
.smpdone{display:none;}
.enkaku li{ border-bottom:1px solid #ddd; padding:5px 0; clear:both;}
.enkaku dd{width:150px;float:none; color:#005BAB;}
.rc-left{width:100%;}
.rc-right{ float:right;width:100%; padding:0; margin:0; background:#F0F0F0;}

.topmain{width:470px; min-height:190px;margin:30px 30px 0 0;padding:0px; float:none; text-align:center;}
.top01{width:470px; min-height:210px;margin:30px 35px 0 0; background:#FFF; padding:10px 10px 0px 10px;}
.top02{width:470px;  min-height:210px;margin:30px 0 0 0; background:#FFF; padding:10px 10px 0px 10px;}
.top03{width:470px; min-height:210px;margin:30px 35px 0 0; background:#FFF; padding:10px 10px 0px 10px;}
.top04{width:470px; min-height:210px;margin:30px 0 0 0;  background:#FFF; padding:10px 10px 0px 10px;}
.top05{width:470px;  min-height:210px;margin:30px 35px 0 0; background:#FFF; padding:10px 10px 0px 10px;}
.top06{width:470px; min-height:210px;margin:30px 0 0 0;  background:#FFF; padding:10px 10px 0px 10px;}
.topimg3{float:none;width:470px; padding:0px; margin:0 auto; text-align:center; background:#005BAB;}
.topimg4{float:none;width:470px; padding:8px 0px 0px 0px; margin:0 auto; text-align:center;}
.topimg5{float:none;width:470px;  padding:8px 0px 0px 0px; margin:0 auto; text-align:center; background:#005BAB;}

.yomenu{width:100%; float:none; padding:10px 0; margin:0px; text-align:center;}
.fcl{ clear:both;}
.fcl2{ clear:both; float:none;width:100%; text-align:center; margin:0 0 0 140px;}
	

	/*部品発注ページ*/
.buhincontainer{
	margin: 0 auto;
	max-width: 95%;
	overflow: hidden;
}
.form-dl02 p{
	text-align: left;
	width: 98%;
}
.form-dl02 input[type=text]{
	width:98%;
	margin-left: 0;
}
.buhins0 input[type=text]{
	width:98%;
	padding:10px;
	border:solid 1px #ccc;
}
.buhins input[type=text]{
	width:20%;
	margin: 5px 0 10px 0;
	padding:10px;
	border:solid 1px #ccc;
}
.buhins0 select{
	  -moz-appearance: menulist;
  -webkit-appearance: menulist;
	width:98%;
	padding:10px 0;
	border:solid 1px #ccc;
}
.buhins0 select::-ms-expand {
    display: block;
}
.buhins select{
	  -moz-appearance: menulist;
  -webkit-appearance: menulist;
	width:98%;
	padding:10px 0;
	border:solid 1px #ccc;
}
.buhins select::-ms-expand {
    display: block;
}
#number{
	width:98%;
	padding:10px;
	border:solid 1px #ccc;
}


}