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

body {
	color: #222;
	font-size: 16px;
	line-height: 1.8;
	font-family: 'Noto Sans JP', sans-serif, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../img/top/bg_02.jpg);
	background-repeat: repeat;
	background-position: center center;	
}


img {
	border:none; vertical-align:middle;
}
img.top {
	vertical-align:top;
}
img.middle {
	vertical-align:middle;
}

address,
em {
	font-style:normal;
}


a {
	color:#111111;
	text-decoration: none;
	transition: 0.2s;
}
a:hover,
a:hover img,
input[type="submit"]:hover,
input[type="reset"]:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	color:#331900;
}


/*********** class ****************************************/
/********** float ************/
.c-both {
	clear:both;
}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
}

.left,.in_left {
	float:left;
}

.right {
	float:right;
}

.center {
	display:block;
	margin-left:auto; margin-right:auto;
	text-align:center;
}
/******* end float **********/

/******* flex box ***********/
.flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	justify-content: space-between;
}



.flex img {
    object-fit: cover;
    object-position: top;
}
.flex img.sum {
	object-fit: cover;
    object-position: top;
}


.height {
	justify-content: space-between;
  	flex-wrap: wrap;
	align-items: stretch;
}
.df {
	display: flow-root;
}
/****** end flex box ********/

.indent {
            font-weight:normal; margin:5px 0 5px 1em;
            text-indent:-1em;
}

img.banner {
	border:solid 1px #DDD;
}



span.memo {
	color:#666;
	font-size:0.9em;
	font-weight: 300;
}

span.error {
	display:block;
	color:#F03;
	font-size:0.9em;
}


header, main, article, footer, section, aside, nav, cite, figure, figcaption { display: block; }


/*.f20 {
	font-size:1.2em;
}*/

/***** btn **********/
a.more {
	position: relative;
	display: inline-block;
	width: 70%;
	max-width: 350px;
	padding: 1em 0 1em 0;
	font-size: 1em;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
	font-weight: 500;
	color: #FFFFFF;
	background-color:#279E77;
}


a.more2 {
	position: relative;
	display: inline-block;
	width: 70%;
	max-width: 280px;
	padding: 1em 0 1em 0;
	font-size: 1em;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
	font-weight: 500;
	color:#279E77;
	background-color:#FFFFFF;
}

a.more::after,
a.more2::after{
    content: "";
    position: absolute;
    right: -9px;
    bottom: -9px;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-top-color: transparent;
    border-top-style: solid;
    border-top-width: 9px;
    border-top: 9px solid #000;
    transform: rotate(-45deg);
}





/****** end btn ***********/
.sp {
	display: none;
}
.pc {
	display: block;
}

.pad{
	display:none;
}


/*************** header start ***************************/



/******** 共通 layout *******************/

/*
.inner {
	width:96%; max-width:1680px;
	margin:0 auto;
}
*/

.inner {
	width:95%; max-width:1820px;
	margin:0 auto;
}


.middle_inner {
	width: calc(100% - 11%); max-width:1600px;
	margin:0 auto;
}
.lower_inner {
	width: calc(100% - 20%); max-width:634px;
	margin:0 auto;
}

main {
	width:100%;

}

main .content {
	margin:0 0 100px 0; padding:0;
}


main img.heading{
	width:100%; margin-bottom:20px;
}


/*************** coming_soon start ***************************/

section#coming_soon {
	
}
section#coming_soon div.coming_bg {
	background: -moz-linear-gradient(to bottom,#68A70A,#72B80B 30%,#CCCC66); 
	background: -webkit-linear-gradient(to bottom,#72B80B,#FFC778 30%,#CCCC66); 
	background: linear-gradient(to bottom,#68A70A,#72B80B 30%,#CCCC66);
	padding: 5% 0 6% 0;
	
}
section#coming_soon div.coming_bg h2 {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 5.313em;
	letter-spacing:0.1em;
	color: #FFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0.7em;
	padding-left: 0px;
}
section#coming_soon div.coming_bg img {
	max-width:442px; width:100%; height:auto;
	display:block;
	
}

section#coming_soon dl {
	margin: 0px;
	padding: 3% 0 1% 0;
}
section#coming_soon dl dt {
	font-size: 1.875em;	font-weight: 500;
	padding-bottom: 0.5em;
}
section#coming_soon dl dd {
	margin: 0px;	
	
}
section#coming_soon a.fb_link {
	color: #7EBC21;
}

p.copy {
	font-size: 0.75em;
	text-align: right;
	margin-top: 3em;
	font-weight: 300;
}

/*************** coming_soon end ***************************/



/*************** header ***************************/

#header{
	background-image: url(../img/top/coloful01.jpg);
	background-repeat: repeat-x;
	background-position: center top;	
	background-color:#FFF;
}

.pc_nav {
	position: relative;
	height: 17em;
}
ul.navbar_nav {
	position: absolute;
	top: -6em;
	left: 50%;
	transform: translateX(-50%);
	width: 1200px;
	z-index: 500;
}

ul.navbar_nav li {
	display:inline-block;
}

ul.navbar_nav li a,
ul.navbar_nav li.n4 a {
	display:block;
	text-align: center;
	 position: relative;
	 padding: 0 2em;
}
ul.navbar_nav li.n4 a {
	 padding: 0;
}

ul.navbar_nav li.n4 a:hover,
ul.navbar_nav li.n4 a:hover img{
	opacity:1;
}

ul.navbar_nav li a:before {
    position: absolute;
    display: block;
    content: url(../img/top/menu_line.jpg);
	right:0;
	bottom: -0.3em;
	z-index: 800;
}
ul.navbar_nav li.n4 a:before {
	bottom: -0.7em;
}
ul.navbar_nav li.n7 a:before {
	display:none;
}
ul.navbar_nav li a img {
	display:block;
	padding-bottom: 1em;
}
ul.navbar_nav li.n1 img {
	max-width:77px;
	width:100%;
	height:auto;
}
ul.navbar_nav li.n2 img {
	max-width:86px;
	width:100%;
	height:auto;
	margin:auto;
}
ul.navbar_nav li.n3 img {
	max-width:70px;
	width:100%;
	height:auto;
}
ul.navbar_nav li.n4 img {
	max-width:207px;
	width:100%;
	height:auto;
	position: relative;
	top: 7em;
}

ul.navbar_nav li.n5 img {
	max-width:52px;
	width:100%;
	height:auto;
	padding-left:1em;
}
ul.navbar_nav li.n6 img {
	max-width:74px;
	width:100%;
	height:auto;
}
ul.navbar_nav li.n7 img {
	max-width:95px;
	width:100%;
	height:auto;
}



header#header p.sp_logo{
	display:none;
}




/***************************  footer  **************************************/

#footer{
	background-image: url(../img/top/coloful02.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;	
	padding-bottom: 2.5em;
	background-color:#FFF;
	padding-top: 2em;
}

#footer h6.akane{
	font-size:1.375em;
	font-weight: 300;
	margin: 0;
	margin-bottom: 0.8em;
}

#footer h6.akane a:hover{
	color:#709c34;
}

#footer h6.akane span.small{
	font-size:0.59em;
	padding-left: 2em;
}

#footer p.name{
	margin:0;
	font-weight: 300;
	letter-spacing: 1px;
}

#footer p.name span.small{
	font-size:0.813em;
	padding-right: 0.3em;
}

#footer address{
	font-size:0.813em;
	font-weight: 300;
}

#footer p.foot_tel{
	margin-top: 0.2em;
	margin-bottom:0;
}

#footer p.fb{
	margin-top: 0.4em;
}

#footer a.foot_tel{
	font-size:0.75em;
	font-weight: 300;
}

#footer p.fb a i{
	font-size:1.5em;
}



#footer nav.right ul{
	padding:0;
	list-style:none;
}

#footer nav.right ul li.weight{
	font-size:0.938em;
	font-weight: 400;
	display: inline-block;
	vertical-align: text-top;
	margin-left: 2.5em;
	line-height: 2em;
}

#footer nav.right ul.small{
	padding-top: 0.2em;
}

