html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
background:transparent;border:0;margin:0;padding:0;}img{vertical-align: bottom;}body{line-height:1;}h1,h2,h3,h4,h5,h6{clear:both;font-weight:normal;}
ol,ul{list-style:none;}blockquote{quotes:none;}blockquote:before,blockquote:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}a img{border:none;}
.clear:after{content:"";display:block;clear:both;}.clear{min-height:1px;}
* html .clear{height:1px;/*\*//*/height: auto;overflow: hidden;/**/
}
*{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
address{font-style:normal;}
hr{margin:0;}

body,input,textarea{
color:#333;
font-size:80%;
line-height:1.2em;
/*letter-spacing:0.1em;*/
}
a{text-decoration:none;}
a:link,a:visited{color:#3B3B3B;}
.items a:link,.items a:visited{color:#000;}


a.link_orange{
	color:#FF9500;
	text-decoration:underline;
}
a.link_orange:hover{opacity:0.6;}

/*a:active,a:hover{color:#999;}*/

/*
footer a:link,footer a:visited{color:#FFF;}
footer a:active,footer a:hover{color:#000;}
*/
body{
height:100%;
padding:0px 0 0px 0;
-webkit-font-smoothing:antialiased;
line-height:1.5;
}
html{
position:relative;
height:auto !important;
height:100%;
min-height:100%;
font-family:"ヒラギノ角ゴ ProN W1 等幅", HiraKakuProN-W3, "HGゴシックE", "ＭＳ Ｐゴシック", "MS PGothic", "MS ゴシック", sans-serif
}


#ttxt{display:none;}

.fs9{font-size:9px;
letter-spacing:-0.05em;}
.fs13l{font-size:13px;line-height:1.7;}

.white{color:#FFF;}
.black{color:#000;}
.orange{color:#FF9500;}
.fs10{font-size:10px;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs14l{font-size:14px;line-height:2.14;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs24{font-size:24px;}
.fs26{font-size:26px;}
.fs28{font-size:28px;}
.fs30{font-size:30px;}
.fs40{font-size:40px;}

.fs20{font-size:20px;line-height:2;}

.bold{font-weight:bold;}




.fs36{font-size:36px;line-height:1;}
.bold{font-weight:bold;}

.fill_white{background:rgba(255,255,255,1);}

.fill_brown{background-color:#E5DBC9;}
.fill_orange{background-color:#FF9500;}
.border_brown{border:1px solid #E5DBC9;}

.fill_fresh{background-color:#FBF5E9;}


.fill_reci1{background-color:#7198E8;}
.fill_reci2{background-color:#F07043;}
.fill_reci3{background-color:#BA57BB;}
.fill_reci4{background-color:#7EBA4E;}
.fill_reci5{background-color:#CD97BC;}

br.sp{display:none;}

/*mbmb----------------------*/
.mb12 {margin-bottom:12px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb70 {margin-bottom:70px !important;}
.mb90 {margin-bottom:90px !important;}


.pb40{padding-bottom:40px !important;}

.pt50{padding-top:50px !important;}

.pp10{padding:10px 10px 10px 20px !important;}
.pp60{padding:60px 0 !important;}


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




/*-------------------------*/


.main{padding-top:130px;}
.mini{padding-top:159px;}
.top_wrap{
background-color:#FBF5E9;
width:100%;
min-width:1000px;
padding-bottom:120px;
}
.comm_wrap{
background-color:#FBF5E9;
width:100%;
min-width:1000px;
padding-bottom:120px;
}




.wid920{
width:920px;
margin:0 auto;
}
.wid820{
width:820px;
margin:0 auto;
}
.wid1000{
width:1000px;
margin:0 auto;
}
.wid1016{
width:1016px;
margin:0 0 0 -8px;
}
.wid1016-wrap{
width:1000px;
margin:0 auto;
overflow:hidden;
}
.wid100p{width:100%;}

.combox{padding:40px 0 0;}

.pos_l,.pos_ll{float:left;}
.pos_l,.pos_ll p{
	line-height: 1.5rem;
}
.pos_ll a{
	color: #FF9500;
}
.pos_ll a:hover{
	text-decoration: underline;
}
.pos_r,.pos_rr{
	float:right;
	position: relative;
}
.pos_c{
margin:0 auto;
text-align:center;
}
.nonhover{
	opacity: 1 !important;
}

.divlink:hover{
	cursor:pointer;
	opacity:0.6;
}

#main_visual{
width:100%;
min-width:1000px;
height:800px;/*coverに影響*/
background:url(../img/main_img.jpg) no-repeat 0 100%;
background-size:cover;
}
#main_visual .row{
	width:100%;
padding-top:222px;
}
#main_visual .row p:first-child{margin-bottom:27px;}
#main_visual .row p:last-child{padding-left:6px;}
h2{
text-align:center;
height:54px;
background:url(../img/h2_line.gif) no-repeat center 51px;
margin-bottom:40px;
}
#topics .wrap{
margin-top:-170px;
padding-left:46px;
padding-right:46px;
}
#topics dt{
display:block;
width:280px;
height:24px;
clear:left;
float:left;
padding-left:170px;
margin-bottom:16px;
}
#topics dd{
display: block;
width:628px;
float:left;
padding-left:20px;
margin-bottom:16px;
}
#topics .news{background:url(../img/topics_news.gif) top left /auto auto no-repeat;}
#topics .so{background:url(../img/topics_so.gif) top left /auto auto no-repeat;}
.redbtn{
position:relative;
width:280px;
height:56px;
background-color:#E50013;
font-size:20px;
font-weight:bolder;
-webkit-border-radius:4px;
border-radius:4px;
}
.redbtn a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
color:#FFF;
padding-top:12px;
}
.redbtn a span{
padding-right:24px;
background:url(../img/red_arrow.gif) no-repeat 100% 4px;
}

.redbtn2{
position:relative;
max-width:488px;
min-height:67px;
background-color:#E50013;
font-size:20px;
font-weight:bolder;
-webkit-border-radius:4px;
border-radius:4px;
}
.redbtn2 a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
color:#FFF;
letter-spacing:-0.07em;
padding:18px 0 0 15px;
}
.redbtn2 a span{
	display:inline-block;
height:39px;
padding-left:50px;
background:url(../img/contact_mail.gif) no-repeat 0 2px;
}

.whibtn{
position:relative;
width:280px;
height:56px;
border:2px solid #FFF;
/*background-color:#E50013;*/
font-size:20px;
font-weight:bolder;
-webkit-border-radius:4px;
border-radius:4px;
}
.whibtn a{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
color:#FFF;
padding-top:12px;
}
.whibtn a span{
padding-right:24px;
background:url(../img/whi_arrow.png) no-repeat 100% 4px;
}



#top #feature ul li{margin-bottom:40px;}
#top #feature ul li>div{display:table;}
#top #feature ul li>div .row{
width:390px;
height:240px;
display:table-cell;
vertical-align:middle;
text-align:center;
}
#top #feature ul li>div.txt span{
display:inline-block;
padding:5px 10px;
margin-bottom:10px;
}


/*
#top #feature ul li{
display:table;
margin-bottom:40px;
}
#top #feature ul li>div{
display:table-cell;
}
#top #feature ul li>div.txt{
vertical-align:middle;
text-align:center;
width:384px;
}
#top #feature ul li>div.txt span{
display:inline-block;
padding:5px 10px;
margin-bottom:10px;
}*/


#feature_recipe ul li{
width:320px;
height:316px;
margin-right:20px;
}
#feature_recipe ul li:last-child{margin-right:0;}
#feature_recipe ul li .row{
padding:20px 20px 0 20px;
line-height:-0.11em;
}
#feature_recipe ul li .row p{
margin-top:5px;
letter-spacing:-0.02em;
line-height:1.4;
}
#feature_recipe ul li span{
padding:5px 10px;
}





.comm_wrap #main_visual{
width:100%;
min-width:1000px;
height:198px;
text-align:center;
padding-top:80px;


}
.comm_wrap #main_visual h1{letter-spacing:0.1em;}


#about .comm_wrap #main_visual{background:url(../img/about_main.jpg) center center /cover no-repeat;}
#company .comm_wrap #main_visual{background:url(../img/company_main.jpg) center center /cover no-repeat;}
#product .comm_wrap #main_visual{background:url(../img/product_main.jpg) center center /cover no-repeat;}
#recipe .comm_wrap #main_visual{background:url(../img/recipe_main.jpg) center center /cover no-repeat;}


#about .comm_wrap .row{
	padding-top:410px;
	background:url(../img/about_img01.jpg) top center /100% auto no-repeat;
}
#about .row01 .pos_l{width:368px;}
#about .row01 .pos_r{width:412px;}
#about .row02 .pos_r{width:368px;}
#about .row02 .pos_l{width:412px;}


#company .fill_white .row{padding:0 35px 70px;}
#company dl{
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
line-height:2.4;
}
#company dt,
#company dd{border-top:1px solid #ccc;}
#company dt{
width:200px;
padding:15px 45px 0 45px;
float:left;
font-weight:bold;
-moz-text-align-last:justify;
text-align-last:justify;
}
#company dd{
margin-left:200px;
padding:15px 45px 13px 45px;
border-left:1px solid #ccc;
}
#company dd:after{
content:'';
display:block;
clear:both;
}


