@charset "utf-8";
/* @import url("../common/fontawesome/css/all.min.css"); */

/* 共通 */
html { font-size:62.5%;}
body { width:100%; min-width: 1024px; font-size:1.4rem; font-family: "游ゴシック", YuGothic, "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 500; color:#000;}
.wrapper {overflow: hidden;}
header, section, footer { width:100%; clear:both; margin:0; padding:0; display: block;}
h1 { line-height:1;}
ul { list-style: none;}

/* SP非表示・PC表示 */
.sp, #panel { display:none;}
.pc { display:block;}
.fixed { position:relative;}

/* header */
.gloval_header h1 { display:inline-block; width:326px; padding:3.4rem 0 3rem;}
.gloval_header h1 img { width:326px; height:auto;}
.gloval_header nav { float:right; position:relative;}
.gloval_header .gloval_nav > li { display:inline-block; text-align:center; font-size:1.3rem; line-height:1.3; font-weight:bold; white-space:nowrap; margin:52px 22px 0;}
.gloval_header .gloval_nav > li:last-child { margin:40px 0 0 22px;}
.gloval_header .gloval_nav > li > a { display:block; padding:12px 0; position:relative;}
.gloval_header .gloval_nav > li > a::before { content:""; position:absolute; left:0; bottom:3px; width:100%; height:3px; background:#8a532c; transform:scale(0,1); transition:0.4s;}
.gloval_header .gloval_nav > li > a:hover::before { transform:scale(1);}
.gloval_header .gloval_nav li .smalllabel { font-size:1rem; font-weight:normal;}
ul.menu__second-level { visibility:hidden; opacity:0; z-index:1;}
.gloval_nav > li.menu__single { position: relative;}
li.menu__single ul.menu__second-level { position:absolute; top:84px; background:#fff; -webkit-transition:all .2s ease; transition:all .2s ease;}
li.menu__single ul.menu__second-level::before { content:""; position:absolute; top:-20px; left:50%; margin-left:-5px;border: 5px solid transparent;
  border-bottom: 15px solid rgba( 138, 83, 43, 0.7 );}
li.menu__single:hover ul.menu__second-level { top:68px; visibility:visible; opacity:1;}
li.menu__single ul.menu__second-level li { white-space: nowrap; background-color: rgba( 138, 83, 43, 0.7 ); font-size:11px; font-weight:normal;}
li.menu__single ul.menu__second-level li a { display:block; padding:14px; color:#fff; }
li.menu__single ul.menu__second-level li a:hover { background: rgba( 138, 83, 43, 1);}
li.menu__single ul.menu__second-level-company { left:-33px; width:120px;}
li.menu__single ul.menu__second-level-business { left:-78px; width:220px;}
li.menu__single ul.menu__second-level-ecology { left:-84px; width:220px;}
.gloval_header .top_nav { position:absolute; top:10px; right:0;}
.gloval_header .top_nav li { display:inline-block; font-size:1.1rem; }
.gloval_header .top_nav li::after { content:" | ";}
.gloval_header .top_nav li:last-child::after { content:"";}
nav a { color:#000; text-decoration:none;}
.gloval_header .top_nav li a { padding:2px 6px;}
.gloval_header .top_nav li:last-child a { padding:2px 0 2px 6px;}

.kv { width:100%; background:#eeefec; text-align:center; margin-bottom:80px; font-size:0;}
.kv img { width:100%; max-width:1280px; height:auto; max-height:300px;}
.kv .innerbox { position:relative; width:90%; max-width:960px; margin:0 auto;}

.catch { font-size:2.2rem; line-height:2.1; font-family: 'Noto Serif JP', serif; font-weight:500; text-align:left; }

.breadcrumbs { width:960px; margin:0 auto 50px; }
.breadcrumbs ul { display:table; font-size:12px;}
.breadcrumbs ul li { margin:0 4px 0 0; float:left;}
.breadcrumbs ul li::after { content:" / "; margin:0 0 0 4px;}
.breadcrumbs ul li:last-child::after { content:"";}
.breadcrumbs a { color:#000; text-decoration:none;}

/* footer */
.gloval_footer { }
.gloval_footer .sitemap { background:#8a532c; font-size:0; color:#fff;}
.gloval_footer .sitemap .inner_box { padding:20px 0 30px;}
.gloval_footer .sitemap dl { display:inline-block; vertical-align:top;}
.gloval_footer .sitemap .box1 { width:18%;}
.gloval_footer .sitemap .box2 { width:16%;}
.gloval_footer .sitemap .box3 { width:22%;}
.gloval_footer .sitemap .box4 { width:20%;}
.gloval_footer .sitemap .box5 { width:24%;}
.gloval_footer .sitemap dt { font-size:1.3rem; line-height:1; font-weight:bold; padding:20px 0 6px 28px; position:relative;}
.gloval_footer .sitemap dd { font-size:1.1rem; line-height:2rem; padding-left:28px;}
.gloval_footer .sitemap dd::before { content: "- ";}
.gloval_footer .icon01::before { content:""; display:inline-block; width:18px; height:28px; background:url("../images/footer/icon01.svg") no-repeat; background-size:contain; position:absolute; top:10px; left:-1px;}
.gloval_footer .icon02::before { content:""; display:inline-block; width:22px; height:28px; background:url("../images/footer/icon02.svg") no-repeat; background-size:contain; position:absolute; top:12px; left:-2px;}
.gloval_footer .icon03::before { content:""; display:inline-block; width:23px; height:15px; background:url("../images/footer/icon03.svg") no-repeat; background-size:contain; position:absolute; top:17px; left:-3px;}
.gloval_footer .icon04::before { content:""; display:inline-block; width:15px; height:22px; background:url("../images/footer/icon04.svg") no-repeat; background-size:contain; position:absolute; top:14px; left:2px;}
.gloval_footer .icon05::before { content:""; display:inline-block; width:20px; height:18px; background:url("../images/footer/icon05.svg") no-repeat; background-size:contain; position:absolute; top:17px; left:0;}
.gloval_footer .icon06::before { content:""; display:inline-block; width:18px; height:28px; background:url("../images/footer/icon06.svg") no-repeat; background-size:contain; position:absolute; top:10px; left:-1px;}
.gloval_footer .icon07::before { content:""; display:inline-block; width:17px; height:20px; background:url("../images/footer/icon07.svg") no-repeat; background-size:contain; position:absolute; top:16px; left:0;}
.gloval_footer .icon08::before { content:""; display:inline-block; width:20px; height:14px; background:url("../images/footer/icon08.svg") no-repeat; background-size:contain; position:absolute; top:18px; left:-1px;}
.gloval_footer .icon09::before { content:""; display:inline-block; width:23px; height:16px; background:url("../images/footer/icon09.svg") no-repeat; background-size:contain; position:absolute; top:18px; left:-3px;}
.gloval_footer .sitemap a { color:#fff; text-decoration:none;}
.gloval_footer .sitemap a:hover { text-decoration:underline;}
.gloval_footer .address .inner_box { padding:28px 0 30px;}
.gloval_footer .address h2 { margin:0; padding:0; display:inline-block; vertical-align: middle; background:none; width:276px;}
.gloval_footer .address h2 img { width:80%; max-width:276px; height:auto;}
.gloval_footer address { font-size:10px; line-height:1.4; font-style:normal; display:inline-block; vertical-align: middle; margin:-7px 0 0 2rem;}
.gloval_footer .address ul { float:right;}
.gloval_footer .address li { font-size:1.1rem; line-height:1.6; text-align:right; display:inline-block; margin-left:3rem; position:relative;}
.gloval_footer .footer_nav li::before { content:""; display:inline-block; width:14px; height:14px; background:url("../images/footer/link.svg") no-repeat; background-size:13px 13px; position:absolute; top:0; left:-1.6em;}
.gloval_footer p { clear:both; border-top:1px solid #c2c5c5; padding-top:.8rem;}
.footer_nav a { color:#000; text-decoration:none;}
.footer_nav a:hover { text-decoration:underline;}
.footer_nav li.sp { display:none;}

/* font */
p { font-size:1.3rem; line-height:1.8;}

.c_ccc { color:#ccc;}
.c_f00 { color:#f00;}
.c_e51702 { color:#e51702;}
.fw_bold { font-weight:bold;}
.smalltxt { font-size:50%;}

.home h3 { font-size:1.6rem; line-height:1.4; font-weight:bold;}
.home .lead { font-family: 'Noto Serif JP', serif; font-size:1.7rem; line-height:1; text-align:center; letter-spacing: .1rem; font-weight:400;}

.pages h3 .h3_inner { border-left:2px solid #8a532c; display:inline-block; font-size:28px; line-height:50px; color:#8a532c; font-family: 'Noto Serif JP', serif; }

/* box */
.w100 { width:100%;}
.inner_box { width:960px; margin:0 auto; padding:60px 0;}
section.topfff .inner_box { width:960px; margin:0 auto; padding:10px 0 60px;}
.gloval_header > .inner_box { padding:0;}


/* dl */
.newslist { font-size:0; border-top:1px dotted #969696;}
.newslist dt { float:left; width:120px; font-size:12px; padding:16px 0 15px 1em; line-height:1.4;}
.newslist dd { font-size:12px; color:#8a532c; padding:16px 1em 15px 120px; border-bottom:1px dotted #969696; line-height:1.4;}
.newslist a { color:#8a532c; text-decoration:none;}
 
/* background */
.bg_f3ece5 { background:#f3ece5;}

.mb10 { margin-bottom:10px;}
.mb20 { margin-bottom:20px;}
.mb30 { margin-bottom:30px;} 
.mb50 { margin-bottom:50px;}
.mr40 { margin-right:40px;}

.ta_c { text-align:center;}
.ta_r { text-align:right;}

a:hover > img { opacity:0.8;}
section a { color:#000; text-decoration:none;}
section a:hover { text-decoration:underline;}

/* #page_top */
#page_top{
  width: 70px;
  height: 70px;
  position: fixed;
  right: 20px;
  bottom: -100px;
  opacity: 0.7;
background:#8a532c;
color:#fff;
  border-radius: 6px;
  box-shadow: 0 0 6px rgba(0,0,0,0.4);
}
#page_top a{
  position: relative;
  display: block;
  width: 70px;
  height: 70px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f062';
  font-size: 23px;
  color: #fff;
  position: absolute;
  width: 23px;
  height: 23px;
  top: -23px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 11px;
  color: #fff;
  position: absolute;
  top: 44px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.f_ootsuka {font-family: 'Kosugi', sans-serif; transform:rotate(0.001deg);}

/* フッタバナー＋モーダル 210917追加 */

.footer_bnr210917 ul { width:100%; max-width:300px; margin:30px auto 0; display:flex; justify-content:space-around;}
.footer_bnr210917 li { width:40%; max-width:120px;}
.footer_bnr210917 li img { width:100%; height:auto;}

.footer_bnr210917 p { border-top:none !important;}

.footer_bnr210917 .close-icon i {
	color: #333 ;
  text-decoration:none;
  font-size:3rem;
}
 
.footer_bnr210917 .close-icon:hover i {
	cursor: pointer !important;
	color: #f00 ;
}
.footer_bnr210917 a.button-link,
.swiper-wrapper a.button-link { text-decoration:none; cursor:pointer;}

#modal-overlay {
	z-index: 10000 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

.footer_bnr210917 .modal-content {
	width:90%;
  height:50%;
  min-width:280px;
	margin: 0;
	padding: 20px;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 100000;
  text-align:center;
  border-radius:6px;
}

.footer_bnr210917 .modal-content.ex-link { width:90%; height:50%;}
.footer_bnr210917 .modal-content p, .modal-content.ex-link p.close-icon { width:100%; text-align:right;}
.footer_bnr210917 .modal-content.ex-link .ex-link-txt { text-align:left; margin-bottom:20px;}
.footer_bnr210917 .modal-content.ex-link .ex-link-btn { display:block; padding:16px 10px; color:#fff; background:#8a532c; text-decoration:none; position:relative; line-height:1;}
.footer_bnr210917 .modal-content.ex-link .ex-link-btn:hover { opacity:0.8;}
.footer_bnr210917 .modal-content.ex-link .ex-link-btn::before { content:""; background:url("../images/link_w.svg") no-repeat; background-size:contain; display:inline-block; vertical-align:middle; width:13px; height:13px; margin-right:4px; margin-top:-1px;}
.footer_bnr210917 .modal-content.ex-link .ex-link-btn::after { font-family: 'Font Awesome 5 Free'; font-weight: 900; content:'\f35d'; font-size:1.3rem; position:absolute; top:16px; right:16px;}

@media screen and (min-width:798px) {
.footer_bnr210917 .modal-content {
	width: 60% ;
  height:60%;
  min-height:200px;
	margin: 0 ;
	padding: 20px ;
	/*border: 2px solid #aaa ;*/
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 100000;
  text-align:center;
  border-radius:6px;
}
.footer_bnr210917 .modal-content.product-img { width:60%; height:60%; max-height:440px; padding:20px;}

.footer_bnr210917 .modal-content .close-icon { width:100%; text-align:right;}
.footer_bnr210917 .modal-content.ex-link { width:40%; height:40%; min-width:280px; padding:30px;}
}