#footer nav.right ul.small li{
	font-size:0.813em;
	font-weight: 300;
}

#footer nav.right ul li.weight a:hover{
	color:#709c34;
}





/*****************************  slide  *********************************/
#slide{
	position: relative;
	z-index: 20;
}

#slide div.slide_txt{
	text-align:center;
	position: absolute;
	z-index: 100;
	top: 37%;
	width: 100%;
	margin: auto;
}

#slide div.slide_txt p.for{
	font-size:3.68em;
	font-family:'ふい字';
	color:#FFF;
	text-shadow: 2px 2px 3px #000;
	margin: 0;
	letter-spacing: 5px;
}

#slide div.slide_txt h3.slide_akane{
	font-size:2.375em;
	color:#FFF;
	text-shadow: 2px 2px 3px #000;
	font-family: 'Rounded Mplus 1c';
	font-weight: 500;
	margin: 0;
}

#slide div.slide_txt h3.slide_akane img{
	display:inline-block;
	vertical-align: sub;
}

#slide div.slide_txt h3.slide_akane p.akane{
	display: inline-block;
	margin:0;
	margin-top: 0.4em;
    letter-spacing: 3px;
}

#slide div.slide_txt h3.slide_akane span.small{
	font-size:0.63em;
	display:block;
	line-height: 1em;
}


/*****************************  top  *********************************/


/************   dis  **************/


div.dis{
	background-color:#FFF;
	padding-bottom: 2em;
/*	position:absolute;
	top: 11%;*/
}

div.dis div.vertical{
	/*writing-mode: vertical-rl;*/
	writing-mode:tb-rl;
	margin-bottom: 5.5em;
	max-height:15em;
}

div.dis p.vertical{
	font-family:'Noto Serif JP';
	font-size:1.75em;
    writing-mode: vertical-rl;
	display:inline;
}

div.dis div.side{
	transform: translate(-50%, -2%);
	display: inline;
}

div.dis img{
	display: block;
	margin: auto;
	width: 37.8%;
	padding-bottom: 1em;
}

div.side p.side{
	width: 57%;
	margin: auto;
	font-weight: 300;
	font-size: 0.938em;
	margin-bottom: 1.5em;
}

div.dis_02{	
	background-color: #FFF;
	padding-bottom: 3em;
	position: inherit;
	width: 30%;
	max-width:425px;
}

div.dis_02 img{
	width: 50%;
}

div.dis_02 img.ilust01,
div.dis_02 img.ilust03{
	width: 39%;
	padding-top: 1.5em;
}

div.dis_02 div.vertical{
	writing-mode: tb-rl;
	width: 9.5em;
	margin: 0 auto;
	padding-top: 4em;
	max-height: 15em;
	padding-bottom: 1.8em;
}

_:-ms-lang(x), _::-webkit-meter-bar,div.dis_02 div.vertical{
	width:68%;
	max-height:13em;
}

_:-ms-lang(x), _::-webkit-meter-bar,div.dis_02 img.ilust01, div.dis_02 img.ilust03{
	padding-top:0;
}



/**********************  top_topics  ***************************/
section#top_topics {
	padding-bottom: 2em;
}

section#top_topics h4.green_ttl,section#topics h4.green_ttl {
	padding-top: 0;
}

section#top_topics dl.tp, section#topics dl.tp,
section#top_topics dl#tp, section#topics dl#tp {
	border-bottom: 1px solid #ccc;
	padding-bottom: 1em;
	margin-bottom: 4em;
	width: 100%;
}
section#topics dl.tp:last-of-type {
	margin-bottom: 0;
}
span.sub_tp {
	font-size:0.6em;
}

section#top_topics dl.tp dt, section#topics dl.tp dt,
section#top_topics dl#tp dt, section#topics dl#tp dt {
	width: 8em;
}
section#top_topics dl.tp dd,
section#top_topics dl#tp dd {
	padding-left: 3em;
}

dl.table {
	display: table;
}

dl.table dt, dl.table dd {
	display: table-cell;
}

/**********************  topics  ***************************/
section#topics dl.tp dd.space,
section#topics dl#tp dd.space {
  margin-bottom: 1em;
}
section#topics dl.tp dd,
section#topics dl#tp dd {
  padding-left: 3em;
  display: block;
  margin: 0;
}

section#topics dl.tp a.tp_link {
	font-weight: 500;
	border-bottom: 1px solid #111;	
}

section#topics .mw {
  max-width: 767px;
}

/**********  top_about  **************/

h4.green_ttl{
	font-size:1.75em;
	font-family:'Noto Serif JP';
	font-weight: 400;
	letter-spacing: 2px;
	position:relative;
	padding-top: 3em;
	margin-bottom: 3.5em;
}

h4.green_ttl span.small{
	display: block;
	font-size: 0.6em;
	letter-spacing: -1px;
	font-weight: 300;
}

h4.green_ttl::after {
    content: "";
    position: absolute;
    bottom: -0.7em;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #7FB33B;
    width: 1.45em;
    height: 4px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
}


/*****************  top_about  ********************/
header#header #spnav,
#header nav.right{
	display:none;
}

header#header #spnav i{
	font-weight:300;
}

section#top_about h4.green_ttl{
	padding-top: 1.2em;
}

div.flex img.top_flex{
    width: 37.8%;
	height:0%;
	max-width: 690px;
}

section#top_about div.dis{
	position:relative;
	width: 17em;
	background-color: rgba(255,255,255,0);
	top:0;
	max-width:441px;
	margin:auto;
}

section#top_about div.dis div.vertical{
	writing-mode: vertical-rl;
	writing-mode: tb-rl;
	margin: 0 auto;
	/*width:13em;*/
	max-height:18em;
	padding-top:4em;
	display: inline-block;
	padding-left: 4em;
}

_:-ms-lang(x), _::-webkit-meter-bar,section#top_about div.dis div.vertical{
    padding-left:3.8em;
}


section#top_about div.dis p.vertical{
	/*font-family:'Noto Serif JP';
	font-size:1.75em;
	writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	display: block;
	padding:1em;*/
}

section#top_about div.dis div.side{
	display: block;
	width: 90%;
	margin: 0 auto;
	margin-top: 4em;
	max-width: 250px;
	transform: translate(0%);
	
}

section#top_about div.dis p.side{
	font-size:0.938em;
	padding-bottom: 1.5em;
	font-weight: 300;
	padding-bottom: 1.5em;
	width:100%;
}

p.btn{
	text-align:center;
	margin: 1em auto;
}

p.btn a.btn{
	border: 2px solid #000;
	display: block;
	margin: auto;
	padding: 0.79em 0.6em;
	position:relative;
	font-weight: 300;
	background-color: #FFF;
	width: 97%;
	max-width: 231px;
}

p.btn a.btn i{
	position: absolute;
	/*right: 12px;*/right: 10px;
	top: 38%;
	font-weight: 500;
}

p.btn a.btn:hover{
	border: 2px solid red;
}







/******************  top_goods  *********************/

section#top_goods{
	background-image: url(../img/top/tmt.jpg);
	background-repeat: no-repeat;
	background-position: center center;	
	background-size: cover;
	position:relative;
}

section#top_goods div.inner{
	padding: 6em 0;
}

/*******************  top_staff  ********************/

h4.short{
	    letter-spacing: -2px;
}

section#top_staff div.inner,
section#top_recruit div.inner{
	background-image: url(../img/top/bg_01.jpg);
	background-repeat: repeat-y;
	background-position: center center;	
	padding: 4.7em 0;
}

section#top_staff div.many_photo{
	float:left;
	width: 67%;
}

section#top_staff figure:nth-of-type(3n+1) {
    clear: both;
}

section#top_staff figure {
    width: 31.05%;
	max-width: 338px;
	margin: 0% 3% 0 0;
}

section#top_staff figure.e {
    margin: 0;
}

section#top_staff figure.up{
	margin-bottom: 3%;
}

section#top_staff figure img {
    width: 100%;
}




/**********************  top_recruit  ***************************/
section#top_recruit img.all{
	width:67.1%;
}