#contact .border_brown{padding:60px 20px;}
#contact .tel{
	margin:0 auto 10px;
}

#contact .fill_fresh{padding:30px 20px 50px;}


#contact input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #FFF inset;
}
#contact form input[type="text"]{
font-size:16px;
background:#FFF;
border:1px solid #F0E8D9;
width:669px;/*812*/
padding:0 5px;
}




#contact form>div{margin-bottom:6px;}
#contact form .hgt42>p{line-height:42px;}
#contact form .hgt42>p,
#contact form .hgt42>input{
	height:42px;
}
#contact form .hgt191>p{line-height:191px;}
#contact form .hgt191>p,
#contact form .hgt191>textarea{height:191px;}
#contact form .hgt186>p{height:186px;line-height:186px;}

#contact form>div>p{padding-left:10px;}
#contact form p.hisu{
	padding-left:43px;
	background:url(../img/form_hisu.gif) 10px 50% no-repeat;
}


#contact form .hgt186 input{
	display:inline-block;
	margin-bottom:6px;
	height:42px;
	width:519px;
}
#contact form .hgt186 p:nth-child(-n+2) input{width:162px;}
#contact form .hgt186 .sub_midashi{
	margin-bottom:6px;
	height:42px;
}
#contact form .hgt186 .sub_midashi span{
	display:inline-block;
	text-align:right;
	margin-right:10px;
	width:140px;
}
.enddiv p{display:inline-block;}


