@charset "UTF-8";

/**
 * 1.0 - Reset
 *
 */

html, body {
	border: 0;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
  -webkit-text-size-adjust: 100%;
}
p {background-image:url(image);}

/***************************************


02-初期設定


****************************************/
html {
	width: 100%;
	box-sizing: border-box;
}

html,body{ /*footerを常に下対策用*/
     height:100%;
}


#wrap {
	width: 100%;
	position: relative;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
	overflow: hidden;
	box-sizing: border-box;
}
#fade {
    display: none;
}

div, p {
  font-size: 14px;
  line-height: 200%;
  color: #000000;
  letter-spacing: 0.1em;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}


ol,
ul,
li {
	list-style: none;
	padding: 0;
	margin: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

a:link,
a:hover,
a:active,
a:visited {
	outline: 0;
	text-decoration: none;
	color: #000000;

}

a img {
	border: 0;
	text-decoration: none;
	padding: 0;
	margin: 0;
}

a img.fade {  
    -webkit-transition: 0.6s ease-in-out;  
       -moz-transition: 0.6s ease-in-out;  
         -o-transition: 0.6s ease-in-out;  
            transition: 0.6s ease-in-out;  
}  
a img.fade:hover {  
    opacity: 0.4;  
    filter: alpha(opacity=60);  
}


h1, h2, h3, h4, hr {
	padding: 0;
	margin: 0;	
}

.clear {
	clear:both;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*/
     /*/
height: auto;
overflow: hidden;
/**/
}




/***************************************


03-汎用スタイルy


****************************************/
/* --▼margin-------------------- */
/*top*/
.mt05 {
  margin-top: 5px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt100 {
  margin-top: 100px !important;
}
.mt120 {
  margin-top: 120px !important;
}
.mt160 {
  margin-top: 160px !important;
}

/*bottom*/
.mb00 {
  margin-bottom: 0 !important;
}

.mb05 {
  margin-bottom: 5px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

/*right*/
.mr00 {
  margin-right: 0 !important;
}

.mr05 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}
.mr12 {
  margin-right: 12px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mr70 {
  margin-right: 70px !important;
}

.mr80 {
  margin-right: 80px !important;
}

.mr90 {
  margin-right: 90px !important;
}

.mr100 {
  margin-right: 100px !important;
}
.mtb40 { margin: 40px 0;}
.mtb50 { margin: 50px 0;}
.mtb60 { margin: 60px 0;}
.mtb80 { margin: 80px 0;}



/**
 * 3.0 Typography
 */


strong {
	font-weight: bold;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}
a.underline {
	text-decoration: underline;
}
h3 {
	margin: 0;
	padding: 0;
	font-size: 22px;
	font-weight: bold;
}
h4.midashi {
	width: 100%;
	height: 36px;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 20px 0;
	position:relative;
	padding-left: 46px;
}
h4.midashi:before {
	content : url(images/common/maru.png) ;
    position:absolute;
	display: block;
    float: left;
    left: 0;
}
h4.midashi:after {
    float: none;
    clear: both;
}

.font12 {	font-size: 12px;}
.font14 {	font-size: 14px;}
.font16 {	font-size: 16px;}
.font18 {	font-size: 18px;}
.font20 {	font-size: 20px;}

.fwb {
	font-weight: bold;
}

.note {
	font-size: 12px;
	padding-top: 10px;
}
/**
 * 4.0 Elements
 */


ul {
	list-style: none;
	padding:0;
}


li > ul {
	margin-bottom: 0;
}

dl {
	margin-bottom: 1.6em;
}

dt {
	font-weight: bold;
}

dd {
	margin-bottom: 1.6em;
}

table,
th,
td {
	border: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	table-layout: fixed; /* Prevents HTML tables from becoming too wide */
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th, td {
	padding: 1em;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle; 
}
/**
 * rollover
 */



img.grow a:hover {
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}
.effect img {
    transition: .8s;
}



/**
 * line
 */
#drawline {
	position: absolute;
	top: 0;
    width: 0;
    height: 10px;
    background-color: #333;
    z-index: 999;
}

/**
 * bxslider
 */
.bxslider {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	padding: 0;
	margin-top: 10px;
}
.bxslider img{
	width: 100%;
	margin: 0;
	padding: 0;
	height: auto;
}
.bx-wrapper .bx-viewport img {
	width: 100%;
	margin: 0;
	padding: 0;
	height: auto;
}

/**
 *  ぱんくず
 */
.pan {
	float: right;
	margin-top: 20px;
}
.pan p{
	font-size: 12px;
}
.pan p a:link{
	text-decoration: underline;
}
.pan {
    zoom: 100%;
}
.pan:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
/**
 *  Header
 */

#header {
	width: 100%;
	height: 138px;
	background-color: #fff;
	/*padding-top: 10px;*/
}
.logo {
	position: absolute;
	margin: 0 0 0 35px;
	width: 100%;
	height: 120px;
	padding-top: 22px;
}

.bannerarea {
	display: flex;
	z-index: 100;
	flex-direction: row-reverse;
	margin-top: 20px;
	position: absolute;
	right: 0;
}
.bannerarea div {
	width: 198px;
	margin-right: 5px;
}
.bannerarea div a {
	margin-bottom: 5px;
}
.bannerarea div a:hover img {
	width: 100%;
	height: auto;
	opacity: 0.7;
}
.bannerarea div a:hover {
	opacity: 0.8;
	transition: 0.5s;
}

.bannerarea div img {
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}

/* 
.topbtns {
	width: 198px;
	height: auto;
	float: right;
	right: 10px;
	display: block;
	margin-top: 20px;
	z-index: 100;
	position: absolute;
}
.topbtns img a{
	display: block;
	float: right;
	backface-visibility: hidden;
	background: none;
	z-index: 100;
	position: absolute;
	right:0;
}
.topbtns a img.open {
	width: 198px;
	height: 41px;
	display: block;
} */


/* 
.topbtns a.vege {
	width: 198px;
	height:300px;
} */
/* .topbtns a.vege:hover {
	opacity: 0.8
} */
/*.topbtns a:hover img{
	position: absolute;
	display: inline-block;
	backface-visibility: hidden;
	background: none;
	z-index: 100;
	visibility: hidden;
}*/
/*.topbtns a.fb{
	margin: 0 ;
	padding: 0;
	float: right;
	right: 0;
	position: absolute;
	display: block;
	z-index: 100;
	padding-left:10px;
}*/


/*.topbtns {
	width: 198px;
	height: 114px;
	right: 0;
	display: block;
	top: 20px;
	right: 10px;
	z-index: 100;
	position: absolute;
	overflow: hidden;
}
.topbtns a img{
	float: right;
	display: block;
	background: none;
}*/
/*.topbtns a.onlinebtn img{
	float: right;
	width: 198px;
	height: 62px;
	margin-bottom: 10px;
	display: block;
	backface-visibility: hidden;
	background: none;
	display: block;
	overflow: hidden;
}
.topbtns a.open img{
	float: right;
	width: 142px;
	height: 41px;
	backface-visibility: hidden;
	background: none;
	display: block;
	overflow: hidden;
}*/

/*.topbtns a.fb{
	margin: 0 ;
	padding: 0;
	float: right;
	right: 0;
	position: absolute;
	display: block;
	z-index: 100;
	padding-left:10px;
}*/
/*.topbtns a.fb img{
	margin: 0 ;
	padding: 0;
	float: right;
	right: 0;
	display: block;
	display: inline-block;
	z-index: 100;
}*/

/*.topbtns .moving a{
	margin: 0 ;
	padding: 0;
	float: left;
	display: inline-block;
	z-index: 100;
}*/

.btn_oubo a{
	width: 520px;
	height: 75px;
	display: block;
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 120px;
}


/**
 * global_navi
 */

#global-navi {
	width: 100%;
	height: auto;
	margin: 0 auto;
	border-bottom: 1px solid #c1c1c1;
	padding-bottom: 10px;
	margin-top: 30px;
}
#global-navi_top {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding-bottom: 10px;
	margin-top: 30px;
}
/*#global-navi_top ul,
 #global-navi ul {
	width: 980px;
	height: 60px;
	overflow: hidden;
	margin: 0 auto;
} */
#global-navi ul {
	width: 980px;
	height: 60px;
	overflow: hidden;
	margin: 0 auto;
}
#global-navi_top ul {
	width: 980px;
	height: 60px;
	overflow: hidden;
	padding: 0;
	margin: 0 auto;
}
#global-navi_top ul li,
#global-navi ul li {
	width: 122px;
	height: 60px;
	float: left;
	text-align: center;
	display: block;
	border-left: solid 1px #c1c1c1;
}
#global-navi_top ul li.about,
#global-navi ul li.about {
	width: 113px;
	height: 60px;
	float: left;
	text-align: center;
	display: block;
	border-left: none;
}
#global-navi_top ul li.contact,
#global-navi ul li.contact {
	width: 113px;
	height: 60px;
	float: left;
	text-align: right;
	display: block;
	border-right: none;
}