section#top_recruit div.dis_02{
	padding-bottom: 3.5em;
}

section#top_recruit div.dis_02 img.ilust01, div.dis_02 img.ilust03{
	padding-top:0;
}
/**************************  top_sns  ************************************/
section#top_sns {
	/*background-color: #EEECE5;*/
}
section#top_sns,
section#gallery {
	width: 49%;
	padding-bottom:5%;
}
.face_book_box {
	width:500px;
	margin:0 auto;
}

/**************************  gallery  ************************************/
section#gallery {
	
}

section#gallery ul {
    list-style-type: none;
    padding: 0; margin-left: 3%;
}

section#gallery ul li {
   	max-width: 435px;
	margin: 1%;
	padding: 0;
	/*width: 24%;*/width: 30%;
}

section#gallery ul li:nth-of-type(4n+1) {
    /*clear: both;*/
}

section#gallery ul li a img {
    width: 100%;
    max-width: 440px;
}


/* 上に戻るボタン */
div.to_top{
	margin: auto;
	text-align: center;
	margin-top: 1em;
}

.pagetop {
	margin: auto;
	cursor: pointer;
	margin-top:1em;
	display: inline-block;	
}

.pagetop img{
	display:block;
	margin:auto;
}

.pagetop:hover {
	text-decoration: none;
	
}


/*********************************************/
section#to_top div.inner{
	background-image:url(../img/top/bottom_02.png),url(../img/top/bottom_01.png),url(../img/top/bottom_03.png);
	background-repeat: no-repeat,no-repeat,no-repeat;
	background-position:center bottom, left bottom,right bottom;	
	padding-bottom: 6em;
}






/******************************  pc コンテンツ  **********************************/
div.common h2.top_ttl{
	height: 2em;
	padding: 5.8em 0;
	margin: 0;
	font-size:2.375em;
}

div.common h2.top_ttl span{
	font-family:'Rounded Mplus 1c Medium';
	color:#FFF;
	border-bottom: 4px dashed #FFF;
	text-shadow: 1px 2px 3px #000;
	font-weight: 300;
	letter-spacing: 5px;
	padding-bottom: 0.4em;
}






/**************************  pc staff  ********************************/

section#staff div.common{
	background-image: url(../img/staff/top_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;	
}

section#staff div.inner{
	background-image: url(../img/top/bg_01.jpg);
	background-repeat: repeat-y;
	background-position: center center;	
	margin-top: 4.5em;
	padding-top: 2em;
	padding-bottom: 3em;
	margin-bottom: 7em;
}

section#staff div.lower_inner{
	max-width:1300px;
}

section#staff figure:nth-of-type(3n+1) {
    clear: both;
	margin-bottom: 1em;
}

section#staff figure {
   width: 32.1%;
	margin: 3% 1.8% 0 0;
	max-width: 100%;
}

section#staff figure a{
	position:relative;
	opacity: 1;
}

section#staff figure.e {
    margin: 3% 0 0 0;
}

section#staff figure img {
    width: 100%;
    max-width: 420px;
}

section#staff figcaption{
	position:relative;
	top: 0.5em;
}

section#staff figcaption p.name{
	font-size:1.375em;
	font-family:'Noto Serif JP';
	z-index:100;
	position:relative;
}

section#staff figcaption p.name span{
	font-size:0.83em;
}

section#staff figcaption p.name span.staff{
	letter-spacing:-2px;
}

section#staff figcaption img{
	position: absolute;
	z-index: 10;
	left: 27px;
	z-index:10;
	max-width:304px;
}

section#staff figcaption img.tmt01{
	top: -8px;
}

section#staff figcaption img.kyuuri{
	top: -10px;
	left: 47px;
}

section#staff figcaption img.tmt02{
	top: 1px;
	left: 48px;
}
dl.coments {
	margin: 0px;
	font-size: 0.9em;
}
dl.coments dt {
	padding: 0.9em 0 0em 0;
}
dl.coments dd {
	margin: 0px;
}


/************ p_gallery *****************/
#p_gallery li.in_left {
	display: block;
	inline-size: min(370px,23.125%);
	margin-inline-end: calc(7.5% / 3);
	margin-block-end: 2.45%;
} 
#p_gallery li.in_left:nth-of-type(4n) {
	margin-inline-end: 0;
}
#p_gallery li.in_left img{
	border-radius: 1em;
	width: 100%;
}
#p_gallery ul.df {
	padding: 2em 0;
}



/**************************  pc recruit  *******************************/
section#recruit div.common{
	background-image: url(../img/recruit/top_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;	
}

section#recruit h4.green_ttl{
	letter-spacing:0px;
}

section#recruit div.flex img.left,
section#recruit div.flex div.message_txt{
	width:50%;
}

section#recruit div.flex div.message_txt{
	background-color:#FFF;
}

section#recruit div.flex div.message_txt div.box_inner{
	display: inline-block;
	margin:0 5em;
}

section#recruit p.heading{
	font-size:1.5em;
	color:#FF6666;
	font-family:'Noto Serif JP';
	letter-spacing: 2px;
	margin-top: 2em;
	margin-bottom: 1.5em;
}

@media (min-width: 300px) and (max-width: 1587px) {

section#recruit p.heading br,
section#recruit p.text br{
	display:none;
}
}

section#recruit p.text{
	font-size:1.125em;
	font-weight: 400;
}

span.red{
	color:#FF6666;
}

section#recruit p.name{
	font-size:1.25em;
	font-family:'Noto Serif JP';
	letter-spacing: 1px;
	margin-top: 1.5em;
}

section#recruit div.lower_inner{
	max-width:1300px;
}

section#message{
	padding-bottom: 5em;
}

section#message div.message_box img{
	object-fit: cover;
	object-position: top;
	font-family: 'object-fit: cover;';
	height: 0%;
}

section#recruitment{
	padding-bottom: 5em;
	background-image: url(../img/recruit/pochi.png);
	background-repeat: repeat-x;
	background-position: center top;	
}

.min_inner{
	width:90%;
	max-width:1015px;
	margin:auto;
}

section#recruitment table{
	border-collapse: collapse;
	border-top:2px dotted rgba(95,63,44,0.6);
	width: 100%;
}

section#recruitment table th,
section#recruitment table td{
	border-bottom:2px dotted rgba(95,63,44,0.6);
	vertical-align: text-top;
}

section#recruitment table th{
	width: 13em;
    text-align: left;
    padding-left: 2.3em;
	font-weight: 400;
	letter-spacing: 1px;
}

section#recruitment table td{
	font-weight: 300;
	padding: 0.5em 0 0.6em 0;
}

section#recruitment table td dl{
	margin:0;	
}

section#recruitment table td dl dt{
}

section#recruitment table td dl dd{
	margin-left: 1.2em;
}

section#recruitment table td ul{
	padding-left: 1em;	
	margin:0;
}

h5.contact_form{
	font-size:1.688em;
	font-weight: 500;
	margin-top: 2.5em;
	margin-bottom: 2em;
	letter-spacing: 2px;
}

h5.contact_form img{
	display:block;
	margin: auto;
	padding-top: 0.4em;
	width: 14.7em;
}

div.form_box{
	width: 755px;
	margin: auto;
}

p.tel_btn,
p.mail_btn{
	font-family:'Rounded Mplus 1c';
    font-weight: 600;
}

p.tel_btn a{
	font-size:1.35em;
	color:#FF6633;
	border:3px solid #FF6633;
	border-radius: 10px;
	padding: 0.72em 1.44em;
}

p.mail_btn a{
	font-size:1.34em;
	background-color:#FF6633;
	color:#FFF;
	padding: 0.84em 2.45em;
	border-radius: 7px;
}

p.tel_btn a i{
	padding-right: 0.3em;
}

p.mail_btn a i{
	font-size: 1.4em;
	vertical-align: text-bottom;
	padding-right: 0.2em;
}



/******************************  goods  ****************************************/

section#goods div.common{
	background-image: url(../img/goods/top_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;	
}

section#article{
	padding-bottom:5em;
}

