@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
@import url(https://use.fontawesome.com/releases/v5.1.0/css/all.css);


@font-face {
    font-family: 'alte_din_1451_mittelschriftRg';
    src: url('din1451alt.woff2') format('woff2'),
         url('din1451alt.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*allreset*/
body,div,form,hr,img,br,a,h1,h2,h3,h4,h5,h6,span,p,dl,dt,dd,ul,li,ol,table,td,th,tr,tbody,caption,b,em,strong,i,font,big,small,embed,object,map,frame,frameset,iframe,select,option,address,button,figure   { color: #000; text-indent: 0px; list-style-type: none; margin: 0px; padding: 0px; border: none 0px;background-color: transparent;font-size: 100%;font-family:'Noto Sans Japanese','Apple TP','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',verdana,sans-serif;text-decoration: none;font-weight: normal;font-style: normal;font-variant: normal;line-height: 100%;-webkit-text-size-adjust: none;box-sizing: border-box;font-weight: 400;outline:none;}

.lock {
	overflow: hidden;
}

.mincho {font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝体", "Yu Mincho", YuMincho,"HGS明朝E","ＭＳ Ｐ明朝",serif;}
.vertical {
    -ms-writing-mode: tb-rl; /* for MS IE8+ */
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}
.txtright {text-align: right;}
.txtleft {text-align: left;}
.txtcenter {text-align: center;}

/*tothetopfixed*/
div.tothetopfixed {
	position: fixed;
	bottom: 0;
	z-index: 1500;right: 0;}	
div.tothetopfixed a  {display: block;float: right;background-color: #fff;}
div.tothetopfixed a:hover {
transition: opacity 0.2s ease-in-out;
opacity:1;
filter: alpha(opacity=100);
}
div.tothetopfixed a {
    display: block;
    color: #fff;
    border-radius: 5px;
    font-size: 0.8em;width: 40px;height: 40px;background: url(../img/b_gototop.png) no-repeat 0 0;background-size:contain;margin: 0 20px 20px 0;text-indent: -9999px;
transition: opacity 0.2s ease-in-out;
opacity:0.75;
filter: alpha(opacity=75);
}

/*hover*/
a.hover {
opacity:1;
filter: alpha(opacity=100);
display: block;}
a.hover:hover  {
opacity:0.75;
filter: alpha(opacity=75);
cursor:pointer;}

/*hover2*/
a.hover2,a.hover2 img,button.hover2 {
opacity:1;
filter: alpha(opacity=100);
display: block;}
a.hover2:hover ,a.hover2 img:hover,button.hover2:hover {
opacity:0.50;
filter: alpha(opacity=50);
cursor:pointer;}

/*hover3*/
a.hover3 {
opacity:1;
filter: alpha(opacity=100);
display: block;background-color: #fff;}
a.hover3:hover  {
opacity:1;
filter: alpha(opacity=100);
background-color: #e2f2f7;color: #333!important;}



.nopc {
	display: none;
}

#trigger-overlay {
	display: none;
}

body {
	background-color: #fff;
}

.header-header {
	width: 100%;
	height: 100px;
	padding-top: 20px;
		padding-bottom: 20px;
}
.div-h1 {
display:flex;
flex-wrap: wrap;
justify-content:center;
align-items: center;
margin-bottom: 25px;
}
.div-header {
	
}
.h1-header {
	
}
.h1-header a {
	display: block;
	background: url(../img/rogo_head.svg) center center no-repeat;
	width: 150px;
	height: 50px;
	margin-right: 20px;
		margin-left: 20px;
	text-indent: -9999px;
}
.p-header {
	color: #003715;
	font-size: 13px;
		font-weight: 200;
}

.nav-pc {
	
}
.ul-mm {
display:flex;
justify-content:space-between;
width: 960px;
margin-right: auto;
		margin-left: auto;
}
.ul-mm li {
	overflow: hidden;
}
.ul-mm li a {
		font-weight: 200;
		color: #003715;
		font-size: 17px;
}
.ul-mm li a i{
		color: #003715;
		font-size: 12px;
		display: block;
		float: left;
		margin-right: 5px;
		margin-top: 4px;
}

.ul-mm li a:hover {
	
}
/*topimg*/
.sec-topimg {
	background-color: #ccc;
	width: 100%;
	height: 480px;
}
.div-topimg {
height: 480px;
position: relative;
}

.div-topcopy {
	width: 400px;
	text-align:justify;
	height: 480px;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	background: url(../img/bg_foot.gif) center center repeat #000;
		background-size: 100% auto;
}

.div-topimgin {

}

.img-topimg {
	 object-fit: cover;
	 height: 480px;
	 width: 100%;
}

div.top-img {
	width: calc(100% - 400px);
	position: absolute;
	right: 0;
	top: 0;
	height: 480px;
}
ul.rslides li {
	width: 100%;

}



.p-topcopy {
	color: #fff;
	font-size: 20px;
	line-height: 1.75em;
	font-weight: 600;
	padding: 40px;
}

.div-topshop {

}
.spn-topshop {
	background-color: #000;
	color: #fff;
	width: 12em;
	margin-right: auto;
		margin-left: auto;
	display: block;
	text-align: center;
	position: relative;
	z-index: 100;
	font-size: 15px;
	padding-top: 15px;
		padding-bottom: 20px;
	border-style: none;
	clip-path: polygon(100% 0, 100% 70%, 50% 100%, 0 70%, 0 0);
	margin-bottom: -30px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
}

.spn-topshop i {
	color: #fff;
	font-size: 15px;
	margin-right: 5px;
}

.ul-topshop {
	display:flex;
justify-content:space-between;
flex-wrap: wrap;
background-color: #fff;
border: 1px solid #000;
margin-right: 30px;
		margin-bottom: 30px;
margin-left: 30px;
padding-right: 25px;
		padding-left: 25px;
padding-top: 2.5em;
}
.ul-topshop li {
	margin-bottom: 1.5em;
	width: 8em;
}

.ul-topshop li a {
	color: #333;
	font-size: 18px;
	font-weight: 400;
}
.ul-topshop li a:hover {
	
}


.sec-topics {
	
}
.sec-topclm0 {
	background-color: #fff;
	padding-top: 50px;
		padding-bottom: 50px;
}
.sec-topclm1 {
	background-color: #fafafa;
	padding-top: 50px;
		padding-bottom: 50px;
}
.div-topclm {
	width: 960px;
	margin-right: auto;
		margin-left: auto;
}

.div-topsale {
	width: 600px;
	margin-right: auto;
		margin-left: auto;
}

.h2-h2top {
display:flex;
justify-content:center;
color: #14601d;
}
.h2-h2top b {
	border-bottom: 1px solid #14601d;
	color: #14601d;
	font-size: 40px;
	font-weight: 200;
	padding-bottom: 10px;
	padding-right: 5px;
		padding-left: 5px;
	margin-bottom: 50px;
}

.ul-topitemlist {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
.ul-topitemlist li {
		margin-bottom: 30px;
}
.ul-topitemlist li a {
	display: block;
	text-align: center;
	color: #333;
	font-size: 14px;
	line-height: 1.5em;
	width: 162px;
}
.ul-topitemlist li a img {
	width: 100%;
	height: auto;
	background-color: #ccc;
	display: block;
	margin-bottom: 5px;
	
	border: 1px solid #ccc;
	
transition: all 0.2s ease-in-out;
opacity:1;
}
.ul-topitemlist li a:hover img {

	border: 1px solid #14601d;
transition: all 0.2s ease-in-out;
opacity:0.50;
}

.div-topserv {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}
.div-servlock {
	width: calc(100% / 3 - 30px);
}

.div-servlock p {
	color: #333;
	font-size: 14px;
	line-height: 1.75em;
	height: 6em;
	text-align:justify;
}
.div-servlock b {
	display: block;
	background-color: #000;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
	padding-top: 15px;
		padding-bottom: 15px;
}
.div-servlock b i {
	color: #fff;
	font-size: 16px;
}
.img-servlock {
	width: 100%;
	height: auto;
	margin-top: -40px;
		margin-bottom: 5px;
}
.h3-servlock {
	background-color: #14601d;
	color: #fff;
	font-size: 25px;
	text-align: center;
	padding: 15px 10px 30px;
	clip-path: polygon(100% 0, 100% 70%, 49% 100%, 0 70%, 0 0);
	margin-right: 20px;
		margin-left: 20px;
	font-weight: 200;
	}


.div-topshopout{
	display:flex;
justify-content:center;
flex-wrap: wrap;
}
.div-topshopinfo {
	width: 280px;
	margin-bottom: 60px;
}
.img-topshopinfo {
	width: 100%;
	margin-bottom: 10px;
		margin-top: -20px;
}
.div-topshopinfo p {
	color: #333;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 300;
	margin-bottom: 10px;
}
.div-topshopinfo h4 {
	display: inline-block;
	background-color: #003b00;
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	text-align: left;
	position: relative;
	z-index: 100;
	margin-left: 10px;
	padding: 10px 20px;
	letter-spacing: 0.1em;
}
.ul-topshopinfo {
	
}
.ul-topshopinfo li  {
	margin-bottom: 5px;
}

.ul-topshopinfo li a  {
	display: block;
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	padding: 15px;
}
.ul-topshopinfo li a i  {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	margin-right: 10px;
}
.li-topshop1 a {
	background-color: #003b00;
}
.li-topshop2 a {
	background-color: #00a1ef;
}
.li-topshop3 a {
	background-color: #00c400;
}
.li-topshop4 a {
	background-color: #ff7700;
	font: 20px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
	font-weight: 800!important;
}
.li-topshop4 a i {
	    transform: scale(-1, 1);
}

.dtsi1 {
	
}
.dtsi2 {
	margin-right: 60px;
		margin-left: 60px;
}
.dtsi3 {
	
}
.dtsi4 {
	margin-right: 30px;
		margin-bottom: 0;
}
.dtsi5 {
	margin-left: 30px;
		margin-bottom: 0;
}

.ul-topabout {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
}.ul-topabout li {
	
}
.ul-topabout li a  {
	width: 300px;
	display: block;
}
.ul-topabout li a img {
	width: 100%;
}

.ul-topics {
	width: 400px;
	margin-right: auto;
		margin-left: auto;
}
.ul-topics li {
	margin-bottom: 20px;
	display: block;
}
.ul-topics li a {
	display: block;

	display:flex;
justify-content:right;
text-align: left;
align-items: center;
}
.ul-topics li a b {
		color: #333;
	font-size: 16px;
	line-height: 1.5em;
}
.ul-topics li a img {
	width: 100px;
	height: auto;
	margin-right: 20px;
}







.footer {
		background: url(../img/bg_foot.gif) center center repeat #003b00;
		padding-top: 50px;
		padding-bottom: 50px;
		background-size:25% auto;
}
.img-footrogo {
	width: 150px;
	height: 50px;
}
.div-footer {
	width: 960px;
	margin-right: auto;
		margin-left: auto;
	display:flex;
justify-content:space-between;
flex-wrap: wrap;
margin-bottom: 50px;
}

.ul-footlink {
	
}
.ul-footlink li {
	margin-bottom: 0.5em;
}
.ul-footlink li a {
	color: #fff;
	font-size: 15px;
	line-height: 1.5em;
	font-weight: 200;
}
.ul-footlink li a:before {
	font-size: 12px;
	content: '\f138';
	font-weight: bold;
	font-family: "Font Awesome 5 Free";
	margin-right: 5px;
}

.ul-topentinfo{
display:flex;
justify-content:space-between;
flex-wrap: wrap;
width: 800px;
margin-right: auto;
		margin-left: auto;
margin-bottom: 50px;
}
.ul-topentinfo li{
	margin-bottom: 1em;
	width: calc(100% / 3);
}
.ul-topentinfo li a {
	color: #003b00;
	font-size: 14px;
}
.ul-topentinfo li a:before {
	font-size: 12px;
	content: '\f138';
	font-weight: bold;
	font-family: "Font Awesome 5 Free";
	margin-right: 5px;
}

.ul-topentthum {
	width: 600px;
	margin-right: auto;
		margin-left: auto;
}
.ul-topentthum li {
	overflow: hidden;
	margin-bottom: 20px;
}

.ul-topentthum li a {
	color: #333;
	font-size: 12px;
	line-height: 1.5em;
}

.ul-topentthum li a i {
	float: left;
	margin-right: 20px;
	color: #666;
	font-size: 11px;
}
.ul-topentthum li a b {
	color: #333;
	font-size: 13px;
	line-height: 1.5em;
}

.ul-topentthum li a img {
	float: left;
	width: 100px;
	height: 100px;
	margin-right: 20px;
}

.ul-tntb {
	overflow: hidden;
}
.ul-tntb li {
	background-color: #003b00;
	color: #fff;
	font-size: 12px;
	margin-right: 5px;
	padding: 7px;
	overflow: hidden;
	display: inline-block;
	margin-bottom: 5px;
}

.p-copyright {
	color: #fff;
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
}

.ul-footbtn {
	
}

.ul-footbtn li {
	margin-bottom: 10px;
}
.ul-footbtn li a {
	background-color: #fff;
	color: #003b00;
	display: block;
	font-size: 15px;
	text-align: center;
	padding: 10px 15px;
}

.ul-footbtn li a i {

	color: #003b00;
	margin-right: 5px;
}



/*blog*/
article.blog-colm {overflow: hidden;width: 1000px;margin: 100px auto;}
div.blog-body {width: 700px;float: right;}
div.blog-side {width: 250px;float: left;}

div.side-tit {color: #333;margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dotted #ccc;font-size: 18px;font-weight: 400;}
ul.side-menu {margin-bottom: 50px;}
ul.side-menu li {list-style-position: outside;list-style-type: disc;margin-left: 1.5em;}
ul.side-menu li a {color: #000;font-size: 13px;margin-bottom: 15px;display: block;line-height: 1.5em;}
ul.side-menu li a:hover {text-decoration: underline;}

ul.blog-list {margin-bottom: 20px;}
ul.blog-list li {line-height: 1.5em;}
ul.blog-list li a {color: #000;font-size: 13px;line-height: 1.5em;display: block;overflow: hidden;padding: 25px;width: 650px;}
ul.blog-list li a:hover {background-color: #efefef;}
ul.blog-list li a img {float: left;width: 150px;height: auto;margin-right: 10px;}
ul.blog-list li a span {color: #000;font-size: 13px;line-height: 1.5em;display: block;float: right;width: 430px;}
ul.blog-list li a b {display: block;margin-bottom: 10px;font-size: 18px;line-height: 1.5em;font-weight: 600;}
ul.blog-list li a i {display: block;margin-bottom: 10px;}

div.blog-date {margin-bottom: 10px;color: #000;font-size: 13px;text-align: right;}
h3.blog-tit {font-size: 25px;margin-bottom: 10px;border-bottom: 1px dotted #ccc;padding-bottom: 10px;line-height: 1.5em;color: #db5f83;margin-left: 5px;display: inline-block;position: relative;top: 3px;width: 100%;}
div.blog-body p {color: #333;font-size: 15px;line-height: 1.75em;margin-top: 1.5em;font-weight: 200;}
div.blog-body p img {max-width:660px;margin-bottom: 10px;height: auto;width: 100%;}
.bog-archnav {margin-top: 50px;}

ul.archnav {overflow: hidden;display: block;width: 100%;position: relative;height: 1em;}
li.archnav-p {width: 5em;display: block;position: absolute;left: 0;}
li.archnav-i {width: 7em;display: block;position: absolute;left: 50%;margin-left: -3.5em;}
li.archnav-n {width: 5em;display: block;position: absolute;right: 0;}
li.archnav-p a {color: #333;font-size: 15px;font-weight: 200;}
li.archnav-i a {color: #333;font-size: 15px;font-weight: 200;}
li.archnav-n a {color: #333;font-size: 15px;font-weight: 200;}


section.list-top {background-color: #fff;}
div.list-top {width: 960px;margin-right: auto;margin-left: auto;}

ul.side-list {margin-bottom: 50px;}
ul.side-list li {margin-bottom: 10px;}
ul.side-list li a {color: #333;font-size: 15px;line-height: 1.5em;font-weight: 200;text-indent: -8px;margin-left: 20px;}
ul.side-list li a:before {content: "\f138";color: #333;font: 15px FontAwesome;display: inline-block;padding-right: 5px;}
ul.side-list li a:hover:before {color: #df5f61;text-decoration: underline;display: inline-block;}
ul.side-list li a:hover {color: #df5f61;text-decoration: underline;}

.news-date {color: #666;font-size: 12px;margin-bottom: 10px;}

h3.experi-tit {color: #478c60;font-size: 25px;line-height: 1.25em;font-weight: 600;border-bottom: 1px dotted #0067a4;margin-bottom: 10px;padding-bottom: 10px;}

/*news-list-top*/
ul.news-list-top {width: 900px;margin-left: auto;margin-right: auto;}
ul.news-list-top li {overflow: hidden;padding-top: 30px;padding-bottom: 30px;border-bottom: 1px dotted #ccc;line-height: 1.5em;}
ul.news-list-top li a {color: #333;font-size: 15px;line-height: 1.5em;display: block;}
ul.news-list-top li a img {width: 200px;height: auto;float: left;}
ul.news-list-top li b {color: #0071be;font-size: 20px;font-weight: 400;display: inline-block;margin-bottom: 10px;}
ul.news-list-top li i {color: #333;font-size: 12px;display: inline-block;margin-bottom: 10px;}
.newstext {float: right;width: 670px;}
.newsexp {display: inline;line-height: 1.5em;color: #333;font-size: 15px;}

/*wp-pagenavi*/
.pages {color: #333;font-size: 15px;margin-right: 2em;}
ul.bread_crumb li.current {color: #fff;font-size: 12px;display: inline-block;text-align: center;font-weight: 200;}
ul.bread_crumb li.current a {color: #fff;font-weight: 200;}
a.page {color: #333;font-size: 15px;display: inline-block;padding: 5px;text-align: center;margin-right: 0.25em;margin-left: 0.25em;}
a.nextpostslink,a.previouspostslink {color: #333;font-size: 15px;display: inline-block;padding: 5px;text-align: center;margin-right: 0.5em;}

a.last,a.first  {color: #333;font-size: 15px;display: inline-block;text-align: center;margin-left: 0.5px;margin-right: 0.5em;padding: 0.5em;}


div.blog-other {width: 100%;height: 3px;margin-bottom: 20px;}

div.wp-pagenavi {width: 100%;text-align: center;display: block;margin-top: 50px;margin-bottom: 50px;}
.pages {}
a.page {color: #666;font-weight: normal;font-style: normal;font-size: 13px;padding: 6px 12px;border: 1px solid #ddd;margin-left: -1px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;}
span.current {color: #fff;font-weight: normal;font-style: normal;font-size: 13px;padding: 6px 12px;background-color: #999; position: relative;border: 1px solid #999;z-index: 10;margin-left: -1px;}
a.page:hover {background-color: #efefef;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}

a.previouspostslink {border-radius:5px 0px 0px 5px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;color: #666;font-size: 13px;padding: 6px 12px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;}
a.nextpostslink {border-radius:0px 5px 5px 0px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;color: #666;font-size: 13px;border-right: 1px solid #ddd;padding: 6px 12px;
transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
}
a.nextpostslink:hover,a.previouspostslink:hover {
	transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;background-color: #efefef;}

section.next-clm {margin-bottom: 50px;}


/*nexthead*/
.sec-nexthead01 {
    background: url(../img/bg_foot.gif) center center repeat #000;
    background-size: 25% auto;
	padding-top: 50px;
		padding-bottom: 50px;
	margin-bottom: 50px;
}


.div-nexthead01 {
	
}
.h2-nexthead01 {
	color: #fff;
	font-size: 30px;
	text-align: center;
	font-weight: 600;
}

/*iteminfo*/
.div-itemdate {
	color: #666;
	font-size: 12px;
	font-weight: 200;
	margin-bottom: 10px;
}
.div-iteminfo {
	width: 800px;
	margin-right: auto;
		margin-left: auto;
}	
.img-iiimgtop {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}	
.div-iiexp {
	
}	
.div-iiexp1 {
	color: #333;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 200;
	margin-bottom: 100px;
}	
.div-iiexp2 {
	color: #333;
	font-size: 16px;
	line-height: 1.5em;
	font-weight: 200;
	margin-bottom: 25px;
}	


.h3-iiblock {
    display: flex;
    justify-content: center;
    color: #14601d;
}	


.h3-iiblock b {
    border-bottom: 1px solid #14601d;
    color: #14601d;
    font-size: 30px;
    font-weight: 200;
    padding-bottom: 10px;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 15px;
	line-height: 1.5em;
}


.img-iiimgblock {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}	
.ul-iiblockitem {
display:flex;
justify-content:space-between;
flex-wrap: wrap;
margin-bottom: 100px;
}
.ul-iiblockitem li {
	width: calc(100% / 5 - 20px);
	color: #333;
	font-size: 12px;
	text-align: center;
	font-weight: 200;
	margin-bottom: 30px;
	line-height: 1.5em;
}	
.img-iiimgitem {
	width: 100%;
	height: auto;
	margin-bottom: 5px;
}	

.ul-postinfo {
	overflow: hidden;
	margin-bottom: 10px;
}
.ul-postinfo li {
	float: left;
	margin-right: 20px;
}

.ul-postinfo li a {
	display: block;
	color: #666;

	font-size: 12px;
}
.ul-postinfo li a:hover {
	text-decoration: underline;
}
.ul-postinfo li a:before {
	content: '\f02b';
	font-size: 12px;
	font-weight: bold;
	font-family: "Font Awesome 5 Free";
	color: #666;
	padding-right: 5px;
}