#global-navi_top ul li img,
#global-navi ul li img {
	text-align: center;
	margin: 0 auto;
}


/**
 * 8.0 Alignments
 */

.left {
	float: left;
}

.right {
	float: right;
}

.center {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

/**
 * lines
 */
hr.style-one {
    border-top: 1px solid #c4c4c4;
}

/**
 * 9.0 Clearings
 */


/**
 * common
 */
h3.subtitle {
	margin-bottom: 30px;
 }
h3.subtitle02 {
	margin-bottom: 30px;
	padding-top: 40px;
 }

.contents {
	width: 980px;
	margin: 0 auto;
	margin-bottom: 100px;
	overflow: hidden;
}
#gotop {
	width: 63px;
	height: 50px;
	position: fixed;
	right: 20px;
	bottom: 200px;
	z-index: 99999;
	display: block;
}

/*common/about以降*/
.leftbox {
	width: 180px;
	height: auto;
	float: left;
	/*background-color: #cdd0cd;*/
	margin-top: 50px;
	overflow: hidden;
	box-sizing: border-box;
}

.rightbox {
	width: 800px;
	height: auto;
	float: right;
	/*background-color: #768977;*/
	margin-top: 80px;
	overflow: hidden;
}
.rightbox02 {
	width: 800px;
	height: auto;
	float: right;
	/*background-color: #768977;*/
	margin-top: 40px;
	overflow: hidden;
}
/*.rightbox_topmg {
	width: 800px;
	float: left;
	margin-top: 20px;
}*/