section#article h4.green_ttl{
	padding-top: 1em;
}

section#goods img.img01{
	width: 75%;
	padding-top: 2.5em;
}

section#goods div.image_box{
	margin-top: 4em;
	padding-bottom: 7em;
}

section#goods figure:nth-of-type(4n+1) {
    clear: both;
}

section#goods figure {
    width: 24.2%;
	max-width: 440px;
    margin: 1% 1% 0 0;
}

section#goods figure img {
    width: 100%;
}

section#goods figure.e {
    margin: 1% 0 0 0;
}

section#goods div.pochi{
	background-image: url(../img/recruit/pochi.png);
	background-repeat: repeat-x;
	background-position: center top;	
	padding-top: 6em;
}

section#goods div.pochi p.po_txt {
	font-weight: 600;
	background-color: #7FB33B;
	color: #fff;
	width: min(230px,100%);
	font-size: 1.1em;
}

/*****************  contact_frame  *********************/

section#contact_frame{
}

/**************20190813 start************/
section#contact_frame dl{
	background-image:url(../img/goods/sign.png);
	background-repeat: no-repeat;
	background-position: center 59%;
	background-size: contain;
	position:relative;
	text-align:center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/*padding-top: 7em;*/padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 4em;
	padding-left: 0em;
	max-width:590px;
	width:590px;
	height:420px;
}
section#contact_frame dl dt{
	background-image: url(../img/goods/border.png);
	background-repeat: no-repeat;
	background-position: center bottom;	
	font-size:1.688em;
	font-weight: 500;
	letter-spacing: 3px;
	padding-bottom: 0.8em;
	padding-top: 5.6em;
}

section#contact_frame dl dd{
	margin:0;
}

section#contact_frame dl dd.txt{
	font-weight: 300;
	padding-top: 1em;
	padding-bottom: 1.2em;
}

/*section#contact_frame img.woman{
	position:absolute;
}
*/
section#goods dd.frame_contact:before {
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 9em;/*画像の幅*/
	height: 11.7em;/*画像の高さ*/
	background-image: url(../img/goods/woman.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	left: -100px;
	bottom: 0px;
}

section#contact_frame img.glass {
     max-width:483px;
     width:95%;
     max-height:79px;
     height:auto;
     padding-top:1em;
}


/**************20190813 end************/
/*

section#contact_frame dl{
	background-image:url(../img/goods/sign.png);
	background-repeat: no-repeat;
	background-position: center 59%;
	padding: 7em 0em 4em 0em;
	background-size: contain;
	position:relative;
	text-align:center;
}*/
/*
section#contact_frame dl dt{
	background-image: url(../img/goods/border.png);
	background-repeat: no-repeat;
	background-position: center bottom;	
	font-size:1.688em;
	font-weight: 500;
	letter-spacing: 3px;
	padding-bottom: 0.8em;
}*/
/*

section#contact_frame dl dd{
	margin:0;
}*/
/*
section#contact_frame dl dd.txt{
	font-weight: 300;
	padding-top: 1em;
	padding-bottom: 2.5em;
}*/
/*
section#contact_frame img.woman{
	position:absolute;
}*/

section#contact_frame p.mail_btn a{
	font-size: 1.375em;
	padding: 0.95em 2.35em;
}

section#goods section#commitment{
	background-color:#FFF;
	padding-bottom: 0.1em;
	margin-bottom: 0em;
	margin-top: 5em;
}

section#commitment div.vertical{
	width: 12.5em;
	margin: auto;
	padding-top: 3em;
	padding-bottom:3em;
}

_:-ms-lang(x), _::-webkit-meter-bar,section#commitment div.vertical{
	width:9.6em;
}


section#commitment p.vertical {
    font-family: 'Noto Serif JP';
    font-size: 1.75em;
    writing-mode: vertical-rl;
	writing-mode: tb-rl;
	display:inline;
}

section#commitment div.flex img{
	width: 47.5%;
	
}

/*
_:-ms-lang(x), _::-webkit-meter-bar,section#commitment div.vertical {
	section#commitment p.vertical {
	max-height:20em;
	padding-left:3em;
}*/

_:-ms-lang(x), _::-webkit-meter-bar,section#commitment div.flex{
	margin-top: 5em;

}

_:-ms-lang(x), _::-webkit-meter-bar,section#commitment div.flex img{
	width: 47.5%;
	height:0%;
}

_:-ms-lang(x), _::-webkit-meter-bar,section#commitment p.commit_txt01{
	font-size:1.5em;
	font-family:'Noto Serif JP';
	margin-top: 3em;
	margin-bottom: 1.5em;
}

_:-ms-lang(x), _::-webkit-meter-bar,section#commitment p.commit_txt02{
	font-size:1.125em;
	margin: 2.3em 0;
}


@media all and (-ms-high-contrast: none){
section#commitment div.vertical{
	width: 9.5em;
	padding-top: 1em;
}

section#commitment p.vertical{
	height: 10em;
}

section#commitment div.flex{
	margin-top: 0em;
}
}


/************************************　　contact　　*******************************************************/

section#contact div.common{
	background-image: url(../img/contact/top_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;	
}

section#contact h4.contact_about{
	margin-top: 4em;
}

section#contact h4.contact_about span{
	font-weight:400;
	color:#49331F;
}

section#contact h3{
	color:#49331F;
}

section#contact div.bg01{
	padding-top: 1em;
	padding-bottom: 50px;
}

section#contact div.middle_inner{
	max-width:700px;
}

section#contact form table {
	width:100%; margin:0 auto 50px auto;
}

section#contact form table th {
	width:34.3%; background-color:#EEEEEE; 
	padding:12px 2% 12px 2%; text-align:right;
	color:#49331F;
	font-weight: 500;
}
section#contact form table td {
	padding:12px 2% 12px 2%;
	color: #49331F;
	font-weight: 400;
}
section#contact form table td input {
	width:98.3%; padding:1%; font-size:1em;
}
section#contact form table td textarea {
	width:98.3%; padding:1%; height:80px; font-size:1em;
}

section#contact form input[type=submit] {
	border-radius:0;

	-webkit-appearance: none;
	width:42.9%; marginm:30px auto 30px auto; height:41px; font-size:1.3em;
	background-color: #709c34;
	border: solid 1px #5b8029;
	color:#FFF;
	cursor:pointer;
	box-shadow:0px 0px 13px -5px rgba(0, 0, 0, 0.8);
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	margin-bottom:50px;
}

form a.back {
	display:inline-block;
	text-align:center;
	text-decoration:none;
	line-height:41px;
	width:30%; margin-bottom:31px; height:41px; font-size:1.3em;
	background-color:#999; border:#777 solid 1px;
	color:#FFF; cursor:pointer;
	box-shadow:0px 0px 13px -5px rgba(0, 0, 0, 0.8);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
}
form a.post {
	display:inline-block;
	text-align:center;
	text-decoration:none;
	line-height:41px;
	width:30%; margin-bottom:31px; height:41px; font-size:1.3em;
	background-color: #709c34;
	border: solid 1px #5b8029;
	color:#FFF; cursor:pointer;
	box-shadow:0px 0px 13px -5px rgba(0, 0, 0, 0.8);
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
}

span.h {
	background-color:#E80032;
	color:#FFF; font-size:0.7em; font-weight:normal;
	display:inline-block;
	padding:1px 8px 0px 8px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}

span.n {
	background-color:#7FCDF1;
	color:#FFF; font-size:0.7em; font-weight:normal;
	display:inline-block;
	padding:1px 8px 0px 8px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}

p.kakuninn{
	margin-top:4em;
	font-weight: 500;
	color: #49331F;
	margin-bottom: 2em;
}

p.brown{
	color: #49331F;
}


p.copy_sp {
    display: none;
}



/******************************************　　about_us　　*************************************************/
section#about_us div.common{
	background-image: url(../img/about_us/top_bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;	
}

section#about_us section#commitment{
	padding-bottom: 4.5em;
}

section#about_us section#commitment h4.green_ttl{
	font-weight: 500;
	padding-top: 1em;
}

