@charset "utf-8";

html,
body{width:100%;max-width:1920px;margin:0 auto;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
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,
dl,
dt,
dd,
ol,
ul,
li,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
p,
fieldset,
form,
label,
legend,
input,
article,
aside,
canvas,
figure,
footer,
header,
nav,
section,
b,
u,
i{list-style:none;margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-style:normal;}
a{outline:none;}
img{max-width:100%;height:auto;border:0 none;vertical-align:top;}
em{font-style:normal;font-weight:bold;}
nav ul,
nav li{list-style:none;}
nav a{text-decoration:none;}
/* ----------------------------------------------- font */
html{font-size:62.5%;}
body{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;font-size:14px;font-size:1.4rem;}
body{font:14px "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;}
body{font:1.4rem "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;}
h1,
h2,
h3{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, Verdana, "ＭＳ Ｐゴシック", sans-serif;font-weight:normal;}
h1{font-size:22px;font-size:2.2rem;}
h2{font-size:18px;font-size:1.8rem;}
h3{font-size:16px;font-size:1.6rem;}
@font-face{font-family:"entypo";font-style:normal;font-weight:normal;}
/* ============================================================== base */
body{background:#fff;}
a{color:#0071ce;transition:all 0.2s;}
a:visited{color:#06b;}
a:hover{color:#18d;}
em{color:#e21;}
/* ============================================================== frame */
.c .fx{padding:2em 0;}
.h .fx:after,
.f .fx:after,
.c .fx:after{content:" ";display:block;clear:both;height:0;font-size:0;}
/* ============================================================== fixImage */
.fixImage{display:block;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;}
/* ============================================================== header */
.h{background:#f5f7f2;}
.h_logo{float:left;padding:36px 0;}
.h_logo a{display:block;}
.h_link{float:right;padding-top:0.8em;text-align:right;}
.h_link li{display:inline-block;vertical-align:top;}
.h_link_1{padding:0.5em 0;}
.h_link_1 li{margin-left:0.5em;}
.h_link_1 a{display:block;text-decoration:none;}
.h_link_1 i{display:block;padding:0.2em 0.8em;background:#dedede;color:#333;}
.h_link_1 a:hover{opacity:0.8;}
.h_link_2{margin-bottom:0.5em;}
.h_link_2 li{padding:0 0.5em;border-right:1px solid #333;}
.h_link_2 li:last-child{padding-right:0;border-right:0 none;}
.h_link_2 li a:hover{opacity:0.8;}
.h_link_2 li:last-child a{padding-right:0;color:#4aa634;}
.h_link_2 li a i{display:inline-block;border-bottom:1px solid #0071ce;line-height:1.1em;}
.h_link_2 li:last-child a i{border-color:#4aa634;}
.h_search{margin-bottom:1em;}
.h_search input[type=text],
.h_search button{display:inline-block;height:30px;padding:0 8px;border:1px solid #ccc;font-size:16px;line-height:28px;vertical-align:top;}
.h_search button{background:#0071ce;
/* Old browsers */
background:-moz-linear-gradient(top, #0071ce 0%, #0071ce 49%, #005aa5 51%, #005aa5 100%);background:-webkit-linear-gradient(top, #0071ce 0%, #0071ce 49%, #005aa5 51%, #005aa5 100%);background:linear-gradient(to bottom, #0071ce 0%, #0071ce 49%, #005aa5 51%, #005aa5 100%);color:#fff;font-size:1em;cursor:pointer;}
/* ============================================================== global navigation */
.gnv{padding-top:0.5em;border-bottom:4px solid #a4d55d;background:#fff;}
.gnv ul:after{content:" ";display:block;clear:both;height:0;font-size:0;}
.gnv li{float:left;width:16.66%;}
.gnv li a{display:block;overflow:hidden;position:relative;padding:1em 0;color:#333;font-weight:bold;font-size:1.1em;text-align:center;}
.gnv li a:hover{color:#888;}
.gnv .crt a:after{content:"";display:block;position:absolute;bottom:-4px;left:50%;width:20px;height:10px;margin-left:-10px;border-radius:10px 10px 0 0;background:#a4d55d;font-size:1px;}
/* ============================================================== topic path */
.path{margin-top:-1em;margin-bottom:1em;padding-left:0.2em;}
.path li,
.path span,
.path i,
.path a{display:inline-block;font-size:13px;vertical-align:middle;}
.path span{margin-right:1em;}
.path span:after{content:"\e6d0";margin-left:0.5em;font-family:"entypo";}
.path li:last-child span:after{content:"";}
/* ============================================================== aside */
.s_bnr{margin-bottom:1em;}
.s_bnr a{display:block;}
.s_bnr a:hover{opacity:0.8;}
.s nav label{display:block;padding:1em;border-bottom:1px solid #fff;background:#a4d55d;font-size:1.1em;cursor:pointer;transition:all 0.2s;}
.s nav label:hover{opacity:0.8;}
.s nav label i{display:inline-block;color:#333;font-weight:bold;vertical-align:middle;}
.s nav label:before{content:"+";display:inline-block;margin-right:0.6em;color:#fff;font-weight:bold;font-size:1.2em;vertical-align:middle;}
.s nav label.on:before{content:"\ff0d";}
.s nav input{display:none;}
.s nav li ul{overflow:hidden;max-height:0;background:#fff;transition:all 0.2s;}
.s nav input:checked + ul{max-height:24em;}
.s nav li li{padding:0 1em;}
.s nav li li:first-child{padding-top:0.5em;}
.s nav li li:last-child{padding-bottom:0.5em;}
.s nav li li a{display:block;padding:0.5em;}
.s nav li li a:before{content:"\e6cc";margin-right:0.5em;color:#4aa634;font-family:"entypo";}
.s nav li li a i{display:inline-block;border-bottom:1px solid #ccc;line-height:1.2em;}
/* ============================================================== footer */
.f{border-top:1px solid #88b051;}
.f .fx{padding:1.5em 0;}
.f nav{float:left;width:20%;}
.f nav > div{margin-bottom:0.1em;font-size:1.1em;}
.f nav > div:before{content:"\25a0";display:inline-block;margin-right:0.2em;color:#88b051;font-size:1.2em;vertical-align:middle;}
.f nav li{padding-left:0.6em;}
.f nav li:before{content:"\e6d4";display:inline-block;font-family:"entypo";vertical-align:middle;}
.f nav li a{display:inline-block;padding:0.3em 0;color:#333;font-size:0.88em;}
.f nav li a:hover{color:#666;}
.f .copy{padding:1em 0;background:#88b051;color:#fff;font-size:0.88em;text-align:center;}