/**
 * toppage
 */

.message {
	width: 698px;
	height: auto;
	margin: 0 auto;
}
.message img{
	width: 100%;
	height: auto;
	margin: 60px 0 30px 0;
	text-align: center;
}

.top_about {
	width: 980px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	margin:0;
}

.top_about h2.title_left {
	width: 100px;
	height: auto;
	float: left;
	padding: 0;
	margin:0;
}
.top_about ul{
	width: 875px;   
	height: 560px;
	float: right;
	margin-top: 40px;
	overflow: hidden;
}
.top_about ul li {
	width: 204px;
	height: 280px;
	float: left;
	margin-left: 14px;
	text-align: center;
}
.top_about ul li a{
	width: 204px;
	height: 160px;
	overflow: hidden;
	box-sizing: border-box;
}
.top_about ul li p {
	width: 98%;
	font-size: 12px;
	text-align: left;
	margin: 0 auto;
	line-height: 160%;
}
.top_about a {
	display: block;
	margin-bottom: 10px;
}
.top_about ul li img {
	margin: 0 0 6px 0;
}

.top_news {
	width: 860px;
	height: auto;
	margin-top: 80px;
	float: right;
	overflow: hidden;
	letter-spacing: 0.1em;
}
.top_news h2.title_right {
	width: 100px;
	height: auto;
	float: right;
	padding: 0;
	margin: 0;
}
.top_news table.news {
	width: 740px;
	height: auto;
	font-size: 14px;
	border-spacing: 0;
	border-collapse: collapse;
	table-layout: auto;
	float: left;
}
.top_news table.news tr {
	width: 100%;
	border-bottom: 1px dotted #231815;
}
.top_news table.news td a:link {
	text-decoration: underline;
}
.top_news table.news td a:hover {
	text-decoration: underline;
	color: #008181;
}
.btn_newsmore {
	width: 740px;
	height: auto;
	text-align: right;
}




.snsarea {
	width: 100%;
	height: 140px;
	padding-bottom: 240px; /*フッターの高さと同じ*/
	border-top: solid 1px #eeeeee;
	margin-bottom: 140px;
}
.snsarea .fbbtn,
.snsarea .fbbtn2{
	width: 50%;
	height: 140px;
	display: block;
	float:left;
	position:relative;
	box-sizing: border-box;
}
.snsarea .fbbtn {
	border-right: solid 1px #eeeeee;
	box-sizing: border-box;
}

.snsarea .fbbtn .fbbtn_in {
	width: 420px;
	height: 80px;
	top: 20%;
	right: 40px;
	position:absolute;
	float: right;
}
.snsarea .fbbtn2 .fbbtn_in {
	width: 420px;
	height: 80px;
	top: 20%;
	left: 40px;
	position:absolute;
}
.snsarea .fbbtn .fbbtn_in img.left,
.snsarea .fbbtn2 .fbbtn_in img.left {
	width: 76px;
	height: 76px;
	float:left;
	margin-right: 20px;
}
.snsarea .fbbtn .fbbtn_in h4,
.snsarea .fbbtn2 .fbbtn_in h4  {
	width: 100%;
	font-size: 1.2em;
	position: relative;
	padding-left: 130px;
	padding-bottom: 2px;
}

