@charset "UTF-8";
/* CSS Document */

#wrap {
	margin-right: auto;
	margin-left: auto;
	height: auto;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	overflow: hidden;
	line-height: 18px;
	font-size: 12px;
	text-align: left;
}
#head {
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#tophead {
	/*clear: both;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../../img/mainimage01.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: cover;*/
	min-height: 320px;
	/*position: relative;*/
}
#headwrap {
	clear: both;
}
#topcatch{
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -140px;
	padding-top: 30px;
}
#topcatch img{
	width: 280px;
	height: auto;
}
#logo {
	float: none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 0px;
	position: absolute;
	left: 0px;
}
#logo h1{
		position:absolute;
	z-index:6000;
}
#telwrap {
	text-align: center;
	float: none;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.telnum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
}

#navwrap, #nav02 {
	display:none;
}
#navwrap02 {
	clear: both;
	width: 100%;
	display: block;
	visibility: visible;
	width:100%;
	min-width:320px;
	margin-bottom: 10px;
	position: fixed;
	z-index: 2000;
}
#nav
			{
	position: relative;
	top: auto;
	left: auto;
	z-index: 3000;
	width:100%;
	min-width:320px;
	display: block;
			}
				#nav > a
				{
	width: 40px; /* 50 */
	height: 40px; /* 50 */
	text-align: left;
	text-indent: -9999px;
	position: relative;
	display: none;
	background-image: url(../img/menu_sp.png);
	background-size:40px 40px;
	background-position: right;
	margin-right: 0px;
	margin-left: auto;
				}
					#nav > a:before,
					#nav > a:after
					{
	text-indent: -9999px;
					}
					#nav > a:after
					{
	text-indent: -9999px;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
	display: block;
	text-indent: -9999px;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
	width: 100%;
	float: none;
	background-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
	min-width:320px;
				}
					#nav > ul > li > a
					{
	height: auto;
	text-align: left; /* 20 (24) */
	color: #1A1A1A;
	font-family: Corbel;
	font-weight: bold;
	text-decoration: none;
	width: 150px;
	padding: 10px;
	display:block;
					}
						#nav > ul > li:not( :last-child ) > a
						{
	border-right-style: none;
	width: 150px;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}

#mainimage {
	clear: both;
	width: 100%;
	height: 200px;
	margin-right: auto;
	margin-left: auto;
}
#mainimage h2{
	text-align: center;
	padding-top: 60px;
	margin-right: auto;
	margin-left: auto;
	height: auto;
}
#mainimage h2 img{
	height: 60px;
	width: auto;
}
.company{
	/*background-image: url(../../about/img/mainimage.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	position: relative;*/
	left: 0px;
	top: 0px;
}
#bread{
	background-color: #E6E6E6;
	clear: both;
	width: 100%;
	position: static;
	height: auto;
}

#breadlist{
	/*width: 96%;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 2%;
	padding-left: 2%;*/
	padding: 12px 20px;
}
#breadlist .list, #breadlist .list a{
	font-size: 0.8rem;
	line-height: 14px;
	padding: 0px;
	color: #555;
}
#cont {
	clear: both;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	height: 100%;
	padding-top: 20px;
	z-index: 0;
	padding-right: 0px;
	padding-left: 0px;
}
#cocont {
	clear: both;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	height: 100%;
	padding-top: 20px;
	z-index: 0;
	padding-right: 0px;
	padding-left: 0px;
}
#main{
	float: none;
	width: 96%;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	padding: 2%;
}
#side{
	float: none;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
#banner{
	margin-right: auto;
	margin-left: auto;
	clear: both;
	margin-bottom: 50px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.ban_l{
	float: none;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	display: block;/*inline-block*/
	width: 90%;
}
.ban_r{
	float: none;
	margin-right: auto;
	margin-left: auto;
	display: block;/*inline-block*/
	width: 90%;
}
.ban_l img ,.ban_r img {
	width: 100%;
	height: auto;
}
.spimg img ,.midashi img{
	width: 300px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	float: none;
}
#way{
	clear: both;
	margin-bottom: 50px;
	background-image: url(../../img/mainimage02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 40px;
	padding-bottom: 30px;
	background-size:cover;
}
#way .inbox{
	clear: both;
	width: 300px;
	margin-right: auto;
	margin-left: auto;
}
#news{
	clear: both;
	margin-bottom: 50px;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7A7A7A;}