#contact #business form .tbox01 p.hisu{
padding-left:0;
background:url(../img/form_hisu.gif) left 2em top 50% no-repeat;
}
#contact #business form .tbox01 p.hisu:nth-child(-n+2){background:url(../img/form_hisu.gif) left 3em top 50% no-repeat;}



#contact form .hgt186 input:last-child{margin-bottom:0;}
#contact form p.midashi{
	width:205px;/*245*/
	background-color:#E5DBC9;
	margin:0 6px 0 0;
}


.select-wrap{
display:inline-block;
background:#FFF url(../img/form_arrow.gif) right 50% no-repeat;
border:1px solid #F0E8D9;
}
.sbox01 select{
width:215px;
height:42px;
font-size:14px;
padding-left:10px;
-webkit-appearance:none;
-moz-appearance: none;
appearance:none;
background:transparent;
border:0;
outline:none;
}
.sbox01 select::-ms-expand {
    display: none;
}
.rbox01{padding:10px 0 0 10px;}
#contact form input[type=radio]{
width:16px;
height:16px;
}
#contact form .rbox01 label{margin-right:20px;}

#contact form textarea{
font-size:16px;
background:#FFF;
border:1px solid #F0E8D9;
width:669px;
padding:5px;
resize:vertical;
}





table.formTable{
width:100%;
margin:0 auto 1em;
border-collapse:collapse;
}
table.formTable td{background-color:#FFF;}
table.formTable td,table.formTable th{
border:1px solid #E6DCCA;
padding:10px;
}
table.formTable th{
width:30%;
font-weight:normal;
background:#F2EDE4;
text-align:left;
}

.redbtn4{
position:relative;
max-width:388px;
min-height:67px;
background-color:#E50013;
font-size:20px;
font-weight:bolder;
-webkit-border-radius:4px;
border-radius:4px;
}
.redbtn4 button{
background-color:transparent;
border:none;
cursor:pointer;
outline:none;
padding:0;
appearance:none;
height:67px;
width:100%;
font-weight:bolder;
font-size:20px;
color:#FFF;
}
.redbtn4:hover{opacity:0.6;}






.redbtn3{
cursor:pointer;
position:relative;
max-width:488px;
min-height:67px;
background-color:#E50013;
font-size:20px;
font-weight:bolder;
-webkit-border-radius:4px;
border-radius:4px;

}
.redbtn3:hover{opacity:0.6;}
form input.button{
position:relative;
/*max-width:488px;*/
width:100%;
min-height:67px;
background-color:#E50013;
font-size:20px;
color:#FFF;
font-weight:bolder;
-webkit-border-radius:4px;
border-radius:4px;
border-style:none;
}


#privacy .comm_wrap .wid1000 .row{padding:20px 60px 0;}
#privacy .comm_wrap .wid1000 dt{
margin-bottom:5px;
font-weight:bold;

}
#privacy .comm_wrap .wid1000 dt:first-child{margin-bottom:30px;}
#privacy .comm_wrap .wid1000 dd{