_:-ms-lang(x), _::-webkit-meter-bar,section#about_us section#commitment h4.green_ttl{
	margin-bottom:1em;
}

p.commit_txt01{
	font-size:1.5em;
	font-family: 'Noto Serif JP';
	margin-top: 2.5em;
}

p.commit_txt02{
	font-size:1.125em;
	margin: 2.3em 0;
}

section#about_us section#commitment .lower_inner{
	width: calc(100% - 15%);
	max-width: 1300px;
	margin: 0 auto;
	margin-top: 4em;
}

section#about_us section#commitment dl dt{
	font-size:1.125em;
	border-top: 6px double #EACDA9;
	border-bottom: 6px double #EACDA9;
	padding: 10px;
	font-weight: 400;
}

section#about_us section#commitment dl dd{
	margin:0;
	padding-top: 3em;
}

section#about_us section#commitment dl dd img.all{
	width: 40.8%;
	display:inline-block;
}

section#about_us section#commitment dl dd div.right_box{
	width: 50%;
	display:inline-block;
	vertical-align:bottom;
	margin-left: 3%;
}

section#about_us section#commitment dl dd div.right_box img.crow{
	position: absolute;
	left: 0;
	top: -84px;
	width: 100%;
}


section#about_us section#commitment dl dd div.dl_txt{
	background-color: #F9F3EE;
    width: 100%;
    padding: 1.32em 2.5em;
    position: relative;
}

section#about_us section#commitment dl dd p.dl_ttl{
	font-size:1.25em;
	color:#FF6666;
	margin: 0.5em 0 1em 0;
}

section#about_us section#commitment dl dd p.dl_ttl img{
	padding-right: 0.5em;
}

section#about_us section#commitment ul.yellow{
	padding: 0 1em;
	margin-bottom: 1.2em;
}

section#about_us section#commitment ul.yellow li{
	margin: 0.7em 0;
}

section#about_us section#commitment ul.yellow li span{
	font-size:1.125em;
	background: linear-gradient(transparent 45%, #FFFF99 45%);
}

section#about_us section#recruitment div.flex{
	padding: 2.7em 0;
}

section#about_us section#recruitment div.flex img{
	width: 48.58%;
	height:0%;
}


@media (min-width: 1431px) and (max-width: 1592px) {
section#about_us section#commitment ul.yellow li span{
	font-size:1em;
}

section#about_us section#commitment p.dis{
	font-size:0.9em;
}

section#about_us section#commitment dl dd div.right_box img.crow{
	top: -81px;
}

}

@media (min-width: 1350px) and (max-width: 1430px) {
section#about_us section#commitment dl dd img.all{
	display: block;
	margin: auto;	
}

section#about_us section#commitment dl dd div.right_box{
	display: block;
    margin: auto;
    width: 63%;
	padding-top: 5em;
}

section#about_us section#commitment dl dd div.dl_txt{
	padding: 1.2em 0;
}

section#about_us section#commitment dl dd p.dl_ttl{
	padding: 0 1.32em;
}

section#about_us section#commitment ul.yellow{
	padding: 0 2.32em;
}

section#about_us section#commitment ul.yellow li span {
    font-size: 1em;
}

section#about_us section#commitment p.dis{
	padding: 0 1.32em;
	font-size: 0.9em;
}

#header nav.pc_nav ul{
	top: -85px;
}

}

@media (min-width: 1255px) and (max-width: 1349px) {
section#about_us section#commitment {
    padding-bottom: 1.5em;
}	
	
section#about_us section#commitment dl dd img.all{
	display: block;
	margin: auto;	
}

section#about_us section#commitment dl dd div.right_box{
	display: block;
    margin: auto;
    width: 63%;
	padding-top: 5em;
}

section#about_us section#commitment dl dd div.dl_txt{
	padding: 1.2em 0;
}

section#about_us section#commitment dl dd p.dl_ttl{
	padding: 0 1.32em;
}

section#about_us section#commitment dl dd img.all{
	width: 46.8%;
}

section#about_us section#commitment dl dd div.right_box{
	width: 70%;
}

section#about_us section#commitment dl dd div.right_box img.crow{
	top: -87px;
}

section#about_us section#commitment ul.yellow{
	padding: 0 2.32em;
}

section#about_us section#commitment ul.yellow li span {
    font-size: 1em;
}

section#about_us section#commitment p.dis{
	padding: 0 1.32em;
	font-size: 0.9em;
}

}

@media (min-width: 1130px) and (max-width: 1254px) {
section#about_us section#commitment {
    padding-bottom: 1.5em;
}	
	
section#about_us section#commitment dl dd img.all{
	display: block;
	margin: auto;	
}

section#about_us section#commitment dl dd div.right_box{
	display: block;
    margin: auto;
    width: 63%;
	padding-top: 5em;

}

section#about_us section#commitment dl dd div.dl_txt{
	padding: 1.2em 0;
}

section#about_us section#commitment dl dd p.dl_ttl{
	padding: 0 1.32em;
}

section#about_us section#commitment dl dd img.all{
	width: 46.8%;
}

section#about_us section#commitment dl dd div.right_box{
	width: 70%;
}

section#about_us section#commitment dl dd div.right_box img.crow{
	top: -80px;
}

section#about_us section#commitment ul.yellow{
	padding: 0 2.32em;
}

section#about_us section#commitment ul.yellow li span {
    font-size: 1em;
}

section#about_us section#commitment p.dis{
	padding: 0 1.32em;
	font-size: 0.9em;
}
	
	
	
}

@media (min-width: 1020px) and (max-width: 1129px) {
section#about_us section#commitment {
    padding-bottom: 1.5em;
}	
	
section#about_us section#commitment dl dd img.all{
	display: block;
	margin: auto;	
}

section#about_us section#commitment dl dd div.right_box{
	display: block;
    margin: auto;
    width: 63%;
	padding-top: 5em;
}

section#about_us section#commitment dl dd div.dl_txt{
	padding: 1.2em 0;
}

section#about_us section#commitment dl dd p.dl_ttl{
	padding: 0 1.32em;
}

section#about_us section#commitment dl dd img.all{
	width: 46.8%;
}

section#about_us section#commitment dl dd div.right_box{
	width: 70%;
}

section#about_us section#commitment dl dd div.right_box img.crow{
	top: -73px;
}

section#about_us section#commitment ul.yellow{
	padding: 0 2.32em;
}

section#about_us section#commitment ul.yellow li span {
    font-size: 1em;
}

section#about_us section#commitment p.dis{
	padding: 0 1.32em;
	font-size: 0.9em;
}

}

@media (min-width: 876px) and (max-width: 1019px) {
section#about_us section#commitment {
    padding-bottom: 1.5em;
}	
	
section#about_us section#commitment dl dd img.all{
	display: block;
	margin: auto;	
}

section#about_us section#commitment dl dd div.right_box{
	display: block;
    margin: auto;
    width: 63%;
	padding-top: 5em;
}

section#about_us section#commitment dl dd div.dl_txt{
	padding: 1.2em 0;
}

section#about_us section#commitment dl dd p.dl_ttl{
	padding: 0 1.32em;
}

section#about_us section#commitment dl dd img.all{
	width: 46.8%;
}

section#about_us section#commitment dl dd div.right_box{
	width: 70%;
}

section#about_us section#commitment dl dd div.right_box img.crow{
	top: -63px;
}

section#about_us section#commitment ul.yellow{
	padding: 0 2.32em;
}

section#about_us section#commitment ul.yellow li span {
    font-size: 1em;
}

section#about_us section#commitment p.dis{
	padding: 0 1.32em;
	font-size: 0.9em;
}

}

@media (min-width: 834px) and (max-width: 875px) {
section#about_us section#commitment {
    padding-bottom: 1.5em;
}	
	
section#about_us section#commitment dl dd img.all{
	display: block;
	margin: auto;	
}

section#about_us section#commitment dl dd div.right_box{
	display: block;
    margin: auto;
    width: 63%;
	padding-top: 5em;
}