.snsarea .fbbtn .fbbtn_in h4:before,
.snsarea .fbbtn2 .fbbtn_in h4:before {
	content: url(images/common/arrow2.png) ;
    width: 17px;
    height: 19px;
    vertical-align:middle;
    position: absolute;
    margin-left: -34px;
    padding-top: 3px;
}
.snsarea .fbbtn .fbbtn_in p,
.snsarea .fbbtn2 .fbbtn_in p {
	line-height: 1.6em;
}

.snsarea .fbbtn a,
.snsarea .fbbtn2 a{
	width: 100%;
	height: 140px;
	display: block;
}
.snsarea .fbbtn a:hover {
	display: block;
	background-color: #5f67b0;
	color: #fff;
}
.snsarea .fbbtn2 a:hover{
	display: block;
	background-color: #ff9c44;
	color: #fff;
}
.snsarea .fbbtn a:hover h4,
.snsarea .fbbtn2 a:hover h4,
.snsarea .fbbtn a:hover p,
.snsarea .fbbtn2 a:hover p {
	color: #fff;
}
.snsarea .fbbtn a:hover h4:before ,
.snsarea .fbbtn2 a:hover h4:before {
	content: url(images/common/arrow2_over.png) ;
}





/**
 * about
 */

.sign {
	margin-top: 60px;
	margin-bottom: 80px;
}
table.history {
	width: 540px;
	border-spacing: 0;
	border-collapse: collapse;
	table-layout: auto;
	float: left;
	font-size: 14px;
}
table.history td p{
	letter-spacing: 1.6em;
}
table.history th{
	width: 30%;
	vertical-align: top;
}
.history_photos {
	width: 250px;
	height: auto;
	float: right;
	margin-top: 20px;
	box-sizing: border-box;
}
.history_photos img {
	border: 1px solid #ebebeb;
	margin-bottom: 30px;
	box-sizing: border-box;
}
.history_photos p {
	font-size: 12px;
	text-align: right;
	margin: 0 0 20px 0;
	line-height: 140%;
	margin-top: 10px;
}
/*.rightbox h4.about_message {
	font-size: 18px;
	font-weight: bold;
	margin: 40px 0 20px 0;
}*/
.rightbox h4.about_message {
	width: 100%;
	height: auto;
	margin: 60px 0 40px 0;
}
p.jikodoshin { 
	width: 100%;
	margin-top: 20px;
}
p.jikodoshin img{
	float: right;
	margin: 0 0 40px 20px;
}
/**
 * company
 */
.mission {
	margin: 50px 0 60px 44px;
}
.mission img {
	margin: 10px 0 20px 0;
}
.mission p {
	margin: 0 0 20px 50px;
}
table.overview {
	width: 800px;
	border-spacing: 0;
	border-collapse: collapse;
	table-layout: auto;
	float: left;
	font-size: 14px;
}
table.overview tr{
	border-bottom: 1px solid #aaaaaa;
	border-top: 1px solid #aaaaaa;
}
table.overview th{
	width: 20%;
	vertical-align: middle;
	border-right: 1px solid #aaaaaa;
}

/**
 * business
 */

ul.businesslist {
	width: 800px;
	height: auto;
	overflow: hidden;
}
ul.businesslist li {
	width: 380px;
	float: left;
	margin-bottom: 60px;
	margin-right: 30px;
	text-align: left;
	overflow: hidden;
	box-sizing: border-box;
}
ul.businesslist li img {
	width: 100%;
	height: auto;
}

ul.businesslist li:nth-child(even) {
	margin-right: 0;
}
ul.businesslist li　img{
	margin: 0 auto;
}
ul.businesslist li h3 {
	width: 100%;
	font-size: 14px;
	margin: 14px 0;
}
ul.businesslist li p {
	width: 100%;
	font-size: 14px;
}

/*div.businesslist {
	width: 800px;
	height: 320px;
	border-bottom: 1px dotted #aaaaaa;
	margin-bottom: 40px;
}
h3.bns_name {
	font-size: 18px;
	margin-bottom: 30px;
}
.bns_img {
	width: 312px;
	height: 216px;
	float: left;
	margin-right: 40px;
}
.bns_detail {
	width: 800px;
}
.bns_detail p {
	font-size: 14px;
}*/