margin-bottom:60px;
}

#privacy .comm_wrap .wid1000 .row li{margin-bottom:30px;}
#privacy .comm_wrap .wid1000 .row .txt{text-align:right;}




header{
width:100%;
position:fixed;
top:0;
z-index:2;
border-top:11px solid #E70014;
border-bottom:1px solid #B2B2B2;
background-color:#FFF;
}
header nav{
position:relative;
width:1000px;
margin:0 auto;
/*padding-bottom:10px;*/
text-align:center;
}
header nav .titles{
position:absolute;
top:30px;
}
header nav .logo{
width:90px;

padding-top:13px;
margin:0 auto 10px;
}
header nav .logo img{width:100%;}

header nav .contact a{
position:absolute;
top:30px;
right:0;
padding-right:10px;
background:url(../img/head_arrow01.gif) no-repeat 100% 6px;
}

header nav ul li{
display:inline-block;
margin:0 20px;
padding-bottom:10px;
}
header nav ul li a:hover,
header nav ul li a.active{
border-bottom:3px solid #E50011;
padding-bottom:11px;
}
header .sp_logo{display:none;}
header .sp_contact{display:none;}


.pan{padding:10px 0;}
.pan li{display:inline-block;}
/*pan li:after{content:" ＞ ";}
.pan li:last-child:after{content:"";}*/
.pan li:before{content:" ＞ ";}
.pan li:first-child:before{content:"";}
/*.pan li a{border-bottom:1px solid #B3B3B3;}*/



footer{
width:100%;
min-width:1000px;
}
footer ul{
position:relative;
padding:0 20px;
text-align:right;
}
footer .copyr{
position:relative;
padding:0 20px;
margin:20px 0 30px;
}
/*
footer .copyr .pos_l{width:250px;}
footer .copyr .pos_l img{width:100%;}
*/
footer .copyr .pos_r{padding-top:28px;}
footer .row{
border-bottom:1px solid #B3B3B3;
padding-bottom:14px;
}
footer ul li{
display:inline-block;
margin-left:20px;
text-align:right;
padding-top:13px;
}
footer ul li:nth-child(4){margin-left:4px;}
footer ul li.txt{
position:relative;
top:-7px;
}
footer ul li.txt a{
padding-left:10px;
background:url(../img/foot_arrow.gif) no-repeat 0 4px;
}
footer .sp_logo{display:none;}

#pageTop{
position:fixed;
bottom:20px;
right:20px;
z-index:5;
}
#pageTop a{
display:block;
width:50px;
height:50px;
background:url(../img/btn_top.png) no-repeat 0 0;
}



button.drawer--sidebar,
button.drawer-hamburger{display:none;}

@media (min-width:730px){
header nav .recruit a{
	position:absolute;
	display: flex;
	align-items: center;
	top:26px;
	right:120px;
	padding: 2px 14px;
	border: 2px solid #000;
	border-radius: .4rem;
	font-weight: bold;
	/* background:url(../img/head_arrow01.gif) no-repeat 100% 6px; */
}
header nav .recruit a::after{
	content: "";
	border-left: 4px solid #000;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	margin-left: 5px;
}
header .recruitsp a{
	display: none;
}
}