section#about_us section#commitment dl dd div.dl_txt{
	padding: 1.2em 0;
}

section#about_us section#commitment dl dd p.dl_ttl{
	padding: 0 1.32em;
}

section#about_us section#commitment dl dd img.all{
	width: 46.8%;
}

section#about_us section#commitment dl dd div.right_box{
	width: 88%;
}

section#about_us section#commitment dl dd div.right_box img.crow{
	top: -72px;
}

section#about_us section#commitment ul.yellow{
	padding: 0 2.32em;
}

section#about_us section#commitment ul.yellow li span {
    font-size: 1em;
}

section#about_us section#commitment p.dis{
	padding: 0 1.32em;
	font-size: 0.9em;
}

}

@media (min-width: 768px) and (max-width: 834px) {
section#about_us section#commitment {
    padding-bottom: 1.5em;
}	
	
section#about_us section#commitment dl dd img.all{
	display: block;
	margin: auto;	
}

section#about_us section#commitment dl dd div.right_box{
	display: block;
    margin: auto;
    width: 63%;
	padding-top: 5em;
}

section#about_us section#commitment dl dd div.dl_txt{
	padding: 1.2em 0;
}

section#about_us section#commitment dl dd p.dl_ttl{
	padding: 0 1.32em;
}

section#about_us section#commitment dl dd img.all{
	width: 46.8%;
}

section#about_us section#commitment dl dd div.right_box{
	width: 88%;
}

section#about_us section#commitment dl dd div.right_box img.crow{
	top: -66px;
}

section#about_us section#commitment ul.yellow{
	padding: 0 2.32em;
}

section#about_us section#commitment ul.yellow li span {
    font-size: 1em;
}

section#about_us section#commitment p.dis{
	padding: 0 1.32em;
	font-size: 0.9em;
}

}

@media (min-width: 768px) and (max-width: 834px) {
section#about_us section#commitment {
    padding-bottom: 1.5em;
}	
	
section#about_us section#commitment dl dd img.all{
	display: block;
	margin: auto;	
}

section#about_us section#commitment dl dd div.right_box{
	display: block;
    margin: auto;
    width: 63%;
	padding-top: 5em;
}

section#about_us section#commitment dl dd div.dl_txt{
	padding: 1.2em 0;
}

section#about_us section#commitment dl dd p.dl_ttl{
	padding: 0 1.32em;
}

section#about_us section#commitment dl dd img.all{
	width: 46.8%;
}

section#about_us section#commitment dl dd div.right_box{
	width: 88%;
}

section#about_us section#commitment dl dd div.right_box img.crow{
	top: -73px;
}

section#about_us section#commitment ul.yellow{
	padding: 0 2.32em;
}

section#about_us section#commitment ul.yellow li span {
    font-size: 1em;
}

section#about_us section#commitment p.dis{
	padding: 0 1.32em;
	font-size: 0.9em;
}

}







/*******IE******/
@media all and (-ms-high-contrast: none){
	
	div.dis div.side{
		transform:translate(0%);
	}
	
	section#top_about div.dis div.vertical{
		padding-left:2em;
	}
	
	section#top_about div.dis div.side{
		width: 90%;
	}
	
	section#top_about div.dis div.vertical{
		max-height: 13em;
		width: 11em;	
		display: inline-block;
	}
	
	section#top_about div.dis div.side{
		margin-top: 3em;
	}
	
	p.btn a.btn{
		padding: 0.79em 0.6em;
	}
	
	div.dis_02 div.vertical {
		/*width:74%;
		margin:auto;
		margin-right: 40%;
		margin-left: 50%;
	   padding-left: 6em;*/
	   padding-left: 5em;
	   display: inline-block;
	   width: 12em;
	   padding-left: 6em;
	   
}
	
	div.dis p.vertical{
	/*	margin:auto;
		margin-right: 40%;
		margin-left: 50%;*/
	}
	
	section#commitment div.vertical{
		width: 12em;
		padding-left: 3em;
	}
	
	
	/*
	@media (min-width: 1060px) and (max-width: 1400px) {
	*::-ms-backdrop, div.dis_02 div.vertical {
		/*width:74%;
		margin:auto;
		margin-right: 40%;
		margin-left: 50%;*/
	  /*  padding-left: 3.6em;
	}
	
	}
	*/
	@supports (-ms-ime-align:auto) {
	section#top_about div.dis div.vertical{
		padding-left:2em;
	}
	
	div.dis_02 div.vertical{
		width:69%;
		max-height:13em;
	}
	
	
/*
	_:-ms-lang(x), _::-webkit-meter-bar,div.dis_02 div.vertical {
		section#commitment p.vertical{
			section#commitment p.vertical
		}
	}
*/



}









/*******************************************************************************************/
/*******************************        れすぽ        **************************************/



@media (min-width: 1526px) and (max-width: 1617px) {
.pc{
	display:block;
}

.sp{
	display:none;
}



}

/*
@media (min-width: 1401px) and (max-width: 1525px) {
section#top_staff div.many_photo{
	width: 62%;
}



section#top_about div.side p.side{
	width: 103%;
}

div.dis{
	width: 380px;
}

div.dis div.vertical{
	transform: translate(56%, 35%);
	font-size: 1.5em;
}

div.dis img {
    width: 33.8%;
    padding-bottom: 1.5em;
}

div.dis{
	top: 5%;
}

div.dis div.vertical{
    margin-bottom: 4.5em;
	font-size: 1em;
}

div.dis p.vertical{
	font-size:1.5em;
}

div.dis_02{
	padding-bottom: 1em;
	height:auto;
}



div.sign p.mail_btn a {
    padding: 0.8em 1.35em;
}

div.sign p.mail_btn {
    right: 13%;
}

p.copy_sp{
    display: none;
}


*/

div.dis div.vertical{
	width: 49%;
}

div.dis_02 div.vertical{
	/*width: 13.5em;*/
	width: 46%;
}

}


/*************** pc other_size *********************************************************************/
@media (min-width: 1281px) and (max-width: 1400px) {
	
/***************  全体  *******************/
.pc{
	display:block;
}

.sp{
	display:none;
}
		
		

#header{
	background-size: 10%;
}
	
.pc.logo_img.n4 {

    width: 14%;

}
.pc_nav {

    height: 14em;

}


	
	
	
/*********************  top_about sp  ************************/	
.lower_inner{
	width: calc(100% - 20%);
	max-width: 750px;
	margin: 0 auto;
}
/*
section#top_about div.sp_dis p.vertical{
	writing-mode: vertical-rl;
	font-size: 2em;
	font-family: 'Noto Serif JP';
	width: 13.3%;
	margin: 2em 43.35%;
}
	
section#top_about div.side{
	text-align: center;
}

section#top_about p.btn{
	display:inline-block;
}

section#top_about p.btn a.btn{
	border: 2px solid #000;
}

section#top_about p.btn a.btn:hover {
    border: 2px solid red;
}



section#top_about p.btn {
    display: inline-block;
    margin: 1em 0.4em;
}

section#top_about div.flex{
	margin-top: 3em;
}*/

/********************  トップコンテンツ  **************************/
/*	
div.dis{
	width: 380px;
	padding-bottom: 1em;
	top: 5.5%;
	height:auto;
}

div.dis_02{
	width: 330px;
}

div.dis div.vertical {
    transform: translate(56%, 24%);
	margin-bottom: 4.3em;
}

div.dis_02 div.vertical{
	transform: translate(40%, 24%);
}

div.dis p.vertical{
	font-size: 1.5em;
}

div.dis img{
	width: 27.8%;
}

div.side p.side{
	font-size: 0.85em;
}

p.btn a.btn{
	font-size: 0.85em;
}
	

	
div.sign {
    display: inline-block;
    width: 56%;
    margin: 0 22%;
    position: relative;
    left: -4em;
}

div.sign p.mail_btn{
	right: 19%;
}

section#top_goods img.sp_tmt{
	display:none;
}

section#top_recruit img.all_sp{
	display:none;
}


/**********************  footer  ***************************/
/*
#footer nav{
	float: none;
    display: block;
}

#footer nav.right ul li.weight{
	margin: 0 2.9%;
	text-align: center;
}

p.copy_pc{
    display: none;
}



*/




	
}