/**
 * products
 */
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
ul#monthlynavi {
	width: 830px;
	height: auto;
	overflow: hidden;
	margin: 0 0 20px 0;
	box-sizing: border-box;
}
ul#monthlynavi li a{
	width: 114px;
	height: 50px;
	float: left;
	padding: 10px 0;
	display: block;
	color: #333;
	font-weight: bold;
	text-align: center;
	border: solid 1px #dedede;
	background-color: #fff;
	border-collapse: collapse;
	box-sizing: border-box;
}
ul#monthlynavi li a:hover{
	width: 114px;
	height: 50px;
	background-color: #fe9e00;
	color: #fff;
	display: block;
	box-sizing: border-box;
}
ul#monthlynavi li:nth-child(even) a{
	border-right: none;
}
ul#monthlynavi li:nth-child(odd) a{
	border-right: none;
}
ul#monthlynavi li:nth-child(n+8) a{
	border-top: none;
}
ul#monthlynavi li:nth-child(7) a,
ul#monthlynavi li:nth-child(12) a{
	border-right: solid 1px #dedede;
}
.nav.fixed ul#monthlynavi li a{
	background-color: #000;
	color: #fff;
}
.nav.fixed ul#monthlynavi li a:hover{
	background-color: #fe9e00;
	color: #000;
}
span.btn_sadaspe {
	width: 224px;
	height: 50px;
	border: solid 1px #fff;
	padding:0;
	margin:0;
	box-sizing: border-box;
}
span.btn_sadaspe img{
	padding:0;
	margin:0;
	box-sizing: border-box;
}
span.btn_sadaspe img a {
	width: 224px;
	height: 50px;
	border: solid 1px #fff;
	padding:0;
	margin:0;
	display: block;
	box-sizing: border-box;
}


div.btn_special_back {
	width: 100%;
	height: auto;
	margin: 20px 0 60px 0;
}

div.btn_special_back a{
	width: 266px;
	height: auto;
	display: block;
	padding: 20px 0 20px 0;
	text-align: center;
	float: left;
	border: 4px solid #dedede;
	box-sizing: border-box;
	margin-bottom: 80px;
}

div.btn_special_back a:hover{
	background-color: #fe9e00;
	color: #fff;
}


div.btn_special {
	width: 100%;
	height: auto;
	margin: 20px 0 60px 0;
	position: relative;
}
div.btn_special img{
	margin: 0;
	padding: 0;
}
div.btn_special a{
	width: 266px;
	height: auto;
	display: inline-block;
	backface-visibility: hidden;
	padding: 20px 0 20px 0;
	text-align: center;
	float: right;
	border: 4px solid #dedede;
	box-sizing: border-box;
}


div.btn_special a:hover{
	background-color: #ee3c38;
	display: inline-block;
}

div.btn_special:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


.monthly_title {
	width: 100%;
	height: 53px;
	margin-top: 80px;
}
div.parent {
  display: flex;
}
div.sakumotsu {
	width: 32%;
	height: auto;
	float: left;
	margin-right: 10px;
	overflow: hidden;
	zoom: 100%;
}
div.sakumotsu_in {
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: inline-block;
	text-align: center;
	padding-top: 40px ;
}
div.sakumotsu_in img {
	width: 256px;
	height: 170px;
	margin-bottom: 20px;
	margin-right: 0 ;
	margin-left: 0 ;
	box-sizing: border-box;
}

div.sakumotsu_in:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
div.sakumotsu_in p {
	width: 100%;
	height: auto;
	text-align: left;
}
p.products {
	font-size: 14px;
	padding-top: 20px;
	padding-bottom: 10px;
}
p.products span.p_name {
	font-size: 18px;
	font-weight: bold;
}
.point_f {
	width: 100%;
	height: auto;
	padding: 20px;
	background-color: #eff2ea;
	margin-bottom: 20px;
}
.point_v {
	width: 100%;
	height: auto;
	padding: 20px;
	background-color: #f2efea;
	margin-bottom: 20px;
}

.minheight240 {
	min-height: 240px;
}
.minheight300 {
	min-height: 300px;
}
.minheight320 {
	min-height: 320px;
}
.minheight350 {
	min-height: 350px;
}
.minheight380 {
	min-height: 380px;
}
.minheight410 {
	min-height: 410px;
}
.minheight440 {
	min-height: 440px;
}
.minheight460 {
	min-height: 460px;
}
.minheight500 {
	min-height: 500px;
}


/**
 * products\special
 */
.productsspe_main {
	width: 100%;
	height: auto;
	margin: 0 0 20px 0;
}



/**
 * challenge
 */
 .topic {
 	width: 100%;
 	height: auto;
 	text-align: left;
 }