@media (max-width:730px){

.fs15{font-size:14px;}
.fs16{font-size:14px;}
.fs17{font-size:14px;}
.fs18{font-size:15px;}
.fs20{font-size:16px;}
.fs24{font-size:18px;}
.fs26{font-size:19px;}
.fs28{font-size:20px;}
.fs30{font-size:22px;}

header nav .recruit{
	display:none;
}


.top_wrap,
.comm_wrap{min-width:100%;}

br.sp{display:block;}

.mini{padding-top:113px;}
.mini .comm_wrap{padding:0 20px 120px;}
.mini .combox{padding:40px 10px;}

.wid920,
.wid820,
.wid1000,
.wid1016,
.wid1016-wrap{
width:100%;
margin:0 auto;

}
.pos_l,
.pos_r{float:none;
margin-bottom:20px;}

.sp_wrap{padding:20px}
.sp_wrap_notop{padding:0 20px 20px 20px;}

.combox{padding:40px 20px 0;}


.main{padding-top:82px;}







#main_visual{
min-width:100%;
background-position:60% 100%;
height:480px;}

#main_visual .row{
width:100%;
padding-top:102px;
}

#main_visual .row p,
#main_visual .row p:last-child{padding:0 20px;}


#about .comm_wrap #main_visual{background:url(../img/about_main.jpg) left 5% center /cover no-repeat;}
#company .comm_wrap #main_visual{background:url(../img/company_main.jpg) center center /cover no-repeat;}
#product .comm_wrap #main_visual{background:url(../img/product_main.jpg) center center /cover no-repeat;}
#recipe .comm_wrap #main_visual{background:url(../img/recipe_main.jpg) left 25% center /cover no-repeat;}


#topics{padding:0 20px;}
#topics .wrap{
margin-top:-100px;
padding-left:20px;
padding-right:20px;
}
#topics dt{
font-size:16px;
float:none;
padding-left:120px;
margin-bottom:10px;
}
#topics dd{
width:100%;
float:none;
padding-left:5px;
}

#topics .news{background:url(../img/topics_news.gif) center left /110px auto no-repeat;}
#topics .so{background:url(../img/topics_so.gif) center left /110px auto no-repeat;}



article img,
#main_visual img,
.comm_wrap img:not(.no_expand){width:100%;}
.comm_wrap #main_visual{
min-width:100%;
height:145px;
padding-top:60px;
}


#about .comm_wrap .row{
	padding-top:493px;
	background:url(../img/about_img01.jpg) top center /auto 443px no-repeat;
}
#about .comm_wrap .pos_c{font-size:14px;}
#about .row01 .pos_l,
#about .row01 .pos_r,
#about .row02 .pos_r,
#about .row02 .pos_l{width:100%;}

.h_fix{
	position:relative;
	width:100%;
	height:443px;
	overflow:hidden;
	margin:0 auto;
	}
.h_fix img{
	/*
	position:absolute;
	right:20px;
	left:0;
	*/
}
#company dt{
width:70px;
padding:15px 10px 0 10px;
}
#company dd{
margin-left:70px;
padding:15px 10px 13px 10px;
}


#contact .border_brown{padding:40px 20px;}

#contact .tel{
    font-size: 27px;
}


.redbtn2{
min-height:77px;
font-size:14px;
/*margin:0 20px;*/
}
.redbtn2 a{padding:18px 0 0 20px;}
.redbtn2 a span{
height:39px;
padding-left:32px;
background:url(../img/contact_mail.gif) left 0 top 10px /auto 20px no-repeat;
}



#contact form ::-webkit-input-placeholder{font-size:11px;}

#contact form input[type="text"]{width:100%;}
#contact form>div{margin-bottom:6px;}
#contact form .hgt191>p{line-height:42px;}
#contact form .hgt191>p{height:42px;}
/*#contact form .hgt191>textarea{height:191px;}*/
#contact form .hgt186>p{height:42px;line-height:42px;}
#contact form .hgt186 input{width:100%;}
#contact form .hgt186 p:nth-child(-n+2) input{
width:67%;
width:-webkit-calc(100% - 85px);
width:calc(100% - 85px);
}
#contact form .hgt186 p:nth-child(n+3) input{
width:67%;
width:-webkit-calc(100% - 85px);
width:calc(100% - 85px);
}
#contact form .hgt186 input:last-child{margin-bottom:0;}
#contact form p.midashi{
width:100%;
background-color:#E5DBC9;
margin:0 0 6px 0;
}
#contact form .hgt186 .sub_midashi span{
	font-size:11px;
	margin-right:10px;
	width:75px;
}