#news .inbox, #brand .inbox{
	clear: both;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
}
#news .newsbox{
	float: none;
	width: 49%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	display: inline-block;
	vertical-align: top;
	height: 290px;
}
#news .newsbox img{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
#news .newsbox:last-child{
	margin-right: auto;}
#news .date{
	font-size: 12px;
	font-weight: bold;
}
#news .newstitle{
	font-size: 12px;
	font-weight: bold;
}
#news .more{
	font-size: 12px;
	line-height: 14px;
	color: #898989;
	background-image: url(../img/arrow02.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
.morebtn{
	clear: both;
	/*text-align: right;*/
}
	
#brand{}
ul.brandlist  {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	overflow: hidden;
	font-size: 16px;
	text-align: center;
}
ul.brandlist li {
	text-align: center;
	flex-basis: 30%;
	margin-bottom: 20px;
	width: 30%;
	display: inline-block;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}
ul.brandlist li img {
	width: 90%;
	height: auto;
}

#cocont ul.brandlist  {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	overflow: hidden;
	font-size: 16px;
	text-align: center;
}
#cocont ul.brandlist li {
	text-align: center;
	flex-basis: 30%;
	margin-bottom: 20px;
	width: 30%;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	background-size: 5px auto;
}
#footwrap {
	clear: both;
	overflow: hidden;
	height: auto;
}
#footnav{
	clear: both;
	overflow: hidden;
	/*background-color: #DCDDDD;*/
	padding: 10px;
	font-size: 8px;
	/*display: none;*/
}
#fortop{
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	clear: both;
	position: fixed;
	z-index: 100;
	height: 24px;
	width: 35px;
	right: 0px;
	bottom: 100px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #D6D6D6;
	border-bottom-color: #D6D6D6;
	border-left-color: #D6D6D6;
	background-color: #FFF;
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 5px;
	padding-left: 2px;
}
#fortop img{
	width:35px;
	height:24px;
}
#foot {
	text-align: center;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	font-size: 10px;
	line-height: 16px;
}
#news {
	width: 100%;
	margin-bottom: 30px;
}
#news table {
	border-collapse:collapse;
	font-size: 12px;
	margin-top: 5px;
	width: 100%;
}
#news th {
	font-size: 12px;
	line-height: 20px;
	text-align: left;
	vertical-align: top;
	padding-right: 5px;
	background-image: url(../img/list.gif);
	background-repeat: no-repeat;
	background-position: 0 16px;
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
	display: block;
}
#news td {
	font-size: 12px;
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
	display: block;
}
#news .box01 {
	clear: both;
	overflow: auto;
	height: 240px;
	padding-right: 20px;
}
#sidelist li{
	font-size: 12px;
	line-height: 16px;
	background-image: url(../img/arrow.png);
	background-repeat: no-repeat;
	background-position: left 16px;
	padding-left: 12px;
	padding-top: 16px;
	padding-bottom: 16px;
}
.sidelist  a {
	color: #EB6D51;
	text-decoration: none;
}
.access {
	clear: both;
	width: 100%;
	padding-bottom: 40px;
	margin-right: auto;
	margin-left: auto;
}
.access iframe{
	width: 100%;}
.sign img{
	width: 100%;
}

.photo300_l{
	float: none;
	width: 300px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}
.photo_tate{
	float: none;
	width: 300px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}