h3.topictitle {
	width: 100%;
	height: auto;
	margin: 0 0 30px 0;
	vertical-align: middle;
	overflow: visible;
	line-height: 200%;
}
h3.topictitle:after {
	content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
    margin-bottom: -20px;
}
p.article {
	width: 800px;
 	height: auto;
	display: inline;
	text-align: left;
}
#challengeslides {
    width: 400px;
    height: 290px;
    margin: 0 20px 20px 0;
    float: left;
}
#challengeslides ul li img{
	width: 100%;
	height: auto;
	background-color: #333;

}
#challengeslides:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

div.article_indent {
	padding-left:1em;
	text-indent:-1em;
}

div.topiclink{
	display: flex;
	justify-content: flex-end;
}
div.topiclink a{
	background-color:#3d3d3d;
	color: #ffffff;
	padding: 5px;
}

.topictitle span.c_numbers {
	width: 60px;
	height: 60px;
	font-size: 48px;
	font-weight: bold;
	color: #bfc0c0;
	float: left;
	padding-top: 0;
	margin-right: 30px;
	line-height: 150%;
	vertical-align: middle;
	margin-top:-7px;
}
.topictitle span.c_numbers02 {
	width: 60px;
	height: 60px;
	font-size: 48px;
	font-weight: bold;
	color: #bfc0c0;
	float: left;
	padding-top: 0;
	margin-right: 30px;
	line-height: 80%;
	vertical-align: middle;
	margin-top: 5px;
}


/**
 * shop
 */
.gmap {
	width: 530px;
	height: 400px;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 40px;
	height: 0;
	overflow: hidden;
}
 
.gmap iframe,
.gmap object,
.gmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.shopbox {
	width: 100%;
	height: auto;
	border-bottom: 1px solid #c4c4c4;
	overflow: hidden;
	padding: 40px 0;
}
.sb_l {
	width: 25%;
	height: auto;
	float: left;
}
.greybox {
	width: 80%;
	padding: 10px 0;
	background-color: #e6e6e6;
	color: #000;
	text-align: center;
}
.sb_m {
	width: 51.25%;
	height: auto;
	float: left;
}
.sb_r {
	width: 23.75%;
	height: 145px;
	height: auto;
	float: right;
}
.shopbox:after {
	clear: both;
	float: none;
}


/**
 * recruit
 */

 ul#recruitnavi {
	width: 830px;
	height: auto;
	overflow: hidden;
	margin: 0 0 60px 0;
	box-sizing: border-box;
}
ul#recruitnavi li a{
	width: 198px;
	height: auto;
	float: left;
	padding: 10px 0;
	display: block;
	text-align: center;
	border-top: solid 1px #dedede;
	border-bottom: solid 1px #dedede;
	border-left: solid 1px #dedede;
	box-sizing: border-box;
	background-color: #fff;
}
ul#recruitnavi li.last a{
	border-right: solid 1px #dedede;
}
ul#recruitnavi li a:hover{
	width: 198px;
	height: auto;
	background-color: #fe9e00;
	color: #fff;
	display: block;
}
ul#recruitnavi li a.active{
	width: 198px;
	height: auto;
	background-color: #fe9e00;
	color: #fff;
	display: block;
}
 ul#recruitnavi:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}




table.recruittable {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #4c4c4c;
	margin-bottom: 40px;
}
table.recruittable tr {
	border-bottom: 1px solid #4c4c4c;
		vertical-align: top;
}
table.recruittable th {
	width: 30%;
	padding: 20px 5px 0 10px;
	border-right: 1px solid #4c4c4c;
	vertical-align: top;
}
table.recruittable td{
	width: 70%;
	padding: 20px 5px 20px 10px;
	vertical-align: top;
}
p.jobname {
	width: 100%;
	margin-top: 60px;
	font-weight: bold;

}
p.TEL {
	font-size: 24px;
	margin: 20px 0;
	letter-spacing: 0;
}


/**
 * workkind
 */


.worklist {
	width: 800px;
	height: auto;
	margin-bottom: 40px;
	overflow: hidden;
}

h3.wk_name {
	width: 100%;
	font-size: 18px;
	margin-bottom: 30px;
	border-bottom: 1px solid #aaaaaa;

}
.wk_img {
	width: 312px;
	height: 216px;
	float: left;
	margin-right: 40px;
}
.wk_detail {
	width: 800px;
}
.wk_detail p {
	width: 445px;
	font-size: 14px;
	float: right;
}

/**
 * workflow
 */
 .btn_wrapp {
 	clear: both;
 	width: 100%;
 	height: auto;
 	margin-top: 80px;
 	overflow: hidden;
 }