@media (min-width: 1060px) and (max-width: 1280px) {
body { font-size:14px; }

/***************  全体  *******************/
.pc{
	display:block;
}

.sp {
	display: none;
}

.pc.logo_img.n4 {

    width: 14%;

}
.pc_nav {
    height: 14em;
}


ul.navbar_nav {
    width: 1100px;
}



/*********************  top_about sp  ************************/	

#slide div.slide_txt p.for{
	font-size: 3.3em;
}

.lower_inner{
	width: calc(100% - 20%);
	max-width: 750px;
	margin: 0 auto;
}

/********************  トップコンテンツ  **************************/

/*****************  社長  ********************/
/*
div.dis_02 div.vertical {
    transform: translate(40%, 24%);
	max-height:12em;
}*/

section#top_recruit img.all_sp {
    display: none;
}


/************ staff ***************/

section#staff figure img {
    width: 100%;
    max-width: 187px;
}

section#staff div.lower_inner{
	width: calc(100% - 15%);
}

/*****************************  recruit  ***********************************/
section#recruit div.lower_inner{
	display:block;
}

section#recruit div.lower_inner img{
	width: 70%;
	margin: auto;
	display: block;
}

section#recruit div.flex img.left, 
section#recruit div.flex div.message_txt{
	width:100%;	
}

section#recruit div.flex div.message_txt{
	padding-bottom: 2em;
	width: 70%;
	margin: auto;
}

section#recruit p.heading{
	margin-bottom: 1em;
}

h4.green_ttl{
	margin-bottom: 2.5em;
}

section#recruitment table th{
	width: 8em;
}

h5.contact_form {
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1.5em;
    letter-spacing: 1px;
}

div.form_box {
    width: 648px;
}

section#recruitment{
	padding-bottom: 3em;
}

section#to_top div.inner{
	padding-bottom: 5em;
	background-size: 51%,24%,24%;
}

section#recruitment table{
	width: 70%;
	margin: auto;
}

div.sign {
    width: 60%;
    margin: 0 20%;
    left: -4em;
}

div.sign p.mail_btn{
	right: 20%;
}

section#commitment {
    margin-bottom: 3em;
}

section#commitment div.vertical{
	padding-top: 1em;
}


/**********************  footer  ***************************/
/*

#footer nav{
	float: none;
    display: block;
}

#footer nav.right ul{
	text-align:center;
}

#footer nav.right ul li.weight{
	margin: 0 2.9%;
	text-align: center;
}

p.copy_pc {
    display: none;
}

#footer section.middle_inner{
	text-align:center;	
}

#footer div.footer_logo{
	float: none;
	padding-top: 3em;
}

p.copy_sp {
    display: block;
	text-align: center;
}

*/

section#contact_frame dl dt {
    padding-top: 7em;
}



	
}

@media (min-width: 768px) and (max-width: 1059px) {
body { font-size:14px; }

/***************  全体  *******************/
.pc{
	display:none;
}

.sp {
	display: block;
}




#header{
	background-size: 10%;
}

header#header nav {
	position:relative;
    display: block;
    padding-top: 0;
    width: 100%;
	top:12em;
}

#header nav.pc_nav{
	height:0em;
	z-index:300;
}

/*
#header nav.pc_nav{
	display:none;
}
*/

header#header #spnav, #header nav.right{
	display:block;
}

header#header #spnav {
	display:block;
	font-size:3em;
	position:absolute;
	top:0.5em;
	right:0.5em;
	z-index:200;
}

header#header p.sp_logo{
	display:block;
	margin: 0;
	width: 8em;
    margin: auto;
    position: relative;
    top: 1em;
    z-index: 200;
    height: 8em;
}

header#header p.sp_logo a{
	display:block;
}

header#header p.sp_logo a img{
	width:100%;
}


header#header #spnav a {
	color:#331900;
}

header#header nav ul#nav {
	position:absolute; 
	top: -73px;
	/*left: 56%;*/
	z-index: 100;
	width: 100%;
	margin: 0 0 1px 0;
	padding: 0;
	display: none;
	border: solid 1px #EEECE5;
}

ul.navbar_nav li a:before {
    display: none;
}

header#header nav ul#nav li {
	display:block; margin:0 0 0 0;
	width:100%; 
	background-color: rgba(255,255,255,0.95);
    padding-left: 0;
    border-bottom: 1px dotted #222;
	
}
header#header nav ul#nav li:last-of-type {
	border-bottom: none;	
}

header#header nav ul#nav li a {
	display:block;
	padding:0.6em 1em; color:#222;
}

#header nav.pc_nav ul li a img{
	display: none;
}

ul.navbar_nav li+li:before {
	display:none;
}

header#header nav ul#nav li.n4 {
    display: none;
}

#header nav.pc_nav ul li{
	padding:0;
}

ul.navbar_nav li.n2 a,
ul.navbar_nav li.n5 a,
ul.navbar_nav li.n6 a{
	left:0;
}





header#header #trans {
	float:none; margin:0 0 10px;
}

section#slide img.top_logo {
    position: absolute;
    max-width: 167px;
    bottom: 1em;
    right: 2em;
}





/*********************  top_about sp  ************************/	

#slide div.slide_txt{
    width: 100%;
	margin:auto;
}

#slide div.slide_txt p.for {
    font-size: 3.3em;
}

.lower_inner{
	width: calc(100% - 20%);
	max-width: 750px;
	margin: 0 auto;
}

/********************  トップコンテンツ  **************************/


/**************  top_about  *******************/

section#top_about div.flex{
	margin-top: 3em;
	display: block;
	width: 84.5%;
}

section#top_about div.dis div.vertical{
	padding-top: 0em;
	display:block;
	padding-right:3em;
	padding-left: 0;
}

section#top_about div.dis{
	width:100%;
	max-width:none;
}

section#top_about div.dis div.side {
    position: initial;
    top: 0;
    left: 0;
    display: block;
    transform: translate(0%);
	text-align:center;
	max-width: none;
	margin-top:2em;
}

section#top_about div.sp{
	display:inline;
}

section#top_about div.sp img{
	width:47%;
	display: inline-block;
}

section#top_about div.sp img.sp02{
	margin-left: 5.5%;
}

div.dis div.side {
    transform: translate(0%);
    display: block;
    width: 80%;
    margin: 0 auto;
}

p.btn{
	width: 41%;
	margin: 1em 2%;
	display:inline-block;
}

p.btn a.btn{
	padding: 0.79em 0;
	width: 100%;
	max-width: 231px;
}











/**************  top_goods  *******************/


section#top_goods{
	background: none;
}

section#top_goods div.inner {
    padding: 0;
}

section#top_goods img.sp_tmt{
	width:100%;
}

div.dis{
	width:100%;
}

div.dis_02{
	max-width:none;
	padding-top: 2em;
	margin-bottom: 1em;
}

div.dis img{
	width: 23.8%;
	margin-top: 0em;
}

div.dis img.ilust02{
	margin-top:1em;
}

section#top_goods div.dis{
	padding-top:2em;
	margin-bottom: 1em;
}

div.dis div.vertical {
    position: inherit;
    transform: translate(0%);
    top: 0;
    left: 0;
    width: 13em;
    padding-top: 0em;
    padding-bottom: 1.5em;
    display: block;
    margin:0 auto;
	padding-right: 3.2em;
}



/**************  top_staff  *******************/


section#top_staff div.side p.side{
	text-align:center;
}

section#top_staff p.btn{
	display: block;
	margin: auto;
}

section#top_staff div.many_photo{
	width:100%;
}

section#top_staff div.inner,
section#top_recruit div.inner{
	padding: 1.7em 0;
}

div.dis_02 img.ilust01, div.dis_02 img.ilust03{
	width: 26%;
}


/**************  top_recruit  *******************/

section#top_recruit img.all{
	display:none;
}

section#top_recruit img.all_sp{
	width:100%;
}

