@charset "utf-8";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary { display:block;}
li{ list-style:none;}
blockquote, q { quotes:none;}
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none;}
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;}
ins { background-color:#ff9; color:#000; text-decoration:none;}
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help;}
table { border-collapse:collapse; border-spacing:0;}
hr { display:block; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;}
input, select { vertical-align:middle;}

.bold { font-weight:bold;}
.fl { float:left;}
.fr { float:right;}
.clear { clear:both;}
.al { text-align:left;}
.ar { text-align:right;}
.ac { text-align:center;}
.clearfix:after { height:0; visibility:hidden; content:"."; display:block; clear:both;}
.clearfix { _height: 1px; min-height: 1px; /*￥*//*/ height: auto; overflow: hidden; /**/}
.hidden { display: none;}
.absolute { position:absolute;}
.relative { position:relative;}

.menu-trigger,.menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box;}
.menu-trigger { position: relative; width:30px; height:24px;}
.menu-trigger span { position:absolute; left:0; width:100%; height:4px; background-color:#1a1a1a; border-radius:4px;}
.menu-trigger span:nth-of-type(1) { top:0;}
.menu-trigger span:nth-of-type(2) { top:10px;}
.menu-trigger span:nth-of-type(3) { bottom:0;}
.menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(10px) rotate(-45deg); transform: translateY(10px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2) { opacity:0;}
.menu-trigger.active span:nth-of-type(3) { -webkit-transform: translateY(-10px) rotate(45deg); transform: translateY(-10px) rotate(45deg);}


* { -webkit-text-size-adjust:100%; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
body { text-align: center; font-family:"ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", "verdana", sans-serif; line-height:1.7; color:#000; letter-spacing:0.1em;}
body,html{ height:100%;}
img{ border:none; vertical-align:middle; max-width:100%;}
img{ width:auto\9; height:auto\9;}
a{ text-decoration: none; color:#333;}
a:hover{ text-decoration: none;}
header, footer, nav, section, article, aside, h1, h2, h3, h4, h5, h6, div, p, dl, dt, dd, table, th, td, a,li { box-sizing: border-box;}


header{ width:100%; background:rgba(255,255,255,0.94); position:fixed; top:0; left:0; z-index:500; height:92px;}
#headerWrapper{ max-width:1100px; width:100%; margin:0 auto; padding:1.5rem 0 0; text-align:left; position:absolute; top:0; left:50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0);}
#logo{ position:relative; padding:0 0 0 5rem;}
#logo:after{ content:""; display:block; position:absolute; top:-1rem; left:0; width:4rem; height:4rem; background:url(svg/logo_icon.svg) 0 0 no-repeat; background-size:contain;}
#logo img{ width:auto; height:2.5rem; margin:0 auto;}


#headerNavWrapper{ text-align:right; max-width:1100px; width:100%; margin:0 auto; padding:0 0 0 1rem;}
#headerNav{ margin:1rem 0 1rem;}
#headerNav > li{ display:inline-block; padding:0.5rem 0 0.5rem 0; text-align:center; position:relative; margin-left:2rem;}
#headerNav > li:after{ content:""; position:absolute; bottom:0; left:0; width:0; height:1px; background:#f6ba00; transition: all 0.5s; -webkit-transition: all 0.5s;}
#headerNav > li:hover:after{ width:100%;}
#headerNav > li:last-child:hover:after{ width:0;}
#headerNav > li > a{ color:#0071b8; color:#000; font-weight:bold; font-size:1rem; line-height:1.4; transition: all 0.5s; -webkit-transition: all 0.5s;}
#headerNav > li > a > span{ color:#000; font-weight:normal; display:block; font-size:0.7rem; transition: all 0.5s; -webkit-transition: all 0.5s;}
#headerNav > li:hover > a{ color:#f6ba00;}
#headerNav > li:hover > a > span{ color:#f6ba00;}
#headerNav > li.contactBtn{ border:1px solid #999; padding:0.5rem 1rem 0.5rem; border-radius:10px; transition: all 0.5s; -webkit-transition: all 0.5s;}
#headerNav > li.contactBtn:hover{}


#mainWrapper{ position:relative; width:100%; max-width:1280px; margin:92px auto 0;}
#mainObjWrapper{ position:absolute; left:50%; top:50%; padding:4rem 4rem; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); display:inline-block; background:rgba(247,187,0,0.9); box-shadow:0px 0px 3px 1px #cb9a00;}
#mainObjWrapper > h2 > img{ height:2.5rem; width:auto;}
#mainObjWrapper > h2{ margin-bottom:2rem;}
#mainObjWrapper > p > img{ height:6rem; width:auto;}


.defautlContentWrapper{ max-width:1024px; margin:4rem auto; padding:0 1rem;}
.catTitle > dl > dt{ color:#0071b8; font-weight:bold; font-size:1.5rem; line-height:1.4;}
.catTitle > dl > dd{ color:#333; font-weight:normal; font-size:0.8rem;}

.worksBtn{ position:relative; background:#f7bb00; border-radius:10px; padding:2rem 4rem 2rem; display:inline-block;}
.worksBtn:after{ content:""; position:absolute; bottom:0.5rem; left:0.5rem; background:url(svg/hand_icon.svg) center center no-repeat; background-size:contain; width:3rem; height:3rem;}
.worksBtn > dl{ position:relative;}
.worksBtn > dl > dt{ color:#000; font-weight:normal; font-size:0.8rem; line-height:1.7;}
.worksBtn > dl > dd{ color:#fff; font-weight:bold; font-size:1.5rem;}


#newsWrapper{ margin:4rem auto 0;}
#newsInner{ margin:2rem auto 0; padding:2rem 0; border-top:2px dotted #f7bb00; border-bottom:2px dotted #f7bb00;}
#newsInner > dl{ display:table; table-layout:fixed; width:100%; font-size:0.8rem; max-width:720px; margin:0 auto;}
#newsInner > dl > dt{ display:table-cell; width:20%; text-align:left;}
#newsInner > dl > dd{ display:table-cell; width:80%; text-align:left;}


#importantListWrapper{ height:300px; height:auto; position:relative; background:#f7bb00; background:#fff; margin:8rem auto;}
#importantListWrapper > p{ color:#fff; margin:0 auto; font-size:1.5rem; position:relative; top:0;}
#importantListWrapper > p.catTitle{ background:#f7bb00; line-height:1; padding:1rem 0; margin:2rem auto;}

#importantSlideWrapper{ position:relative; max-width:1080px; width:100%; margin:0 auto;}
#importantSlideInner{ max-width:960px; width:100%; overflow:hidden; margin:0 auto;}
#importantList{ width:2880px;}
#importantList > li{ width:320px; float:left; padding:5px 1rem; position:relative;}
#importantList > li > div{ background:#fff; text-align:left; padding:1rem; box-shadow:0px 0px 3px 1px #cb9a00;}
#importantList > li > div > h2{ font-size:1rem; margin:1rem 0 0.5rem;}
#importantList > li > div > p{ font-size:0.8rem;}
#importantList > li > div > p.linkText{ text-align:right; font-size:0.8rem; margin-top:1rem;}
#importantList > li > div > p.linkText > a{ display:inline-block; background-color:#000; color:#fff; padding:0.2rem 0.5rem;}
#importantList > li > span{ font-size:3rem; color:#0071b8; position:absolute; top:-0.5rem; left:1.5rem; font-weight:normal; font-family: serif;}
#importantSlideBackBtn{ position:absolute; top:50%; left:0; width:2rem; height:2rem; background:url(svg/slide_back.svg) center center no-repeat; background-size:contain; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); cursor:pointer;}
#importantSlideNextBtn{ position:absolute; top:50%; right:0; width:2rem; height:2rem; background:url(svg/slide_next.svg) center center no-repeat; background-size:contain; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); cursor:pointer;}


#about{ margin-top:-120px; padding-top:120px;}
#aboutWrapper{ margin:0 auto; position:relative;}
#aboutWrapper p{ margin:2rem auto 0;}
#aboutListWrapper{ padding:120px 0;}
#aboutListWrapper > ul > li{ display:inline-block; width:380px; margin:0 0.5rem; position:relative; vertical-align:middle;}
#aboutListWrapper > ul > li:nth-child(1){ top:0;}
#aboutListWrapper > ul > li:nth-child(2){ top:0;}
#aboutListWrapper > ul > li:nth-child(3){ top:0;}
#aboutListWrapper > ul > li > a > div{ padding:4rem; position:relative;}
#aboutListWrapper > ul > li > a > div:before{ content:""; position:absolute; top:50%; left:50%; background:#fff; border-radius:50%; width:380px; height:380px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); box-shadow:0px 0px 3px 1px #cb9a00;}
#aboutListWrapper > ul > li > a > div > h3 > dl > dt{ font-size:1.2rem; margin-bottom:1rem; color:#0071b8; border-bottom:1px dotted #333; padding-bottom:1rem; position:relative;}
#aboutListWrapper > ul > li > a > div > h3 > dl > dd{ color:#333; position:relative;}

#aboutListWrapper > ul > li:nth-child(1):hover > a > div:before{ content:""; position:absolute; top:50%; left:50%; background:url(img/about1_over.jpg) center center no-repeat; background-size:cover; border-radius:50%; width:380px; height:380px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); box-shadow:0px 0px 3px 1px #cb9a00;}
#aboutListWrapper > ul > li:nth-child(1):hover > a > div:after{ content:"わたしたちの仕事"; font-size:1.2rem; color:#fff; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
#aboutListWrapper > ul > li:nth-child(1):hover > a > div > h3{ display:none;}

#aboutListWrapper > ul > li:nth-child(2):hover > a > div:before{ content:""; position:absolute; top:50%; left:50%; background:url(img/about2_over.jpg) center center no-repeat; background-size:cover; border-radius:50%; width:380px; height:380px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); box-shadow:0px 0px 3px 1px #cb9a00;}
#aboutListWrapper > ul > li:nth-child(2):hover > a > div:after{ content:"働く環境"; font-size:1.2rem; color:#fff; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
#aboutListWrapper > ul > li:nth-child(2):hover > a > div > h3{ display:none;}

#aboutListWrapper > ul > li:nth-child(3):hover > a > div:before{ content:""; position:absolute; top:50%; left:50%; background:url(img/about3_over.jpg) center center no-repeat; background-size:cover; border-radius:50%; width:380px; height:380px; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); box-shadow:0px 0px 3px 1px #cb9a00;}
#aboutListWrapper > ul > li:nth-child(3):hover > a > div:after{ content:"事業所案内"; font-size:1.2rem; color:#fff; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
#aboutListWrapper > ul > li:nth-child(3):hover > a > div > h3{ display:none;}




#movieWrapper{ margin:0 auto; max-width:680px;}
.movie{ position:relative; height:0; padding-top:56.25%; /* 16:9 */}
iframe{ height:100%; position:absolute; left:0; top:0; width:100%;}


#worksWrapper{ margin:0 auto 4rem;}


#companyWrapper{ margin:8rem auto 0;}
.tableWrapper{ background-color:#f7bb00; padding:1rem; max-width:960px; margin:2rem auto;}
.tableWrapper > table{ background-color:rgba(255,255,255,0.9); font-size:0.8rem;}
.tableWrapper > table th{ width:30%; padding:1rem 1rem; border-bottom:1px dotted #f7bb00; border-right:1px dotted #f7bb00; vertical-align:middle;}
.tableWrapper > table td{ width:70%; padding:1rem 1rem; border-bottom:1px dotted #f7bb00; text-align:left;}
.placeList li{ margin-top:1rem;}
.placeList li:first-child{ margin-top:0;}


#offerWrapper{ margin:8rem auto 8rem;}
#offerWrapper > h2{ color:#fff; font-size:1.5rem;}
#offerWrapper > h2.catTitle{ background:#f7bb00; line-height:1; padding:1rem 0; margin:2rem auto;}
#offerContent{ max-width:860px; background-color:rgba(255,255,255,1); margin:0 auto; padding:2rem; margin-top:2rem; box-shadow:0px 0px 3px 1px #cb9a00;}
#offerContent > p{ font-size:1rem; margin:0 auto 2rem; text-align:left;}
#offerContent > p.pointText{ font-size:1.4rem; background:#ddf2ff; display:inline-block; padding-left:1rem; padding-right:1rem;}
#offerContent > ul{ display:inline-block;}
#offerContent > ul > li{ font-size:0.8rem; text-align:left;}
#offerContent > ul > li:before{ content:"○ ";}


.bgColor{ background:#f7bb00;}
.contentWrapper{ width:100%; overflow:hidden; padding:1px 0;}
.svgUpWrapper{ width:100%; height:200px; margin-bottom:-1px; position:relative; overflow:hidden;}
.svgUpWrapper > svg{ width:100%; height:100%;}
.svgBottomWrapper{ width:100%; height:200px; margin-top:-1px; position:relative; overflow:hidden; z-index:-1;}
.svgBottomWrapper > svg{ width:100%; height:100%;}
.leftUpIcon{ position:absolute; top:4rem; left:4rem;}
.leftUpIcon > img{ width:5.5rem; height:5.5rem;}
.rightUpIcon{ position:absolute; top:0; right:0;}
.rightUpIcon > img{ width:6rem; height:6rem;}


footer{ padding:0; position:relative;}
#footerWrapper{ max-width:1024px; margin:0 auto 2rem; display:table; table-layout:fixed; width:100%;}
#footerInfoWrapper{display:table-cell;padding:0 1rem;width: 68%;text-align:left;vertical-align:top;}
#footerInfoWrapper > p{ font-size:0.8rem; margin:1rem 0 2rem;}
#footerInfoWrapper > p > a{ display:inline-block; background-color:#333; color:#fff; padding:0.2rem 0.5rem; border-radius:5px; margin-left:0.5rem; font-size:0.6rem; line-height:1;}
.snsList > li{ display:inline-block; margin:0 1rem 0 0;}
.snsList > li > a > img{ height:2rem; width:auto;}

#footerNavWrapper{display:table-cell;vertical-align:top;padding:0 0 0 7rem;width: 32%;text-align:left;background:url(svg/logo_icon.svg) 0 0 no-repeat;background-size:5rem;}
#footerNavWrapper ul{ padding-top:2rem;}
#footerNavWrapper ul li a{ color:#0071b8; font-weight:bold; font-size:1rem;}
#footerNavWrapper ul li a span{ color:#000; font-weight:normal; display:inline-block; font-size:0.7rem; margin-left:1rem;}

#copyright{ font-size:0.75rem; color:#fff; padding:1rem 0; letter-spacing:0; background:#000;}
#hamburger{ display:none;}
#popupNavWrapper{ display:none;}

#newsMoreBtn{ display:inline-block; background:#000; color:#fff; margin:2rem auto 0; padding:0.5rem 1rem; line-height:1;}


@media only screen and (max-width : 800px) {
	header{ height:80px;}
	#headerWrapper{ padding:1rem 0 0;}
	#logo{ position:relative; padding:0.6rem 0 0 4.5rem;}
	#logo:after{ top:0; left:10px; width:3rem; height:3rem;}
	#logo img{ height:2rem;}

	#headerNavWrapper{ display:none;}
	#mainWrapper{ margin:80px auto 0;}
	#mainObjWrapper{ padding:2rem 2rem; max-width:300px; width:80%; display:inline-block; }
	#mainObjWrapper > h2 > img{ height:1.8rem;}
	#mainObjWrapper > p > img{ height:4.5rem;}

	#newsWrapper{ margin:2rem auto 2rem;}
	#newsInner{ margin:1rem auto 0; padding:1rem 0 0;}
	#newsInner > dl{ display:block;}
	#newsInner > dl > dt{ display:block; width:100%;}
	#newsInner > dl > dd{ display:block; width:100%; margin-bottom:1rem;}

	#importantListWrapper{ padding:0; height:auto; margin:4rem auto;}
	#importantListWrapper > p{ font-size:1rem; top:0;}
	#importantSlideInner{ max-width:640px;}
	#importantList{ margin-top:0;}
	#importantList > li{ max-width:320px; width:100%;}

	#about{ margin-top:-80px; padding-top:80px;}
	#aboutWrapper{ margin:2rem auto 0;}
	#aboutWrapper p{ margin:1rem auto 0; font-size:0.8rem; text-align:left;}

	#aboutListWrapper{ padding:1rem 0;}
	#aboutListWrapper > ul > li{ display:block; max-width:360px; width:100%; margin:5px auto;}
	#aboutListWrapper > ul > li:nth-child(1){ top:0;}
	#aboutListWrapper > ul > li:nth-child(2){ top:0;}
	#aboutListWrapper > ul > li:nth-child(3){ top:0;}

	#aboutListWrapper > ul > li > a > div{ padding:5.5rem 4rem; height:280px; position:relative;}
	#aboutListWrapper > ul > li > a > div:before{ width:270px; height:270px;}
	#aboutListWrapper > ul > li > a > div > h3 > dl > dt{ font-size:1rem;}
	#aboutListWrapper > ul > li > a > div > h3 > dl > dd{ font-size:0.8rem;}

	#aboutListWrapper > ul > li:nth-child(1):hover > a > div:before{ width:270px; height:270px;}
	#aboutListWrapper > ul > li:nth-child(1):hover > a > div:after{ font-size:1rem;}
	#aboutListWrapper > ul > li:nth-child(2):hover > a > div:before{ width:270px; height:270px;}
	#aboutListWrapper > ul > li:nth-child(2):hover > a > div:after{ font-size:1rem;}
	#aboutListWrapper > ul > li:nth-child(3):hover > a > div:before{ width:270px; height:270px;}
	#aboutListWrapper > ul > li:nth-child(3):hover > a > div:after{ font-size:1rem;}


	#worksWrapper{ margin:2rem auto 4rem;}

	#companyWrapper{ margin:4rem 0 2rem; padding:0;}
	.tableWrapper{ margin:1rem auto;}
	.tableWrapper > table{ display:block;}
	.tableWrapper > table th{ display:block; width:100%; border-right:none; text-align:left;}
	.tableWrapper > table td{ display:block; width:100%;}

	#offerWrapper { padding-bottom:3rem; margin:4rem auto 0;}
	#offerWrapper > h2{ font-size:1rem; padding-top:1rem;}

	#offerContent{ padding:1rem; margin-top:1rem; box-shadow:0 0 0 0 #cb9a00; text-align:left;}
	#offerContent > p{ font-size:0.8rem; margin:0 auto 1rem;}
	#offerContent > p.pointText{ font-size:1rem; padding:1rem;}
	#offerContent > ul > li{ position:relative; padding-left:1rem;}
	#offerContent > ul > li:before{ position:absolute; top:0; left:0;}


	#hamburger{ position:fixed; top:10px; right:10px; z-index:999; display:block;}
	.svgUpWrapper{ height:40px;}
	.svgBottomWrapper{ height:40px;}
	.leftUpIcon{ position:absolute; top:4rem; left:4rem;}
	.leftUpIcon > img{ width:5.5rem; height:5.5rem;}
	.rightUpIcon{ position:absolute; top:0; right:0;}
	.rightUpIcon > img{ width:6rem; height:6rem;}

	#footerWrapper{ display:block;}
	#footerInfoWrapper{ display:block; padding:0 1rem; width:100%;}
	#footerInfoWrapper > p > a{ margin-left:0; margin-bottom:0.5rem;}
	#footerNavWrapper{ display:none;}

	#copyright{ font-size:0.75rem; color:#fff; padding:1rem 0; letter-spacing:0; background:#000;}

	#popupNavWrapper{ position:fixed; top:0; right:0; background:rgba(255,255,255,0.9) url(svg/logo_icon.svg) 10px 1rem no-repeat; background-size:3rem; width:100%; height:100vh; z-index:501; padding:5rem 0 0 5rem; text-align:left;}
	#popupNavWrapper ul li{ margin:0 0 0.5rem 0;}
	#popupNavWrapper ul li a{ color:#0071b8; font-weight:bold; font-size:1rem;}
	#popupNavWrapper ul li a span{ color:#000; font-weight:normal; display:inline-block; font-size:0.7rem; margin-left:1rem; white-space:nowrap;}
}


@media only screen and (max-width : 640px) {
	#importantSlideInner{ max-width:320px;}
}




.lowerTopContentWrapper{ padding-top:92px;}
.lowerTopContentWrapper > h2{ padding:2rem 0 0;}

.contactListWrapper{ margin:2rem auto;}
.contactListWrapper li{ display:inline-block; padding:0 1rem;}
.contctTel > div{ border:1px solid #333; border-radius:100px; padding:1rem 4rem;}
.contctTel > div > dl{ text-align:left; background:url(svg/icon_tel.svg) 0 center no-repeat; background-size:3rem; padding-left:4rem;}
.contctTel > div > dl > dt{ font-size:0.8rem;}
.contctTel > div > dl > dd{ font-size:1.5rem;}

.contctMail > a{ display:block; border:1px solid #333; border-radius:100px; padding:1rem 4rem; background:#f8bc00;}
.contctMail > a > dl{ text-align:left; background:url(svg/icon_mail.svg) 0 center no-repeat; background-size:2.5rem; padding-left:3.5rem;}
.contctMail > a > dl > dt{ font-size:0.8rem;}
.contctMail > a > dl > dd{ font-size:1.5rem;}


#faqInner{ margin:4rem auto 4rem; max-width:1024px; text-align:left;}
#faqInner dl dt{ position:relative; padding:0.5rem 0 0.5rem 4rem; font-size:1.2rem; font-weight:bold;}
#faqInner dl dd{ position:relative; padding:0.5rem 0 2rem 4rem; margin-bottom:2rem; border-bottom:1px solid #e3e3e3;}
#faqInner dl dt:after{ content:""; position:absolute; top:0; left:0; width:3rem; height:3rem; background:url(svg/icon_q.svg) 0 0 no-repeat; background-size:contain;}
#faqInner dl dd:after{ content:""; position:absolute; top:0.5rem; left:0; width:3rem; height:3rem; background:url(svg/icon_a.svg) 0 0 no-repeat; background-size:contain;}

#faqInfoWrapper{ margin:4rem auto 8rem; max-width:1024px;}
.faqImgWrapper{ margin:1rem 0 0;}


@media only screen and (max-width : 800px) {
	.lowerTopContentWrapper{ padding-top:80px;}

	.contactListWrapper{ margin:1rem auto 2rem;}
	.contactListWrapper li{ display:block; margin:1rem auto; padding:0;}
	.contctTel > div{ padding:0.5rem 2rem; width:auto; display:inline-block;}
	.contctTel > div > dl{ background-size:2rem; padding-left:3rem;}
	.contctTel > div > dl > dd{ font-size:1rem;}
	.contctMail > a{ padding:0.5rem 2rem; width:auto; display:inline-block;}
	.contctMail > a > dl{ background-size:2rem; padding-left:3rem;}
	.contctMail > a > dl > dd{ font-size:1rem;}


	#faqInner{ margin:0 1rem 2rem;}
	#faqInner dl dt{ padding:2rem 0 0 0; font-size:1rem; margin-bottom:0.5rem;}
	#faqInner dl dd{ padding:2rem 0 1rem 0; margin-bottom:1rem; font-size:0.8rem;}
	#faqInner dl dt:after{ top:0; width:1.8rem; height:1.8rem;}
	#faqInner dl dd:after{ top:0; width:1.8rem; height:1.8rem;}

	#faqInfoWrapper{ margin:2rem 1rem 2rem;}
	#faqInfoWrapper p{ font-size:0.8rem; text-align:left;}
}




#contactHeader{ margin:4rem auto 4rem;}
#contactInner{ margin:4rem auto 8rem; max-width:1024px; text-align:left;}
#contactInner dl dt{ padding:0.5rem 1rem 0.5rem 1rem; font-size:1.2rem; font-weight:bold; background:#eee;}
#contactInner dl dt span{ display:inline-block; margin:0 0 0 1rem; padding-left:2.5rem; background:url(svg/icon_arrow.svg) 0 center no-repeat; background-size:1.5rem;}
#contactInner dl dd{ padding:1rem 1rem 2rem 1rem; margin-bottom:2rem; border-bottom:1px solid #e3e3e3;}


@media only screen and (max-width : 800px) {
	#contactHeader{ margin:2rem 1rem 2rem; font-size:0.8rem;}
	#contactInner{ margin:4rem auto 4rem;}
	#contactInner dl dt{ font-size:1rem;}
	#contactInner dl dt span{ margin:0 0 0 0.5rem; padding-left:1.7rem; background-size:1.2rem;}
	#contactInner dl dd{ font-size:0.8rem;}
}




#newsLowerWrapper{ margin:0 auto 8rem;}
#newsLowerInner{ margin:2rem auto 0; padding:2rem 0; border-top:2px dotted #f7bb00; border-bottom:2px dotted #f7bb00;}
#newsLowerInner > dl{ display:table; table-layout:fixed; width:100%; font-size:0.8rem; max-width:720px; margin:0 auto 1rem;}
#newsLowerInner > dl > dt{ display:table-cell; width:20%; text-align:left;}
#newsLowerInner > dl > dd{ display:table-cell; width:80%; text-align:left;}


@media only screen and (max-width : 800px) {
	#newsLowerWrapper{ margin:0 1rem 4rem;}
	#newsLowerInner{ margin:1rem auto 0; padding:1rem 0;}
	#newsLowerInner > dl{ display:block;}
	#newsLowerInner > dl > dt{ display:block; width:100%;}
	#newsLowerInner > dl > dd{ display:block; width:100%;}
}


#importantLowerWrapper{ padding-top:92px;}
#importantInnerLowerWrapper{ padding:0; position:relative;}
#importantInnerLowerWrapper .catTitle{ margin:0 auto 0; padding-top:2rem;}
#importantLowerList{ display:inline-block; max-width:1024px; width:100%; margin:1rem auto 8rem;}
#importantLowerList > li{ width:33.3333%; float:left; padding:1rem 1rem; position:relative;}
#importantLowerList > li > div{ background:#fff; text-align:left; padding:1rem; box-shadow:0px 0px 3px 1px #cb9a00;}
#importantLowerList > li > div > h2{ font-size:1rem; margin:1rem 0 0.5rem;}
#importantLowerList > li > div > p{ font-size:0.8rem;}
#importantLowerList > li > div > p.linkText{ text-align:right; font-size:0.8rem;}
#importantLowerList > li > div > p.linkText > a{ display:inline-block; background-color:#000; color:#fff; padding:0.2rem 0.5rem;}
#importantLowerList > li > span{ font-size:3rem; color:#0071b8; position:absolute; top:-0.5rem; left:1.5rem; font-weight:normal; font-family: serif;}


@media only screen and (max-width : 800px) {
	#importantLowerWrapper{ padding-top:80px;}
	#importantInnerLowerWrapper .catTitle{ top:0; margin-bottom:10px;}
	#importantLowerList{ margin:1rem auto 4rem;}
	#importantLowerWrapper > p{ font-size:1rem; top:0;}
	#importantLowerList{ margin-top:0;}
	#importantLowerList > li{ max-width:360px; width:100%; float:none;}
}




#topicSingleWrapper{ max-width:1024px; margin:0 auto 6rem; background:#fff; padding:2rem;}
#topicSingleWrapper p{ max-width:720px; text-align:left;}
#topicSingleWrapper p.date{ text-align:center; margin:0 auto 1rem; font-size:0.8rem;}

.singleWrapper h3{ font-size:1.2rem;}
.singleWrapper p{ font-size:0.8rem; margin:1rem auto;}
.singleWrapper img{ max-width:720px; margin:1rem auto;}

.backBtnWrapper{ margin-top:3rem;}
.backBtnWrapper a{ display:inline-block; background:#000; color:#fff; font-size:0.8rem; line-height:1; padding:0.6rem 2rem 0.5rem; border-radius:50px;}


@media only screen and (max-width : 800px) {

#topicSingleWrapper{ padding:1rem 1rem 2rem; margin:0 auto 3rem;}
.singleWrapper h3{ font-size:1rem;}
.singleWrapper p{ margin:0.5rem auto;}
.singleWrapper img{ margin:0.5rem auto; max-width:100%;}

}




#reportLowerWrapper{ margin:0 auto 2rem;}
#reportLowerWrapper > p{ font-size:1rem; max-width:960px; margin:2rem auto 2rem; text-align:left;}
.reportLowerInner{ margin:2rem auto 0; padding:2rem 0;}
.reportLowerInner > dl{ width:100%; max-width:720px; margin:0 auto 1rem;}
.reportLowerInner > dl > dt{ text-align:left; border-bottom:2px solid #eee; padding:0.5rem 0.5rem 0.4rem; position:relative; /*cursor:pointer;*/}
.reportLowerInner > dl > dt:before{ content:"● ";}
.reportLowerInner > dl > dt:after{ content:""; position:absolute; right:1rem; top:50%; width:0.5rem; height:0.5rem; border:0; border-bottom:solid 1px #333; border-right:solid 1px #333; -webkit-transform:translate(0, -50%) rotate(45deg); transform:translate(0, -50%) rotate(45deg);}
.reportLowerInner > dl > dt:hover{ background:#eee; cursor:pointer;}
.reportLowerInner > dl > dt.active{ background:#eee;}
.reportLowerInner > dl > dt.active:after{ -webkit-transform:translate(0, -50%) rotate(-135deg); transform:translate(0, -50%) rotate(-135deg);}

.reportLowerInner > dl > dd{ text-align:left; font-size:1rem; padding:0.5rem 2rem; display:none;}
.reportLowerInner > dl > dd > ul > li{ margin:1rem auto;}
.reportLowerInner > dl > dd > ul > li > a{}
.reportLowerInner > dl > dd > ul > li > a:hover{ text-decoration:underline;}

#reportLowerFooterWrapper{ background:#eee; padding:2rem 0; margin:0 auto 8rem;}
#reportLowerFooterWrapper p{ max-width:960px; text-align:left; font-size:1rem; margin:0 auto;}


@media only screen and (max-width : 800px) {
	#reportLowerWrapper{ margin:0 1rem;}
	#reportLowerWrapper > p{ font-size:0.8rem;}
	.reportLowerInner > dl{ margin:0 auto 2rem;}
	.reportLowerInner{ margin:0 auto; padding:0 0 1rem;}
	#reportLowerFooterWrapper{ padding:1rem 0; margin:0 auto 4rem;}
	#reportLowerFooterWrapper p{ margin:0 1rem; font-size:0.8rem;}
}




#worksLowerWrapper{ margin:0 auto 2rem;}
#worksThemeLead{ margin-top:2rem;}
#worksThemeList{ margin:4rem auto 2rem;}
#worksThemeList li dl{ margin:2rem auto;}
#worksThemeList li dl dt{ font-weight:bold; display:inline-block; border:1px solid #333; padding:0.5rem 1rem; line-height:1; margin-bottom:1rem;}
#worksThemeList li dl dd{ font-size:1rem;}
#worksThemePicWrapper{ margin:2rem auto;}
#worksThemePicWrapper img{ max-width:640px; width:100%; height:100%;}

#worksLowerWrapper .pointText{ display:inline-block; font-size: 1rem; background: #ddf2ff; display: inline-block; padding:0.5rem 1rem;}
#worksLowerWrapper .pointText span{ font-size:1.8rem;}

.worksLowerLineWrapper{position:relative; max-width:960px; margin:6rem auto 0;}
.worksLowerLineWrapper:before{ content:none; position:absolute; top:0; left:0; width:100%; height:1px; background:#000; -webkit-transform:rotate(-4deg); transform:rotate(-4deg);}

.catSubTitle{ font-weight:bold; display:block; background:#f7bb00; line-height:1; padding:1rem 0; margin:2rem auto; font-size:1.2rem; color:#fff;}
.worksSubTitle{ margin:2rem auto; color:#0071B9; font-size:1rem; font-weight:bold;}

#worksDetailLead{ text-align:left;}
#worksJoinList{ margin:2rem auto;}
#worksJoinList li{ display:inline-block; width:25%; padding:0 0.5rem; vertical-align:top;}
#worksJoinList li > div{ border:1px solid #333; border-radius:10px; padding-bottom:1rem;}
#worksJoinList li img{ border-radius:10px 10px 0 0;}
#worksJoinList li h4{ margin:1rem 1rem 0;}
#worksJoinList li p{ margin:1rem 1rem 0; font-size:0.8rem; text-align:left;}

#productMoreBtn{ display: inline-block; background: #000; color: #fff; margin: 2rem auto 0; padding: 0.5rem 1rem; line-height:1;}

#worksLifeLead{ text-align:left;}

.marker{ position:relative; display:inline-block;}
.marker:before{ content: ""; display: block; position: absolute; bottom: 0.2rem; left: 0; height: 0.4rem; width: 100%; background:rgba(248,188,0,0.4); z-index:-1;}

.worksPhotoList{ margin:2rem auto;}
.worksPhotoList li{ display:inline-block; width:33.33%; padding:0 0.5rem;}

#worksTimeTable{ display:table; table-layout:fixed; width:100%; margin:4rem auto;}
.worksTimeTd{ display:table-cell; padding:0 1rem; vertical-align:top;}

#worksTimeTableWeekdays dt{ background:#8cc63f;}
#worksTimeTableSaturday dt{ background:#f7bb00;}
.worksTimeTd h3{ color:#0071B9; margin:1rem auto; border-bottom:1px dotted #ccc; padding-bottom:0.5rem;}
.worksTimeTd p{ font-size:0.8rem; text-align:left;}

#worksEventList > li{ display:inline-block; width:25%; vertical-align:top;}
#worksEventList > li > div{ padding:1rem; position:relative;}
#worksEventList > li > div#spring{ background:#f7e8ee;}
#worksEventList > li > div#spring:after{ content:""; background:url(svg/works_spring.svg) 0 0 no-repeat; background-size:contain; width:60px; height:60px; position:absolute; top:0; left:0;}

#worksEventList > li > div#summer{ background:#dbf4cb;}
#worksEventList > li > div#summer:after{ content:""; background:url(svg/works_summer.svg) 0 0 no-repeat; background-size:contain; width:60px; height:60px; position:absolute; top:0; left:0;}

#worksEventList > li > div#autumn{ background:#f7d18f;}
#worksEventList > li > div#autumn:after{ content:""; background:url(svg/works_autumn.svg) 0 0 no-repeat; background-size:contain; width:60px; height:60px; position:absolute; top:0; left:0;}

#worksEventList > li > div#winter{ background:#d3c4b6;}
#worksEventList > li > div#winter:after{ content:""; background:url(svg/works_winter.svg) 0 0 no-repeat; background-size:contain; width:60px; height:60px; position:absolute; top:0; left:0;}

#worksEventList > li > div > div{ position:relative;}
#worksEventList > li > div > div > h3{ position:absolute; bottom:0; left:0; width:100%; padding:0.2rem 0; text-align:center; background:rgba(255,255,255,0.75); font-size:0.8rem; font-family:Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}

#worksEventList > li > div > ul{ margin:1rem auto 0; text-align:left; font-size:0.8rem;}
#worksEventList > li > div#spring > ul > li:before{ content:"● "; color:#edabc4;}
#worksEventList > li > div#summer > ul > li:before{ content:"● "; color:#75ba3f;}
#worksEventList > li > div#autumn > ul > li:before{ content:"● "; color:#db9c58;}
#worksEventList > li > div#winter > ul > li:before{ content:"● "; color:#998675;}

#worksActiveWrapper{ margin:4rem 0; background:#F7BB00; overflow:hidden;}
#worksActiveInner{ max-width:960px; padding:2rem 0; margin:0 auto; position:relative;}
#worksActiveInner:before{ content:""; position:absolute; bottom:-3rem; right:0; width:12rem; height:12rem; background:url(svg/pi.svg) 0 0 no-repeat; background-size:contain;}

#worksActiveInner > ul{ display:inline-block; vertical-align:middle;}
ul#worksActivePhoto{ width:38%;}
ul#worksActiveList{ width:60%; text-align:left; padding:1rem; box-sizing:border-box;}

ul#worksActivePhoto li{ display:inline-block; width:50%;}
ul#worksActiveList li{ font-size:0.8rem; padding-left:1.5em; position:relative;}
ul#worksActiveList li:before{ content:"●"; position:absolute; top:0; left:0;}

#worksOfficeWrapper{ margin:4rem auto;}
#worksOfficeLead{ text-align:left;}
#worksOfficeList{ margin:2rem auto;}
#worksOfficeList > li{ border:1px solid #333; border-radius:10px; margin:1rem auto;}
.worksOfficePhoto{ float:left; width:35%;}
.worksOfficeDetail{ float:right; width:65%; padding:1rem 1rem 0; text-align:left;}

.worksOfficePhoto img{ border-radius:10px 0 0 10px;}
.worksOfficeDetail p{ font-size:0.8rem; margin:0 0 1rem;}

#worksViewWrapper{ margin:4rem auto 8rem;}

#viewListWrapper{ margin:0 auto; width:100%; max-width:1280px;}
#viewList > li{ margin:2rem auto; display:none;}
#viewList > li:nth-child(1){ display:block;}

#viewListWrapper h2{ font-size:1.2rem; margin-bottom:0.5rem;}
#viewListWrapper h3{ font-size:1rem; margin-bottom:0.5rem;}
#viewListWrapper iframe{ height:400px; position:static; width:100%;}

select{ margin:0; padding:0; background:rgba(255, 255, 255, 0.5); border:none; border-radius:0; outline:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; font-size:16px; box-sizing: border-box;}
#gmapSelect{ position:relative; padding:1em 3em 1em 3em; border:1px solid #333; border-radius:10px; background:url(svg/icon_camera.svg) 1em center no-repeat,url(svg/icon_triangle.svg) right 1em center no-repeat; background-size:1.4em, 0.75em;}

#business{ margin-top:-20px; padding-top:20px;}
#environment{ margin-top:-20px; padding-top:20px;}
#area{ margin-top:-20px; padding-top:20px;}


@media only screen and (max-width : 800px) {
#worksLowerWrapper p{ font-size:0.8rem; padding:0 10px;}

#worksThemeLead{ text-align:left;}
#worksThemeList{ margin:2rem auto 2rem;}

#worksLowerWrapper .pointText{ font-size:0.8rem;}
#worksLowerWrapper .pointText span{ font-size:1.2rem;}

.worksLowerLineWrapper{ margin:3rem auto 0;}
.worksLowerLineWrapper > p{ font-size:0.8rem; padding:0 1rem;}
.worksSubTitle{ margin:2rem 1rem 1rem; font-size:0.8rem;}

#worksJoinList{ margin:2rem auto;}
#worksJoinList li{ display:block; width:100%; padding:0 1rem; margin:1rem 0;}

#productMoreBtn{ margin:0 auto 0;}
.worksPhotoList li{ padding:0;}

#worksTimeTable{ display:block; margin:2rem auto;}
.worksTimeTd{ display:block; padding:0 1rem;}
#worksTimeTableSaturday{ margin-top:2rem;}

#worksEventList > li{ width:50%;}
#worksEventList > li > div{ padding:5px;}

#worksActiveWrapper{ margin:4rem 0 4rem;}
#worksActiveInner:before{ width:6rem; height:6rem; bottom:-1rem;}

#worksActiveInner > ul{ display:block;}
ul#worksActivePhoto{ width:100%; margin-top:1rem;}
ul#worksActiveList{ width:100%; padding:1rem; box-sizing:border-box;}

#worksOfficeWrapper{ margin:2rem 1rem;}
#worksOfficeList{ margin:1rem auto;}
.worksOfficePhoto{ float:none; width:100%;}
.worksOfficeDetail{ float:none; width:100%;}

.worksOfficePhoto img{ border-radius:10px 10px 0 0;}

#worksViewWrapper{ margin:4rem auto 4rem;}

#gmapSelect{ padding:1em 1em 1em 1em; background:url(svg/icon_triangle.svg) right 1em center no-repeat; background-size:0.75em;}
#gmapSelect span{ display:none;}
#viewList > li{ padding:1rem;}
#viewListWrapper iframe{ height:300px;}

#business{ margin-top:-40px; padding-top:40px;}
#environment{ margin-top:-40px; padding-top:40px;}
#area{ margin-top:-40px; padding-top:40px;}
}




#productLowerWrapper > p{ font-size:1rem; max-width:960px; margin:2rem auto 2rem; text-align:left;}

#productLowerWrapper > ol{ max-width:960px; margin:4rem auto 8rem;}
#productLowerWrapper > ol > li{ text-align:left; border-bottom:1px dotted #333; padding-bottom:2rem; margin-bottom:4rem;}

#productLowerWrapper > ol > li > h3 > dl > dt{ font-size:1.8em; display:inline-block; padding-right:1rem;}
#productLowerWrapper > ol > li > h3 > dl > dd{ font-size:1.8em; font-weight:normal; display:inline-block;}
#productLowerWrapper > ol > li > h3 > dl > dd:before{ content:"- ";}
#productLowerWrapper > ol > li > h3 > dl > dd:after{ content:" -";}
#productLowerWrapper > ol > li > h3#product01{ position:relative; padding:0 0 10px 6.4em; margin-bottom:1rem;}
#productLowerWrapper > ol > li > h3#product01:before{ content:"01"; color:#0071b8; font-size:4em; position:absolute; bottom:10px; left:0; line-height:1; font-weight:normal; letter-spacing:0;}
#productLowerWrapper > ol > li > h3#product02{ position:relative; padding:0 0 10px 6.4em; margin-bottom:1rem;}
#productLowerWrapper > ol > li > h3#product02:before{ content:"02"; color:#0071b8; font-size:4em; position:absolute; bottom:10px; left:0; line-height:1; font-weight:normal; letter-spacing:0;}
#productLowerWrapper > ol > li > h3#product03{ position:relative; padding:0 0 10px 6.4em; margin-bottom:1rem;}
#productLowerWrapper > ol > li > h3#product03:before{ content:"03"; color:#0071b8; font-size:4em; position:absolute; bottom:10px; left:0; line-height:1; font-weight:normal; letter-spacing:0;}

#productLowerWrapper > ol > li > ol.productPointList{ margin:2rem auto;}
#productLowerWrapper > ol > li > ol.productPointList > li{ margin:10px 0;}
#productLowerWrapper > ol > li > ol.productPointList > li > dl{ display:table; table-layout:fixed; width:100%;}
#productLowerWrapper > ol > li > ol.productPointList > li > dl > dt{ display:table-cell; width:10%; padding:1rem; vertical-align:middle; background:#eeb719; color:#fff; border-radius:10px 0 0 10px; text-align:center;}
#productLowerWrapper > ol > li > ol.productPointList > li > dl > dt > img{ width:3rem; height:auto;}
#productLowerWrapper > ol > li > ol.productPointList > li > dl > dd{ display:table-cell; width:90%; padding:1rem; background:#eeb719; border-radius:0 10px 10px 0; vertical-align:middle;}

.productPhotoList{ margin:4rem auto;}
.productPhotoList li{ display:inline-block; width:33.33%; padding:0 0.5rem; vertical-align:top;}
.productPhotoList li > div{ padding:1rem; background:#f9e3d2; border-radius:10px;}
.productPhotoList li h4{ font-weight:normal; font-size:1.2rem; margin:1rem 0 1rem;}
.productPhotoList li p{ font-size:0.8rem; margin:1rem 0;}
.productPhotoList li p.productPhotoMemo{ text-align:right; font-size:0.8rem; margin:10px 0 1rem; color:#666;}

#productOrderTitle{ margin:0 0 0 4rem; font-size:1.2rem;}
#productLowerWrapper > ol > li > ol#productOrderList{ padding:0 4rem;}
#productLowerWrapper > ol > li > ol#productOrderList > li{ margin:1rem 0;}
#productLowerWrapper > ol > li > ol#productOrderList > li > dl{ width:100%;}
#productLowerWrapper > ol > li > ol#productOrderList > li > dl > dt{ background:#eeb719; color:#fff; width:100%; border-radius:10px 10px 0 0; padding:10px 2rem; font-weight:bold; font-size:1.2rem;}
#productLowerWrapper > ol > li > ol#productOrderList > li > dl > dd{ background:#fff6e1; width:100%; border-radius:0 0 10px 10px; padding:1rem 2rem;}

#productLowerWrapper > ol > li > ol#productOrderList > li:nth-child(1) > dl > dt:before{ content:"１.";}
#productLowerWrapper > ol > li > ol#productOrderList > li:nth-child(2) > dl > dt:before{ content:"２.";}
#productLowerWrapper > ol > li > ol#productOrderList > li:nth-child(3) > dl > dt:before{ content:"３.";}

#productNav ul li{ display:inline-block; padding:0.5rem;}
#productNav ul li a{ display:block; padding:1rem 2rem; width:240px; border: #333 solid 1px; border-radius:100px;}
#productNav ul li a:hover{ color:#fff;}
#productNav ul li:nth-child(1) a:hover{ background:url(img/product1_over.jpg) center center no-repeat; background-size:cover;}
#productNav ul li:nth-child(2) a:hover{ background:url(img/product2_over.jpg) center center no-repeat; background-size:cover;}
#productNav ul li:nth-child(3) a:hover{ background:url(img/product3_over.jpg) center center no-repeat; background-size:cover;}

#obento{ margin-top:-120px; padding-top:120px;}
#okashi{ margin-top:-120px; padding-top:120px;}
#houseihin{ margin-top:-120px; padding-top:120px;}


@media only screen and (max-width : 800px) {
#productLowerWrapper{ margin: 0 1rem;}
#productLowerWrapper > p{ font-size:0.8rem; margin:2rem auto 0;}

#productLowerWrapper > ol{ margin:2rem auto 4rem;}
#productLowerWrapper > ol > li{ text-align:left; border-bottom:1px dotted #333; padding-bottom:2rem; margin-bottom:2rem;}

#productLowerWrapper > ol > li > p{ font-size:0.8rem;}
#productLowerWrapper > ol > li > h3 > dl > dt{ font-size:1.4rem; padding:0 0 0 2.0em;}
#productLowerWrapper > ol > li > h3 > dl > dd{ font-size:1.2rem; display:block;}

#productLowerWrapper > ol > li > h3#product01{ padding:0;}
#productLowerWrapper > ol > li > h3#product01:before{ font-size:1.8rem; bottom:auto; top:0.2rem;}
#productLowerWrapper > ol > li > h3#product02{ padding:0;}
#productLowerWrapper > ol > li > h3#product02:before{ font-size:1.8rem; bottom:auto; top:0.2rem;}
#productLowerWrapper > ol > li > h3#product03{ padding:0;}
#productLowerWrapper > ol > li > h3#product03:before{ font-size:1.8rem; bottom:auto; top:0.2rem;}

#productLowerWrapper > ol > li > ol.productPointList > li > dl{ display:block; width:100%;}
#productLowerWrapper > ol > li > ol.productPointList > li > dl > dt{ display:block; width:100%; padding:1rem; border-radius:10px 10px 0 0;}
#productLowerWrapper > ol > li > ol.productPointList > li > dl > dt > img{ width:3rem; height:auto;}
#productLowerWrapper > ol > li > ol.productPointList > li > dl > dd{ display:block; width:100%; padding:0 1rem 1rem; border-radius:0 0 10px 10px; text-align:left; font-size:0.8rem;}

.productPhotoList{ margin:2rem auto;}
.productPhotoList.noMb0--sp{ margin:2rem auto 0;}
.productPhotoList li{ display:block; width:100%; padding:0; margin:10px 0;}
.productPhotoList li h4{ font-size:1rem;}

#productOrderTitle{ margin:0; font-size:1rem;}
#productLowerWrapper > ol > li > ol#productOrderList{ padding:0;}
#productLowerWrapper > ol > li > ol#productOrderList > li{ margin:10px 0;}
#productLowerWrapper > ol > li > ol#productOrderList > li > dl{ width:100%;}
#productLowerWrapper > ol > li > ol#productOrderList > li > dl > dt{ padding:10px 1rem; font-size:1rem;}
#productLowerWrapper > ol > li > ol#productOrderList > li > dl > dd{ padding:1rem 1rem;}

#productNav{ margin:1rem auto 3rem;}
#obento{ margin-top:-100px; padding-top:100px;}
#okashi{ margin-top:-100px; padding-top:100px;}
#houseihin{ margin-top:-100px; padding-top:100px;}
}




/* IE11 にのみ適用される */
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop,
}
/* Edge のみ適用される */
@supports (-ms-ime-align: auto) {
}