.btn_workflow {
	width: 800px;
	height: 218px;
	position: relative;
	overflow: hidden;
}
p.wf_oroshi {
	width: 800px;
	height: 218px;
	position: absolute;
	background-image: url(images/workflow/btnbg_oroshi.png);
}
p.wf_nakaoroshi {
	width: 800px;
	height: 218px;
	position: absolute;
	background-image: url(images/workflow/btnbg_nakaoroshi.png);
}
p.wf_kouri {
	width: 800px;
	height: 218px;
	position: absolute;
	background-image: url(images/workflow/btnbg_kouri.png);
}
p.wf_eigyo {
	width: 800px;
	height: 218px;
	position: absolute;
	background-image: url(images/workflow/btnbg_eigyo.png);
}

p.wf_oroshi a,
p.wf_nakaoroshi a,
p.wf_kouri a,
p.wf_eigyo  {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*??????*/
.wf_oroshi a:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}



p.inbox_text {
	width: 250px;
	height: 160px;
	text-align: center;
	position: absolute;
	font-size: 12px;
	letter-spacing: 0;
	margin-top: 50px;
	right: 30px;
	line-height: 140%;

}
p.inbox_text img {
	margin:10px;
}

/*p.inbox_text p{
	padding-top: 10px;
}
*/

/**
 * work01-04
 */

.framedtitle {
	width: 100%;
	height: auto;
	padding: 15px 0 15px 20px;
	border: 1px solid #aaaaaa;
	margin: 40px 0 0 0;
	font-weight: bold;
}
.workdetail_a {
	padding: 0 0 20px 0;
}
.workdetail_b {
	padding: 20px 20px 0 20px;
}
table.workflowtable {
	width: 100%;
	margin: 20px 0 0 0;
}
table.workflowtable tr{
	border-bottom: 1px dotted #aaaaaa;
}
table.workflowtable th{
	padding: 20px;
	width: 60%;
}
table.workflowtable td{
	float: right;
	padding-right: 0;
}
table.workflowtable th,
table.workflowtable td {
	vertical-align: top;
}
table.workflowtable tr.border-top{
	border-top: 1px dotted #aaaaaa;
}

.workflowtable dl {
	width: 100%;
	height: auto;
}
.workflowtable dt {
	width: 36%;
	float: left;
	clear : both;
	padding-bottom: 10px;
	font-weight: normal;
}

ul.work_banner {
	width: 800px;
	height: auto;
	margin: 60px 0 0 0;
}
ul.work_banner li{
	width: 190px;
	height: auto;
	float: left;
	margin-right: 10px;
}
ul.work_banner li:last-child {
	margin-right: 0;
}

/**
 * crosstalk
 */