#contact #business form .tbox01 p.hisu{
padding-left:0;
background:url(../img/form_hisu.gif) left 0 top 50% no-repeat;
}
#contact #business form .tbox01 p.hisu:nth-child(-n+2){background:url(../img/form_hisu.gif) left 0em top 50% no-repeat;}


.sbox01 select{
width:218px;
margin:0 auto;
}

/*
#contact form .hgt186>p{height:186px;line-height:186px;}

#contact form>div>p{padding-left:10px;}
#contact form p.hisu{
	padding-left:43px;
	background:url(../img/form_hisu.gif) 10px 50% no-repeat;
}


#contact form .hgt186 input{
	display:inline-block;
	margin-bottom:6px;
	height:42px;
	width:662px;
}
#contact form .hgt186 p:nth-child(-n+2) input{width:162px;}
#contact form .hgt186 .sub_midashi{
	margin-bottom:6px;
	height:42px;
}
#contact form .hgt186 .sub_midashi span{
	display:inline-block;
	text-align:right;
	margin-right:10px;
	width:140px;
}
*/






.sbox01{text-align:center;}
.rbox01{text-align:center;}
#contact form textarea{width:100%;}



#top #feature ul li{margin-bottom:40px;}
#top #feature ul li>div{display:block;
margin-bottom:0;}
#top #feature ul li>div .row{
	display:block;
width:100%;
height:auto;
padding:15px 0;

}

#top #feature ul li .img img{height:auto;}
#top #feature ul li>div.txt span{

}



/*
#top #feature ul li{
display:block;
margin-bottom:40px;
}
#top #feature ul li>div{
display:block;
}
#top #feature ul li>div.txt{
padding:15px 0;
width:100%;
}
#top #feature ul li>div.txt span{
display:inline-block;
padding:5px 10px;
margin-bottom:10px;
}
*/

#feature_recipe ul li{
width:100%;
height:auto;
margin-right:0;
padding-bottom:20px;
}

#feature_recipe ul li img{height:auto;}

#privacy .comm_wrap .wid1000 .row{padding:20px 15px 0;}
#privacy .comm_wrap .wid1000 dt:first-child{margin-bottom:20px;}
#privacy .comm_wrap .wid1000 dd{margin-bottom:45px;}
#privacy .comm_wrap .wid1000 .row li{margin-bottom:20px;}

















header .logo{display:none;}
header .contact{display:none;}
header .sp_logo{
	display:block;
	width:54px;
	margin:15px auto;

}
header .sp_logo img{width:100%;}
header .sp_contact{display:block;
padding-bottom:20px;
border-bottom:1px solid #B2B2B2;}

header .recruitsp a{
	position:absolute;
	display: flex;
	align-items: center;
	top:20px;
	right:17%;
	padding: 1px 2px;
	border: 2px solid #000;
	border-radius: .4rem;
	font-size: 10px;
	font-weight: bold;
	/* background:url(../img/head_arrow01.gif) no-repeat 100% 6px; */
}
header .recruitsp a::after{
	content: "";
	border-left: 3px solid #000;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
	margin-left: 1px;
}

header nav{
position:relative;
width:1000px;
margin:0 auto;
padding-bottom:10px;
text-align:center;
}
header nav .titles{display:none;}

header nav .contact a{
	position:relative;
	bottom:0px;
	right:auto;

padding-right:0px;
background:none;
}
header nav ul li{
display:block;
margin:20px 0;
padding-bottom:20px;
border-bottom:1px solid #B2B2B2;
}
header nav ul li a:hover,
header nav ul li a.active{
border-bottom:none;
padding-bottom:0;
}

.pan{padding:10px 20px;display:none;}


#top footer{
width:100%;
min-width:100%;
}
footer{
width:100%;
min-width:100%;
}

