@charset "utf-8";

@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,700&subset=japanese"); html, body, header, footer, section, summary, article, aside, details, menu, nav, figcaption, figure, img, div, span, iframe, form, label,h1, h2, h3, h4, h5, h6, p, blockquote, pre, del, em, strong, mark, dl, dt, dd, ol, ul, li,table, caption, tbody, thead, tfoot, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline;}
header, footer, section, summary, article, aside, nav, figure, img {display:block;}
* {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
table {border-collapse:collapse; border-spacing:0;}
ul li {list-style:none;}
ol li {list-style:none;}
.clearfix:after {content:''; clear:both; display:block;}  html {width:100%; height:100%; font-size:62.5%;}
body {width:100%; height:100%;}
#wrap {position:relative; min-height:100% !important; overflow-x:hidden;}
#contents {padding-bottom:250px ;}
.display-pc {display:none !important;} body {
color:#000;
font-family:'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
font-size:1.4rem;
font-weight:300;
letter-spacing:0.08em;
} a {color:#60a80c; text-decoration:none; transition:all .3s;}
button {transition:all .3s;}  header {
position:relative;
height:85px;
padding-top:20px;
border-bottom:1px solid #d9d9d9;
}
header .logo {display:block; margin:auto; width:154px; height:25px;}
header .logo img {height:25px;}
header p {color:#777; font-size:1.0rem; text-align:center; margin-top:6px;} footer {
position:absolute;
left:0;
bottom:0;
width:100%;
height:250px;
padding-top:25px;
background:#404040;
}
footer .logo {
display:block;
width:123px;
height:20px;
margin:auto;
}
footer .logo img {height:20px;}
footer p {
color:#fff;
font-size:1.1rem;
text-align:center;
letter-spacing:0.1em;
}
footer .links {
margin-top:20px;
padding-top:15px;
font-size:0;
text-align:center;
border-top:1px solid #303030;
box-shadow:0 1px 0 0 #5a5a5a inset;
}
footer .links li {display:inline-block; padding:0 12px;}
footer .links li + li {border-left:1px solid #fff;}
footer .links a {font-size:1.1rem; color:#fff;} .breadcrumb {
color:#999;
font-size:1.1rem;
font-weight:bold;
border-bottom:1px solid #d9d9d9;
-webkit-overflow-scrolling:touch;
overflow-x:auto;
overflow-y:hidden;
}
.breadcrumb ul {display:table; height:40px;}
.breadcrumb li {display:table-cell; white-space:nowrap; vertical-align:middle; padding-left:30px;}
.breadcrumb li:first-child {padding-left:20px;}
.breadcrumb li:last-child {padding-right:30px;}
.breadcrumb a {
position:relative;
display:inline-block;
height:40px;
line-height:40px;
margin-left:-30px;
padding:0 10px 0 30px;
color:#333;
}
.breadcrumb a:after {
content:'';
position:absolute;
top:4px;
right:-12px;
display:block;
width:32px;
height:32px;
border-top:1px solid #d9d9d9;
border-right:1px solid #d9d9d9;
transform:rotate(45deg);
z-index:10;
} .socialbtn {margin:25px 0 13px; text-align:center;}
.socialbtn li {display:inline-block;}
.socialbtn li + li {margin-left:10px;}
.socialbtn i {
color:#60a80c;
font-size:2.6rem;
background:linear-gradient(to right bottom, #a4d643, #59960b);
background:-webkit-linear-gradient(left top, #a4d643, #59960b);
-webkit-background-clip:text;
-webkit-text-fill-color: rgba(255,255,255,0);
}
header .socialbtn {display:none;} .searchform {display:block; margin-top:20px; padding:0 10%;}
.searchform:after {content:''; display:block; clear:both;}
.searchform input[type=text] {
appearance:none;
float:left;
width:80%;
height:32px;
padding:0 10px;
color:#fff;
background:rgba(255, 255, 255, 0.1);
border:1px solid #ccc;
border-radius:3px 0 0 3px;
}
.searchform input[type=text]:focus {background:rgba(255, 255, 255, 0.2); outline:none;}
.searchform input[type=submit] {display:none;}
.searchform input[type=submit] + label {
float:left;
width:20%;
height:32px;
line-height:32px;
color:#fff;
font-size:1.8rem;
text-align:center;
border:1px solid #ccc;
border-left:0;
box-shadow:0 0 1px 0 #333 inset;
border-radius:0 3px 3px 0;
cursor:pointer;
}
header .searchform {display:none;} #btn-pagetop {
position:fixed;
bottom:20px;
right:15px;
width:40px;
height:40px;
font-size:0;
background:rgba(0, 0, 0, 0.7);
border:1px solid #fff;
border-radius:20px;
z-index:1000;
}
#btn-pagetop:after {
content:'';
position:absolute;
top:50%;
left:50%;
display:block;
width:8px;
height:8px;
margin:-3px 0 0 -5px;
border-top:2px solid #fff;
border-right:2px solid #fff;
transform:rotate(-45deg);
}
.errorpage + #btn-pagetop {display:none;} #ft-articles {
padding:40px 0 1px;
background:#eee;
border-top:1px solid #d9d9d9;
box-shadow:0 1px 0 0 #fff inset;
}
#ft-articles .ft-articles-top {
margin-bottom:50px;
font-size:2.0rem;
font-weight:bold;
text-align:center;
letter-spacing:0.05em;
}
#ft-articles .ft-articles-top span {
display:block;
margin-top:8px;
color:#777;
font-size:1.3rem;
font-weight:normal;
} #ft-keywords {
padding:40px 6%;
background:#eee;
border-top:1px solid #d9d9d9;
box-shadow:0 1px 0 0 #fff inset;
}
#ft-keywords dt {
position:relative;
height:14px;
line-height:14px;
margin-bottom:15px;
padding-left:10px;
font-size:1.3rem;
font-weight:bold;
border-left:5px solid #000;
}
#ft-keywords a {
display:inline-block;
margin-bottom:10px;
color:#000;
font-size:1.2rem;
}
#ft-keywords dd.category a {margin-right:20px; font-size:1.3rem;}
#ft-keywords dd.category a:before {content:'-'; margin-right:5px;}
#ft-keywords dd.keywords a {
display:inline-block;
height:20px;
line-height:20px;
margin:0 10px 12px 0;
padding:0 15px;
background:#fff;
border-radius:10px;
}
#ft-keywords dd.keywords span:before {content:'#';}
#ft-keywords dd + dt {margin-top:40px;} .list-articles {
padding:0 6%;
margin:auto;
}
.list-articles li {
position:relative;
margin-bottom:60px;
word-break:break-all;
} .list-articles li .listimg {
position:relative;
display:block;
width:100%;
margin-bottom:25px;
padding-top:66%;
border-radius:4px;
overflow:hidden;
}
.list-articles li .listimg:after {
content:'';
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border-radius:4px;
box-shadow:0 0 40px rgba(0, 0, 0, 0.2) inset;
}
.list-articles li .listimg img {
position:absolute;
top:50%;
let:0;
transform:translateY(-50%);
width:100%;
height:auto;
} .list-articles .listcont {
display:block;
margin-bottom:20px;
padding-right:10px;
color:#000;
font-size:1.3rem;
animation:all 0.2s;
}
.list-articles .listcont .title {
margin-bottom:15px;
font-size:1.7rem;
font-weight:bold;
line-height:1.4;
} .list-articles .date {color:#777; font-size:1.1rem; margin-bottom:3px;}
.list-articles .tags a {display:inline; font-size:1.2rem; margin-right:10px;}
.list-articles .tags a:before {content:'#';}
.listcategory {
display:inline-block;
margin-top:13px;
margin-right:10px;
padding:3px 15px;
color:#fff;
font-size:1.1rem;
background:#595959;
opacity:0.7;
}
.listcategory i {margin-right:10px;} .noarticles {
display:block;
text-align:center;
} .list-articles.pickup {border-bottom:1px solid #d9d9d9;}
.list-articles.pickup li:before {
content:'CHECK';
position:absolute;
top:-15px;
right:-15px;
display:block;
width:60px;
height:60px;
line-height:61px;
color:#fff;
font-size:1.2rem;
font-weight:bold;
text-align:center;
background:#ffa415;
border-radius:30px;
transform:rotate(25deg);
z-index:100;
} .list-articles li.new:before {
content:'NEW';
position:absolute;
top:-15px;
right:-15px;
display:block;
width:60px;
height:60px;
line-height:61px;
color:#fff;
font-size:1.2rem;
font-weight:bold;
text-align:center;
background:#8cbe28;
border-radius:30px;
transform:rotate(25deg);
z-index:100;
}  .btn-more {
position:relative;
display:block;
width:75%;
height:55px;
line-height:55px;
margin:70px auto 100px;
color:#333;
font-size:1.3rem;
font-weight:bold;
letter-spacing:0.2em;
text-align:center;
border:2px solid #333;
}
.btn-more:before {
content:'';
position:absolute;
top:-4px;
left:2px;
border-top:10px solid transparent;
border-right:10px solid #333;
border-bottom:10px solid transparent;
transform:rotate(45deg);
} .pager {text-align:center;}
.pager a {
display:inline-block;
margin:50px auto 80px;
padding:14px 25px;
color:#333;
font-size:1.3rem;
border:1px solid #595959;
border-radius:2px;
}
.pager span {
display:inline-block;
padding:10px;
color:#333;
font-size:1.2rem;
font-weight:bold;
}
.toppage .pager {display:none !important;}
.singlepage .pager {display:none !important;}  .toppage h2 {
margin:50px auto 50px;
font-size:2.0rem;
font-weight:bold;
text-align:center;
letter-spacing:0.05em;
}
.toppage h2 span {
display:block;
margin-top:8px;
color:#777;
font-size:1.3rem;
font-weight:normal;
} .topimg {position:relative;}
.topimg img {width:100%;}
.topimg p {
position:absolute;
top:55px;
width:100%;
font-size:1.5rem;
font-weight:bold;
letter-spacing:0.1em;
line-height:1.9;
text-align:center;
text-shadow:
1px 1px 0 #fff,
1px -1px 0 #fff,
-1px 1px 0 #fff,
-1px -1px 0 #fff;
z-index:100;
}  .singlepage {position:relative;}
.singlepage.pickup:before {
content:'CHECK';
position:absolute;
top:5px;
right:5px;
margin-right:0;
display:block;
width:75px;
height:75px;
line-height:76px;
color:#fff;
font-weight:bold;
text-align:center;
background:#ffa415;
border-radius:50%;
transform:rotate(25deg);
z-index:100;
border:1px solid #fff;
}
.singlepage.new:before {
content:'NEW';
position:absolute;
top:5px;
right:5px;
margin-right:0;
display:block;
width:75px;
height:75px;
line-height:76px;
color:#fff;
font-weight:bold;
text-align:center;
background:#8cbe28;
border-radius:50%;
transform:rotate(25deg);
z-index:100;
border:1px solid #fff;
} .singlepage h1 {
margin:0 auto 20px;
font-size:2.4rem;
line-height:1.5;
letter-spacing:0.1em;
}
.singlepage h2 {
position:relative;
margin-bottom:70px;
padding-top:110px;
font-size:2.0rem;
letter-spacing:0.05em;
}
.singlepage h2:before {
content:'';
position:absolute;
top:40px;
left:50%;
transform:translateX(-50%);
display:block;
width:100vw;
height:1px;
background:#d9d9d9;
}
.singlepage h2:after {
content:'';
position:absolute;
left:0;
bottom:-25px;
width:110px;
height:2px;
background:#000;
}
#ez-toc-container + h2 {padding-top:80px;}
#ez-toc-container + h2:before {display:none;}
.singlepage h3 {
margin:60px -5px 40px;
padding:10px 20px;
font-size:1.8rem;
background:#ebebeb;
}
.singlepage h4 {
margin:50px 0 40px;
font-size:1.7rem;
} .mainimg {margin-bottom:40px; border-bottom:1px solid #d9d9d9;}
.mainimg img {width:100%; height:auto;} .singlepage {font-size:1.5rem;}
.singlepage .inner {padding:0 20px;}
.singlepage .tags a {display:inline; font-size:1.3rem; margin-right:15px;}
.singlepage .tags a:before {content:'#';}
.singlepage .entry-header {padding:0 20px;}
.singlepage .entry-header .date {margin-bottom:20px; color:#999; font-size:1.3rem;}
.singlepage .entry-header .summary {color:#777;}
.singlepage .entry-header .tags {margin-top:30px;}
.singlepage .entry-footer {
width:90%;
margin:20px auto 100px;
padding:30px 20px;
font-size:1.4rem;
border:1px solid #d9d9d9;
}
.singlepage .entry-footer i {margin-right: 4px;}
.singlepage .entry-footer .date {display:inline-block; margin:0 20px 0 0; color:#000;}
.singlepage .entry-footer .author {display:inline-block;}
.singlepage .entry-footer .tags {margin-top:8px}
.singlepage section {padding-bottom:30px;}
.singlepage section p {margin-bottom:30px; line-height:1.6;}
.singlepage section em {font-style:normal; font-weight:bold;}
.singlepage section table {width:100%; border:1px solid #ccc; margin:60px 0; font-size:1.5rem;}
.singlepage section table th {border:1px solid #ccc; background:#ede6df; padding:15px; text-align:left; box-shadow:0 0 0 1px #fff inset;}
.singlepage section table td {border:1px solid #ccc; padding:15px;}
.singlepage section ol {margin-bottom:40px;}
.singlepage section ul {margin-bottom:40px;}
.singlepage section ol li {
list-style:decimal;
list-style-position:inside;
margin-bottom:30px;
padding-left:20px;
text-indent:-20px;
}
.singlepage section ul li {
list-style:square;
list-style-position:inside;
margin-bottom:10px;
}
.singlepage section blockquote {
margin:60px 0;
padding:30px 35px 15px;
font-size:1.4rem;
border-left:4px solid #e5e5e5;
background:#f5f5f5;
}
.singlepage section blockquote p {margin-bottom:20px;}
.singlepage section img {
width:95%;
height:auto;
margin:60px auto;
border:3px solid #fff;
box-shadow:0 0 0 1px #d9d9d9;
}
.singlepage section .img-caption {
margin-top:-35px;
margin-bottom:60px;
color:#999;
font-size:1.2rem;
text-align:center;
} #ez-toc-container {
position:relative;
left:50%;
transform:translateX(-50%);
width:100vw;
background:#f5f5f5;
border-top:1px solid #d9d9d9;
border-bottom:1px solid #d9d9d9;
box-shadow:0 1px 0 0 #fff inset, 0 -1px 0 0 #fff inset;
margin-top:50px;
padding:30px 20px 10px;
}
#ez-toc-container .ez-toc-title {
margin-bottom:15px;
font-size:1.6rem;
font-weight:bold;
}
#ez-toc-container ul {counter-reset:cnt;}
#ez-toc-container ul.ez-toc-list ul {counter-reset:cnt;}
#ez-toc-container ul.ez-toc-list li:before {content:counters(cnt, '-'); counter-increment:cnt;}
#ez-toc-container ul li {list-style:none;}
#ez-toc-container ul.ez-toc-list li a {color:#124466; font-weight: bold;} #ez-toc-container ul.ez-toc-list > li {
position:relative;
line-height:1.3;
margin-bottom:20px;
padding-left:40px;
font-size:1.3rem;
}
#ez-toc-container ul.ez-toc-list > li:before {
position:absolute;
left:0px;
padding:1px 10px;
color:#fff;
font-size:1.1rem;
font-weight:bold;
text-align:center;
border-radius:2px;
background:#124466;
} #ez-toc-container ul.ez-toc-list ul li {
position:relative;
margin:8px 0 0 -25px;
padding-left:35px;
color:#124466;
font-size:1.3rem;
font-weight:bold;
}
#ez-toc-container ul.ez-toc-list ul li:before {
position:absolute;
left:0px;
}  .archives h1 {
margin:50px auto 50px;
padding:0 20px;
font-size:2.0rem;
font-weight:bold;
text-align:center;
letter-spacing:0.05em;
}
.archives h1 span {
display:block;
margin-top:8px;
color:#777;
font-size:1.3rem;
font-weight:normal;
}  .company h1 {
margin:50px auto 50px;
padding:0 20px;
font-size:2.0rem;
font-weight:bold;
text-align:center;
letter-spacing:0.05em;
}
.company h1 span {
display:block;
margin-top:8px;
color:#777;
font-size:1.3rem;
font-weight:normal;
}
.company h2 {
margin-bottom:40px;
color:#60a80c;
font-size:1.5rem;
font-weight:bold;
letter-spacing:0.2em;
} .company section {
padding:40px 25px;
border-bottom:1px solid #eae9e8;
}
.company dt {
float:left;
clear:both;
width:80px;
color:#bbb;
font-size:1.3rem;
font-weight:bold;
}
.company dd {
margin-left:90px;
margin-bottom:30px;
font-size:1.3rem;
}
.company .link-corp {margin:0px auto 100px; padding-top:40px; text-align:center;}
.company .link-corp a {
position:relative;
display:block;
width:85%;
height:55px;
line-height:55px;
margin:30px auto;
color:#000;
font-size:1.3rem;
font-weight:bold;
border:2px solid #000;
} .errorpage {position:relative; text-align:center;}
.errorpage h1 {
padding:60px 30px 0;
margin-bottom:50px;
font-size:2.2rem;
font-weight:bold;
letter-spacing:0.1em;
}
.errorpage img {
position:absolute;
top:20px;
left:50%;
transform:translateX(-50%);
width:25%;
height:auto;
opacity:0.2;
}
.errorpage p {
line-height:1.8;
margin-bottom:50px;
padding:0 0px;
font-size:1.3rem;
}
@media screen and (max-width:370px) {
.errorpage p {letter-spacing:0;}
}
.errorpage a {
display:inline-block;
width:37%;
height:40px;
margin-bottom:80px;
line-height:38px;
color:#fff;
text-align:center;
background:#60a80c;
border:2px solid #60a80c;
}
.errorpage a + a {margin-left:6%;}