h4.topic_q {
	margin-top: 60px;
}
.talk_wrap {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.talk_catch {
	margin-top: 40px;
	margin-bottom: 20px;
}
.topic {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 20px 0 80px 0;
}
div.textLeft {
	width: 100%;
	height: auto;
/*	overflow: hidden;
*/	margin: 40px 0;
}

dl.talktext {
	width: 60%;
	float: left;
	margin-top: 0;
}
dl.talktext dt {
	width: 20%;
	font-weight: bold;
    float: left;
    clear : both;
}
dl.talktext dd {
	width: 80%;
    margin-left: 20%;
    padding-top: 0;
}
dl.talktext dd p,
dl.talktext_wide dd p {
    letter-spacing: 0;
}
dl.talktext_wide {
	width: 100%;
	float: left;
	margin-top: 0;
}
dl.talktext_wide dt {
	width: 10%;
	font-weight: bold;
    float: left;
    clear : both;
}
dl.talktext_wide dd {
	width: 88%;
    margin-left: 12%;
    padding-top: 0;
}
div.imgRight {
	width: 40%;
	height: auto;
	margin: 0;
	padding:0;
	text-align: right;
	float: right;
}
div.imgLeft {
	width: 40%;
	height: auto;
	margin: 0;
	padding:0;
	text-align: left;
	float: left;
}
div.imgRight img,
div.imgLeft img{
	margin-bottom: 10px;
}
.talkLastImg {
	width: 100%;
	height: auto;
	text-align: center;
}
.talkLastImg img{
	text-align: center;
	margin: 0 auto;
}

.talkers {
	width: 100%;
	margin: 80px 0 0 0;
}
.talkers ul{
	width: 620px;
	height: auto;
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
}
.talkers ul li{
	width: 180px;
	height: auto;
	overflow: hidden;
	text-align: center;
	float: left;
	margin-right: 40px;
	overflow: hidden;
}
.talkers ul li:last-child {
	margin-right: 0;
}
.talkers ul li img{
	width: 60%;
}
.talkers ul li p.talkname{
	font-weight: bold;
	letter-spacing: 0;
	padding-top: 10px;
	line-height: 1em;
}
.talkers ul li p.talkjob{
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 0;
}


/**
 * contact
 */

/*デフォルトスタイルを消す
*/
/*input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}*/
/*form {
    width: 800px;
    height: auto;
    font-size: 16px;
    color: #000;
}
form div {
	width: 800px;
    height: auto;
}
form div + div {
    margin-top: 40px;
}
label {
	width: 160px;
	height: auto;
	vertical-align: top;
	float: left;
	box-sizing: border-box;
}

input[type="text"],
input[type="email"],
textarea {
	border:0; 
	padding: 20px; 
	font-size:1.3em; 
	color:#aaa; 
	border: solid 1px #ccc; 
	height: auto;
	box-sizing: border-box;
}
input:focus,
textarea:focus {
  border: 1px solid #ee3c38;
  outline: 0;
}

textarea {
    height: 5em;
    resize: vertical;
}
*/


table.numbers {
	width: 100%;
	height:auto;
	border-collapse: collapse;
	margin-top: 60px;
	margin: 0 auto;
	border: 1px solid #aaa;
	margin-bottom: 100px;
}
table.numbers tr.dottednumber{
	border-bottom: 1px dotted #aaa;
}
table.numbers th{
	width: 40%;
	font-size: 16px;
	padding: 15px 0;
	text-align: center;
	border-right: 1px solid #aaa;
	background-color: #f2efea;
}
table.numbers td{
	width: 60%;
	font-size: 18px;
	padding: 15px 0;
	text-align: center;
}
#contact_in {
    width: 800px;
    height: auto;
}
.c_item {
    width: 800px;
    height: 60px;
    font-size: 16px;
    color: #000;
    margin-bottom: 30px;
    clear: both;
    box-sizing: border-box;
}
.c_midashi {
	width: 180px;
	height: 60px;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
  	top: 25%;
	box-sizing: border-box;
}
.name,
.mail {
	width: 620px;
	height: 60px;
	float: right;
	margin: 0;
	padding: 0;
	font-size:1.3em;
	vertical-align: top;
	padding: 0 20px;
	box-sizing: border-box;
}
input#purpose-1.purpose,
input#purpose-2.purpose,
input#purpose-3.purpose {
	width: 40px;
	height: 40px;
	vertical-align: middle;
}
.mwform-checkbox-field label, .mwform-radio-field label {
	font-weight: normal;
    margin-bottom: 0;
}
.msg {
	width: 620px;
    height: 5em;
    resize: vertical;
	float: left;
	font-size:1.3em; 
	margin: 0;
	padding: 20px 20px;
	box-sizing: border-box;
}



input.submit {
	border: 0px;
    width: 448px;
    height: 55px;
    background: url(images/contact/btn_submit_off.png) left top no-repeat;
    margin-left: 180px;
    margin-top: 60px;
    font-size: 16px;
/*    margin-bottom: 100px;
*/    display: block;
	z-index: 9999;
}
/*input.submit a:hover {
    background: url(images/contact/btn_submit_on.png) left top no-repeat;
}*/

/**
 * Footer
 */

#footer {
	width: 100%;
	height: 240px;
	background-color: #f7f7f2;
	position: absolute;
    bottom:0;
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
.footer-in {
	width: 980px;
	height: 110px;
	margin: 0 auto;
	padding-top: 36px;
}
.footer_logo {
	width: 180px;
	height: 120px;
	float: left;
	padding-top: 20px;
	margin-right: 60px;
	border-right: solid 1px #231815;
}

.links {
	width: 740px;
	height: 120px;
	float: left;
}
.links p {
	font-size: 12px;
	line-height: 260%;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	letter-spacing: 0.3em;
	color: #414141;
}
.links a:hover {
	text-decoration: underline;
}
.underlined {
	text-decoration: underline;
}
.bottomblack {
	width: 100%;
	height: 46px;
	background-color: #231815;
	position:absolute;
    bottom:0;
}
.bottomblack-in {
	width: 980px;
	margin: 0 auto;
	vertical-align: middle;
	box-sizing: border-box;
}
p.policy a{
	color: #fff;
}
.policy a:link{
	height: 46px;
    line-height: 46px;
	margin-left: 240px;
	font-size: 10px;
	float: left;
	color: #fff;
	letter-spacing: 0.2em;
	box-sizing: border-box;
}
.copyright {
	font-size: 10px;
	float: right;
	color: #fff;
	height: 46px;
    line-height: 46px;
	box-sizing: border-box;
}