footer .sp_logo{
display:block;
width:80%;
margin:30px auto 20px;
padding:0 10px;
text-align:center;
}
footer .sp_logo img{
width:100%;
max-width:356px;
}
footer ul{
padding:0 30px;
text-align:center;
}
footer ul li.txt{display:none;}
footer .copyr .pos_l{display:none;}
footer .copyr{
text-align:center;
padding:0;
margin:0 0 15px 0;
}
footer .row{padding-bottom:20px;}
footer ul li{
margin-left:0;
padding-top:0;
}


footer .copyr .pos_l{margin-bottom:0;}
footer .copyr .pos_r{
margin-bottom:0;
padding-top:16px;
}


button.drawer--sidebar,
button.drawer-hamburger{
display:inline;
background-color:#E70014;
}
/*drawer set*/
.drawer-hamburger{padding:15px 15px 30px;}
.drawer-hamburger-icon{
position:relative;
display:block;
margin-top:15px;
}
.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before{
width:32px;
height:3px;
background-color:#FFF;
}
.drawer-nav{
width:70%;
background-color:rgba(255,255,255,1.0);
}
.drawer--right .drawer-nav{right:-70%;}
.drawer--right.drawer-open .drawer-hamburger{right:70%;}

.drawer-hamburger:hover{
	/*background-color:transparent*/
}


}
/*--------------------
追記
--------------------  */
header {
	z-index: 100000;
}
.drawer-hamburger {
	z-index: 100002;
}
.top_wrap #main_visual {
	position: relative;
	background: none;
	height: auto;
}
.top_wrap #main_visual .wid1000 {
	width: auto;
	padding-top: 0;
	position: absolute;
	z-index: 1000;
/** spring
	right: 17vw;
	top: 22vw;
**/
/** summer
	left: 19vw;
	top: 24vw;
**/
/** autum
	left: 31vw;
	top: 19vw;
**/
/** winter
	left: 28vw;
	top: 25vw;
**/
	left: 28vw;
	top: 25vw;

}
#main_visual .row {
	width: 38.215vw;
	padding-top: 0;
}
#main_visual .row p {
	width: 100%;
}
#main_visual .row p img {
	width: 100%;
}
#main_visual .row p:first-child {

}
#main_visual .row p:last-child {
    width: 96.825%;
}
#topics .wrap {
	margin-top: -8vw;
	z-index: 1000;
	position: relative;
}
.top_wrap #main_visual .slick-dotted.slick-slider {
	margin-bottom: 0;
}
.top_wrap #main_visual .slick-dots {
	bottom: 10vw;
}
.top_wrap #main_visual .slick-dots li {
	width: 15px;
	height: 15px;
	margin: 0 12px;
}
.top_wrap #main_visual .slick-dots li button:before {
	content: '';
	background: #fff;
	border: 2px solid #e50014;
	opacity: 1;
	width: 15px;
	height: 15px;
}
.top_wrap #main_visual .slick-dots li.slick-active button:before {
	opacity: 1;
	background: #e50014;
}
.slick-slide img {
	width: 100%;
}
.pc_only {
	display: inherit!important;
}
.sp_only {
	display: none!important;
}
@media (max-width:1000px){
.top_wrap #main_visual .wid1000 {
	top: 220px;
}
	#main_visual .row {
		width: 382px
	}
}
@media (max-width:730px){
	.pc_only {
		display: none!important;
	}
	.sp_only {
		display: inherit!important;
	}
	.top_wrap #main_visual .wid1000 {
		width: 100%;
    left: 0;
    top: 35vw;
	}
	#main_visual .row {
		text-align: center;
		width: 100%;
	}
	#main_visual .row p,
	#main_visual .row p:last-child {
		width: 80%;
    display: inline-block;
	}
	#main_visual .row p, #main_visual .row p:last-child {
		padding: 0;
	}
	#main_visual .row p:first-child {
    margin-bottom: 3%;
}
	.top_wrap #main_visual .slick-dots li {
		width: 10px;
    height: 10px;
    margin: 0 7px;
	}
	.top_wrap #main_visual .slick-dots li button:before {
		width: 10px;
		height: 10px;
    border: 1px solid #e50014;
	}
	.top_wrap #main_visual .slick-dots {
    bottom: 12vw;
	}
}