.photo185_l{
	float: none;
	width: 185px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
}
.midashi {
	clear: both;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 16px;
	line-height: 26px;
	color: #604C3F;
	text-align: center;
	margin-bottom: 30px;
}
.midashi img{
	height: 30px;
	width: auto;
}
.midashi02 {
	background-repeat: no-repeat;
	font-size: 16px;
	line-height: 24px;
	clear: both;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7A7A7A;
	text-align: center;
}
.midasi_under{
	text-align: center;
	font-size: 16px;
	line-height: 28px;
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	padding-top: 4px;
	padding-bottom: 4px;
}
.midasi_brand{
	font-size: 20px;
	line-height: 34px;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000000;
	padding-top: 10px;
	text-align: left;
	margin-top: 30px;
	margin-bottom: 30px;
}
.midasi_brand img{
	vertical-align: middle;
	padding-right: 20px;
	height: 100px;
	width: 100px;
}
.arrow_box {
	position: relative;
	background: #ffffff;
	border: 1px solid #00A098;
	font-size: 14px;
	line-height: 16px;
	color: #00A098;
	text-align: center;
	padding-top: 10px;
	padding-bottom:10px;
	margin-bottom: 30px;
	margin-right: 0px;
	margin-left: 0px;
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 16px;
	margin-left: -16px;
}
.arrow_box:before {
	border-color: rgba(0, 160, 152, 0);
	border-top-color: #00A098;
	border-width: 17px;
	margin-left: -17px;
}
.komidashi {
	line-height: 20px;
	background-image: url(../img/list04.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	font-size: 14px;
}
.txtbox {
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}
.linebox {
	clear: both;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 0px;
	padding-top: 9px;
	padding-right: 9px;
	padding-left: 9px;
	border: 1px solid #36F;
	margin-bottom: 30px;
}
.centerphoto {
	text-align: center;
	clear: both;
	padding-bottom: 30px;
	width:100%;
}
.centerphoto img {
	width:100%;
	height:auto;
}
.centertxt {
	text-align: left;
	clear: both;
}
.history_midasi{
	color: #FFFFFF;
	background-color: #00A098;
	text-align: center;
	clear: both;
	margin-bottom: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.history_txt{
	text-align: center;
	clear: both;
	margin-bottom: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.tbl {
	width: 100%;
	margin-bottom: 40px;
	clear: both;
}
.tbl th {
	padding: 8px;
	width: auto;
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	color: #00A098;
	display: block;
}
.tbl td {
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	background-color: #FFFFFF;
	padding: 8px;
	display: block;
}
.exh_tbl {
	width: 100%;
	margin-bottom: 50px;
	clear: both;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #00A098;
	margin-right: auto;
	margin-left: auto;
}
.exh_tbl tr:nth-child(even){
	background-color: rgba(0,160,152,0.1);
}
.exh_tbl th {
	padding: 8px;
	width: 20%;
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #00A098;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
}
.exh_tbl td {
	text-align: left;
	vertical-align: top;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00A098;
	padding: 8px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #00A098;
}

.pagetop {
	text-align: right;
	clear: both;
	padding-bottom: 50px;
	font-size: 12px;
	line-height: 20px;
	color: #F15A24;
}

.txt_l400{
	width: 100%;
	float: none;
	padding-right: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 0px;
}
.txt_r400 {
	float: none;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}

.txt_r60{
	float: none;
	padding-right: 0px;
	padding-left: 0px;
	margin: 20px auto 0;
	width: 100%;
	text-align: left;
}


.checklist{
	text-align: center;
}
.checklist li:before{
	content: " ";
	background-image: url(../img/check.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
}

.shaze {
    display: initial;
}

.greenbox{
	float: none;
	width: 260px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	background-color: #00A098;
	padding: 20px;
	border-radius: 10px;
	color: #FFFFFF;
	text-align: center;
}

.greenbox:first-child {
    margin-left: auto;
}

.zeromail .small {font-size:80%;}
.zeromail textarea, .zeromail input{
	width: 95%;
}
.zeromail input.form03{
	width: 10%;}
	
.copy{
	text-align: center;
	position: relative;
	right: auto;
	top: auto;
	padding-bottom: 8px;
}
.ban_l02 {
	width: 48%;
	margin-left: auto;
	margin-right: auto;
	display: block;
	float: none;
}
.ban_l02 img {
	width: 100%;
	height: auto;
}
.pc-none {
	display: block;
}
.sp-none {
	display: none;
}