p.btn {
    text-align: center;
    margin: 1em auto;
    margin: 1em 0.4em;
}
/**************  top_sns  *******************/
section#top_sns, section#gallery {
    width: 100%;
    padding-bottom: 5%;
    margin-top: 6%;
    float: none;
}


/************ staff ***************/

section#staff figure img {
    width: 100%;
    max-width: 270px;
}

section#staff div.lower_inner{
	width: calc(100% - 15%);
}

section#staff figcaption img.tmt01{
	top: 7px;
    left: -16px;
}

section#staff figcaption img{
    max-width: 200px;
}

section#staff figcaption img.kyuuri {
    top: 5px;
    left: -13px;
}

section#staff figcaption img.tmt02 {
    top: 10px;
    left: -19px;
}

section#staff div.inner{
    margin-bottom: 4em;
}


/*****************************  recruit  ***********************************/
section#recruit div.lower_inner{
	display:block;
}

section#recruit div.lower_inner img{
	width:100%;
}

section#recruit div.flex img.left, 
section#recruit div.flex div.message_txt{
	width:100%;	
}

section#recruit div.flex div.message_txt{
	padding-bottom: 2em;
}

section#recruit p.heading{
	margin-bottom: 1em;
}

h4.green_ttl{
	margin-bottom: 2.5em;
}

section#about_us section#commitment h4.green_ttl{
	margin-bottom: 1.5em;
}

section#recruitment table th{
	width: 8em;
}

h5.contact_form {
    font-size: 1.5em;
    margin-top: 2em;
    margin-bottom: 1.5em;
    letter-spacing: 1px;
}

div.form_box {
    width: 648px;
}

section#recruitment{
	padding-bottom: 3em;
}

section#to_top div.inner{
	padding-bottom: 5em;
	background-size: 51%,24%,24%;
}




/*******************************  goods  ***********************************/
section#commitment {
    padding-bottom: 3em;
    margin-bottom: 4em;
}

section#commitment p.commit_txt02{
	font-size:1em;
}
/*
div.sign{
	width: 78%;
    margin: 0 11%;
    left: -3.5em;
}
*/
section#commitment p.commit_txt01 {
    font-size: 1.2em;
}

section#commitment div.vertical {
    width:11em;
	padding-top: 0em;
	padding-bottom:0;
}

section#commitment p.vertical {
    font-size: 1.5em;
	height: 8em;
}

section#goods div.image_box {
    padding-bottom: 5em;
}

/******************************************/
section#about_us div.common{
	background-size: 216%;
}

section#commitment p.commit_txt01{
	margin-top: 2em;
}

section#about_us section#commitment .lower_inner{
	margin-top: 3em;
}






/**********************  footer  ***************************/


#footer nav{
	float: none;
    display: block;
}

#footer nav.right ul{
	text-align:center;
}

#footer nav.right ul li.weight{
	margin: 0 2.9%;
	text-align: center;
}

p.copy_pc {
    display: none;
}

#footer section.middle_inner{
	text-align:center;	
}

#footer div.footer_logo{
	float: none;
	padding-top: 3em;
}

p.copy_sp {
    display: block;
	text-align: center;
}

/*************20190813 start*************/
section#contact_frame dl dt {
    padding-top: 7em;
}
section#goods dd.frame_contact:before {
    left: -70px;
}
/*************20190813 end*************/



/*IE*/

_:-ms-lang(x)::-ms-backdrop, section#top_about div.dis div.vertical {
	width: 57.8%;
	padding-right: 0px;
}

_:-ms-lang(x)::-ms-backdrop, div.dis_02 div.vertical {
	width:48%;
	max-height: 13em;
	padding-bottom:0;
}

_:-ms-lang(x)::-ms-backdrop, div.dis_02 img.ilust01, div.dis_02 img.ilust03 {
	padding-top: 1em;
	margin-top: 0px;
	width: 25%;
	margin-bottom: 1em;
}


/*EDGE*/

_:-ms-lang(x)::backdrop, section#top_about div.dis div.vertical{
    width:58.5%;
	padding:0;
	max-height:13em;
}

_:-ms-lang(x)::backdrop, div.dis_02 div.vertical {
	width:58.5%;
	padding:0;
}





}

/***********  取り扱い品目  ************/
@media (min-width: 900px) and (max-width: 1059px) {
div.sign p.mail_btn {
    right: 23%;
}

}
/*******Edge******/
/*
_:-ms-lang(x), _::-webkit-meter-bar,div.dis_02 div.vertical {
   padding-left: 6em;
}*/
/*
@media (min-width: 768px) and (max-width: 1059px) {
_:-ms-lang(x)::-ms-backdrop, div.dis div.vertical{
    width: 51%;  
}


_:-ms-lang(x)::backdrop,div.dis div.vertical{
	width:51%;
}

}


section#top_about div.vertical_inner{
	margin: auto;
display: inline;
}
@media (min-width: 1401px) and (max-width: 1500px) {

/*******Edge******/
/*
_:-ms-lang(x), _::-webkit-meter-bar,div.dis_02 div.vertical {
   padding-left: 4.6em;
}
/* IE11 */
/*
_:-ms-lang(x)::-ms-backdrop, div.dis_02 div.vertical {
   padding-left: 4.6em;
}

}

@media (min-width: 1060px) and (max-width: 1400px) {
section#top_about div.dis div.vertical,
section#top_about div.dis_02 div.vertical{
/*transform:translate(0%);*/
/*}

section#top_about div.dis{
	/*width:auto;*/
/*}

/*******Edge******/
/*
_:-ms-lang(x), _::-webkit-meter-bar,div.dis_02 div.vertical {
   padding-left: 3.6em;
}
/* IE11 */
/*_:-ms-lang(x)::-ms-backdrop, div.dis_02 div.vertical {
   padding-left: 3.6em;
}

}




/***** 20200421 ****/

div.jam{
}
div.jam div.jam_inner{
	width: 96%;
	max-width: 1438px;
	margin: auto;
}
div.jam h5{
	font-size: 1.5em;
	font-family: 'Noto Serif JP';
	font-weight: 400;
	letter-spacing: 2px;
	position: relative;
	padding-top: 3em;
	margin-bottom: 3.5em;
}
div.jam h5 span.block{
	display: block;
}
div.jam img.right{
	width: 47%;
	padding-left: 5%;
}
div.jam p{
	font-size:1.125em;
}
div.jam p span.red{
	display: inline-block;
}
div.jam img.left{
	width: 47%;
	padding-right: 5%;
}
div.konyu{
}
div.jam p.konyu_ttl{
	font-family: 'Noto Serif JP';
	font-size: 1.35em;
	margin-top: 3em;
}
div.jam p.konyu_ttl img{
	width: 2em;
	margin:0 0.5em;
	vertical-align: bottom;
}
div.left_box {
	padding-top: 2em;
}
table.jam{
	max-width: 1015px;
	width:100%;
	margin: auto;
	border-collapse: collapse;
	margin-bottom:3em;
}
table.jam th,
table.jam td{
	vertical-align: top;
	border: 1px solid rgba(95,63,44,0.6);
	text-align: left;
	font-weight: 400;
	padding: 0.5em 1em;
}
table.jam th{
	width: 6em;
	text-align: center;
}
table.jam td p.mail_btn{
	text-align: left;
	margin: 1em 0;
}
table.jam td p.mail_btn a{
	font-size: 1em;
	padding: 0.58em 1em;
}
table.jam td ul{
	padding: 0;
	list-style: none;
	margin: 0;
}
table.jam td ul li{
	margin-left: 1em;
	text-indent: -1em;
}
table.jam td ul li:before{
	content:"■";
}
table.jam td ol{
	padding: 0;
}
table.jam td ol li{
	text-indent: 0;
}
table.jam td ol li:before{
	display: none;
}
div.jam div.flex{
	max-width: 1015px;
	margin-bottom: 4em;
}
div.jam div.flex img{
	width: 48.58%;
}

div.jam img.s_jam {
	width: min(800px,100%);
	margin: 0 auto 1em auto;
}