@charset "utf-8";
/* CSS Document */
#right_box>section {
    margin: 80px 0;
}
#right_box h2 {
    font-size: 2.6rem;
}
#right_box ol {
    margin-left: 2em;
}
#right_box img {
    max-width: 100%;
    height: auto;
}
#right_box a {
    text-decoration: underline;
}
#right_box a:hover {
    text-decoration: none;
}
#right_box .blank::after {
    content: "";
    background: url(/common/img/icon_blank_hover.png) no-repeat;
    width: 1.3rem;
    height: 1.2rem;
    display: inline-block;
    margin-left: .8rem;
    background-size: 100%;
}
@media screen and (max-width:767px) {
    #right_box>section {
        margin: 40px 0;
    }
}
/* 左メニュー */
#side_navi li {
    position: relative;
}
#side_navi li a {
    position: relative;
}
#side_navi li a:hover {
    border-bottom-color: #cbc9ca;
}
#side_navi li.active a,
#side_navi .hasChild > a {
    border-bottom-style: dotted;
}
#side_navi .hasChild > a:hover {
	border-bottom: 1px dotted #cbc9ca;
}
#side_navi .hasChild.active ul li dt a {
    color: #f00;
}
#side_navi .hasChild ul {
    border-top: 0;
    border-bottom: 1px solid #ccc9c9;
    padding: 0.5em 0;
}
#side_navi .hasChild ul.border-none {
	border-bottom: none;
}
#side_navi .hasChild ul.border-none li a:before {
	width: 0.3em;
    height: 0.3em;
    border: none;
    border-radius: 50%;
    background: #ccc9c9;
}
#side_navi .hasChild ul.border-none li a:after {
    display: none;
}
#side_navi .hasChild ul li a {
    border-bottom: none;
    color: #3c3c3c;
    background-color: #FFF;
    padding: 0.3em 0em 0.3em 1.5em;
    font-size: 1.5rem;
    position: relative;
}
#side_navi .hasChild ul li a:hover,
#side_navi .hasChild ul li.active a {
    color: #FF0000;
}
#side_navi .hasChild ul li a:hover {
    border-bottom: none;
}
#side_navi .hasChild ul li a:before {
    content: "";
    width: 0.7em;
    border-top: 1px solid #ccc9c9;
    position: absolute;
    left: 0.3em;
    top: 50%;
    margin-top: 0px;
}
#side_navi .hasChild ul li a:after {
    content: "";
    height: 0.5em;
    border-left: 1px solid #ccc9c9;
    position: absolute;
    left: 0.3em;
    top: 50%;
    margin-top: -0.5em;
    border-top: none;
}
#side_navi .hasChild ul {
    padding-left: 1em;
}
@media screen and (max-width: 1150px) and (min-width: 768px) {
    #side_navi .hasChild ul li a,
    #side_navi .hasChild dt {
        font-size: 1.35vw;
    }
}
@media screen and (max-width:767px) {
    #side_navi .bnr a {
        border-top: none;
        border-bottom: none;
        padding: 0em;
    }
    #side_navi li a {
        padding: 1em 0 1em 1em;
    }
    #side_navi .hasChild dt {
        padding: 0;
    }
    #side_navi .hasChild ul {
        padding-left: 1em;
    }
    #side_navi .bnr {
        text-align: center;
    }
    #side_navi .bnr img {
        width: auto;
    }
}
/* ページメインメニュー */
#right_box .mainNav {
    -webkit-align-items: stretch;
    align-items: stretch;
    margin: 0 0 4rem;
    border-bottom: 1px solid #ccc9c9;
}
#right_box .section .mainNav {
    margin-right: 0;
    margin-left: 0;
}
#right_box .mainNav li {
    position: relative;
    width: 33.2%;
    margin: 0;
    padding: 0 0 1.5rem;
    border-bottom: 3px solid transparent;
    font-size: 1.6rem;
    line-height: 1;
    text-align: center;
}
#right_box .mainNav li:first-child a {
    border-left: 1px solid #ccc9c9;
}
#right_box .mainNav a {
    display: block;
    height: 100%;
    border-right: 1px solid #ccc9c9;
    padding: 0.4em 0;
    color: inherit;
    text-decoration: none;
}
#right_box .mainNav li:hover a,
#right_box .mainNav li.active a {
    color: #f44336;
}
#right_box .mainNav .current {
    color: #ff0000;
    border-bottom: 3px solid #f44336;
}
#right_box .mainNav .current,
#right_box .mainNav li:hover {
    border-bottom: 3px solid #ff0000;
    color: #ff0000;
}
@media screen and (max-width:767px) {
    #right_box .mainNav {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        margin: 0 0 4rem;
    }
    #right_box .mainNav li {
        -ms-flex: 1 0 auto;
        -webkit-flex: 1 0 auto;
        flex: 1 0 auto;
        width: auto;
        padding: 0.4em 0em;
        font-size: 3.6vw;
    }
}
/* ページ内リンク */
#right_box .pageLink {
    margin-bottom: 2em;
}
#right_box .pageLink>li {
    display: inline-block;
    margin-bottom: 1rem;
}
#right_box .pageLink>li>a {
    display: inline-block;
    position: relative;
    padding: .75em 1em .75em 3rem;
    border: .2rem solid #eee;
    color: inherit !important;
    font-size: 1.4rem;
    text-decoration: none;
}
#right_box .pageLink>li>a:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 1.25em;
    left: 1em;
    width: .5rem;
    height: .5rem;
    border-right: .2rem solid #e50012;
    border-bottom: .2rem solid #e50012;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: transform .2s;
}
#right_box .pageLink>li>a:hover:before {
    -webkit-transform: translateY(3px) rotate(45deg);
    transform: translateY(3px) rotate(45deg);
}
@media screen and (max-width:767px) {
    #right_box .pageLink {
        padding: 0 1rem !important;
        border: .4rem solid #eee;
    }
    #right_box .pageLink>li {
        display: block;
        margin-bottom: 0;
    }
    #right_box .pageLink>li+li {
        border-top: .1rem dotted #b3b3b3;
    }
    #right_box .pageLink>li>a {
        display: block;
        padding: .75em .5em .75em 1.8rem;
        border: none;
        font-size: 1.2rem;
    }
    #right_box .pageLink>li>a:before {
        left: 2px;
        top: 1.2em;
    }
}
/* 見出し */
#right_box .heading1 {
    margin-bottom: .75em;
    padding-bottom: .3em;
    border-bottom: 1px solid;
}
#right_box .heading2 {
    margin-top: 1em;
    margin-bottom: .7em;
    padding: 0.3em 0;
    background-color: #f1eee9;
    font-size: 2rem;
    text-align: center;
}
#right_box .heading3 {
    display: inline-block;
    font-size: 1.8rem;
    border: solid 1px;
    padding: 0.2em 0.8em;
    margin-bottom: 1em;
    background: #fff;
}
#right_box .heading4 {
    margin-bottom: 1em;
    padding-left: 0.3em;
    border-left: 0.3em solid #82b746;
    font-size: 2rem;
    line-height: 1;
}
/* 画像＋文章 */
#right_box .image_box_text {
    flex: 1;
    margin-right: 3rem;
}
#right_box .image_box_image {
    width: 33.333333%;
}
#right_box .image_box_image.large {
    width: 46.666666%;
}
#right_box .image_box_image.small {
    width: 25%;
}
#right_box .image_box_image img {
    width: 100%;
    vertical-align: top;
}
@media screen and (max-width:767px) {
    #right_box .image_box.flex {
        display: block;
    }
    #right_box .image_box_text {
        margin-right: 0;
    }
    #right_box .image_box_image {
        width: 80% !important;
        margin: 2rem auto 0 auto;
    }
    #right_box .image_box_image.small {
        width: 60% !important;
    }
    #right_box .image_box_image.large {
        width: 100% !important;
    }
}
/* カラムレイアウト */
.modColumns {
    list-style: none !important;
    margin: 0;
    padding-left: 0 !important;
}
.modColumns:after {
    content: "";
    display: block;
    clear: both;
}
.modColumns .col {
    float: left;
}
.columns3 .col {
    width: 31.111111%;
    margin-bottom: 40px;
    margin-left: 3%;
}
.columns3 .col:nth-child(3n+1) {
    clear: left;
    margin-left: 0;
}
.columns2 .col {
    width: 48%;
    margin-bottom: 40px;
    margin-left: 4%;
}
.columns2 .col:nth-child(odd) {
    clear: left;
    margin-left: 0;
}
@media (min-width: 769px) {
    .columns3 .col:last-child,
    .columns3 .col:nth-last-child(2):not(:nth-child(3n+3)),
    .columns3 .col:nth-last-child(3):not(:nth-child(3n+2)),
    .columns2 .col:last-child,
    .columns2 .col:nth-last-child(2):not(:nth-child(even)) {
        margin-bottom: 0;
    }
}
@media screen and (max-width:767px) {
    .modColumns .col {
        float: none;
        width: 100% !important;
        margin-left: 0 !important;
    }
    .modColumns .col:last-child {
        margin-bottom: 0;
    }
}
/* 囲み罫付きボックス */
.border_box {
    padding: 2rem;
}
.border_box+.border_box {
    margin-top: 4rem;
}
.border_box> :last-child {
    margin-bottom: 0;
}
.border_box_title {
    margin-bottom: 1rem;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.4;
}
.box1 {
    border: 1rem solid #f2f2f2;
}
.box1 .border_box_title {
    color: #808080;
}
.box2 {
    background: #eee;
    border-radius: 15px;
    border: 6px solid #e0e0e0;
}
.box2 .border_box_title {
    color: #643e2d;
}
.box3 {
    border-radius: 1rem;
    border: .2rem solid #ffe792;
    background: #fff4cc;
}
.box3 .border_box_title {
    color: #db8a09;
}
.value .box2 {
    background: #edf3b2;
    border-color: #e1eb80;
}
.management .box2 {
    background: #ede4ef;
    border-color: #d1bad3;
}
@media screen and (max-width:767px) {
    .border_box {
        padding: 1rem;
    }
    .border_box+.border_box {
        margin-top: 2rem;
    }
    .border_box_title {
        font-size: 1.8rem;
    }
    .box1 {
        border-width: .5rem;
    }
    .box2 {
        border-radius: 1rem;
        border-width: .4rem;
    }
}
/* リンク */
a.link {
    display: inline-block;
    position: relative;
    padding-left: 1em;
    text-decoration: underline;
}
a.link:before {
    content: "";
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -0.3em;
    left: 0em;
    width: 0.3em;
    height: 0.3em;
    border-top: 0.15em solid #ff0a0a;
    border-right: 0.15em solid #ff0a0a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
a.link:hover {
    text-decoration: none;
}
/* テーブル */
.table1 {
    width: 100%;
    max-width: 100%;
    border-top: 1px solid #ccc9c9;
    border-left: 1px solid #ccc9c9;
    background: #fff;
}
.table1 th,
.table1 td {
    padding: 10px 15px;
    border-right: 1px solid #ccc9c9;
    border-bottom: 1px solid #ccc9c9;
    text-align: inherit;
}
.table1 th {
    background: #f1eee9;
}
.table1 thead th {
    background: #ddb476;
    color: #333;
}
/* .value .table1 th {
    background: #e3eb98;
}
.value .table1 thead th {
    background: #6fb92c;
} */
@media screen and (max-width:767px) {
    table.dBlockSp,
    table.dBlockSp tr,
    table.dBlockSp th,
    table.dBlockSp td,
    table.dBlockSp thead,
    table.dBlockSp tfoot,
    table.dBlockSp tbody {
        box-sizing: border-box;
        display: block;
        width: 100%;
    }
    .tableScroller {
        display: block;
        width: 100%;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
    }
    .tableScroller table {
        min-width: 150vw;
        margin-bottom: .4rem;
    }
    .tableScroller td,
    .tableScroller th {
        padding: .6rem 1rem;
    }
}
/* リスト */
.listFlat,
.listNote,
.listCircle,
.listNumber,
.listLink {
    list-style: none !important;
    padding-left: 0 !important;
}
.listNote {
    font-size: 1.3rem;
    line-height: 1.5;
}
.indent1>li {
    padding-left: 1em;
    text-indent: -1em;
}
.indent2>li {
    padding-left: 2em;
    text-indent: -2em;
}
.indent3>li {
    padding-left: 3em;
    text-indent: -3em;
}
.indent0>li {
    padding-left: 0;
    text-indent: 0;
}
.listCircle li {
    position: relative;
    padding-left: 1.66em;
}
.listCircle li:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: .4em;
    top: .4em;
    width: .8em;
    height: .8em;
    border-radius: 50%;
    background: #d1c5c0;
}
.listNumber {
    counter-reset: listNum;
}
.listNumber li {
    position: relative;
    padding-left: 1.66em;
    counter-increment: listNum;
}
.listNumber li:before {
    content: counter(listNum);
    position: absolute;
    left: 0;
    top: .2em;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: #e50012;
    color: #fff;
    font-family: Arial, Verdana, sans-serif;
    font-size: 1.6rem;
    text-align: center;
    text-indent: .01em;
    line-height: 1.375;
}
.listNumber li+li {
    margin-top: .5em;
}
.value .listNumber li:before {
    background: #6dab36;
}
.listLink>li {
    position: relative;
    padding-left: 1em;
}
.listLink>li:before {
    content: "";
    vertical-align: middle;
    position: absolute;
    top: 50%;
    margin-top: -0.3em;
    left: 0em;
    width: 0.3em;
    height: 0.3em;
    border-top: 0.15em solid #ff0a0a;
    border-right: 0.15em solid #ff0a0a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.listLink>li>a {
    color: inherit !important;
    text-decoration: underline;
}
.listLink>li>a:hover {
    text-decoration: none;
}
@media screen and (max-width:767px) {
    .listNote {
        font-size: 1.2rem;
    }
    .listNumber li:before {
        top: .5em;
        width: 1.4166em;
        height: 1.4166em;
        color: #fff;
        font-size: 1.2rem;
        line-height: 1.4166;
    }
}
/* 画像キャプション、画像見出し */
.caption {
    display: inline-block;
    margin-top: 5px;
    font-size: 1.3rem;
}
.captionLarge {
    display: inline-block;
    font-size: 1.8rem;
    border: solid 1px;
    padding: 0.2em 0.8em;
    margin-bottom: 1em;
}
.captionMarker {
    display: inline-block;
    margin-bottom: .5em;
    line-height: 1.4;
}
.captionMarker:before {
    content: "";
    display: inline-block;
    width: .8em;
    height: .8em;
    margin-right: .2em;
    background: #82b746;
}
@media screen and (max-width:767px) {
    .caption {
        font-size: 1.2rem;
    }
}
/*---------------------------------------------------------------
ヘルパークラス
---------------------------------------------------------------*/
/* Display: */
.dNone { display: none!important; }
.dInline { display: inline!important; }
.dBlock { display: block!important; }
.dInlineBlock { display: inline-block!important; }

@media screen and (max-width:767px){
    .dNoneSp { display: none!important; }
    .dInlineSp { display: inline!important; }
    .dBlockSp { display: block!important; }
    .dInlineBlockSp { display: inline-block!important; }
}

/*  Float */
.left  { float: left; }
.right { float: right; }
@media screen and (max-width:767px){
    .leftSp  { float: left; }
    .rightSp { float: right; }
}

/* Text Align & Font style */
.tLeft   { text-align: left!important; }
.tCenter { text-align: center!important; }
.tRight  { text-align: right!important; }

/* widths */
.w100 { width: 100%; }
.w90 { width: 90%; }
.w80 { width: 80%; }
.w75 { width: 75%; }
.w70 { width: 70%; }
.w66 { width: 66.666666%; }
.w60 { width: 60%; }
.w50 { width: 50%; }
.w45 { width: 45%; }
.w40 { width: 40%; }
.w33 { width: 33.333333%; }
.w30 { width: 30%; }
.w25 { width: 25%;}
.w20 { width: 20%; }
.w10 { width: 15%; }
.w10 { width: 10%; }

/* Font size */
.indext1{
  padding-left: 1em;
}
.fntSmaller { font-size: 1.3rem; }
.fntLarger { font-size: 1.8rem; }
.fntBold { font-weight: bold; }
@media screen and (max-width:767px) {
    .fntSmaller { font-size: 1.2rem; }
    .fntLarger { font-size: 1.6rem; }
}
.fnt10 { font-size: 1rem!important; }
.fnt11 { font-size: 1.1rem!important; }
.fnt12 { font-size: 1.2rem!important; }
.fnt13 { font-size: 1.3rem!important; }
.fnt14 { font-size: 1.4rem!important; }
.fnt15 { font-size: 1.5rem!important; }
.fnt16 { font-size: 1.6rem!important; }
.fnt18 { font-size: 1.8rem!important; }
.fnt20 { font-size: 2rem!important; }

/* Padding Margin */
.marT0 { margin-top: 0!important; }
.marT5 { margin-top: .5rem!important; }
.marT10 { margin-top: 1rem!important; }
.marT20 { margin-top: 2rem!important; }
.marT30 { margin-top: 3rem!important; }
.marT40 { margin-top: 4rem!important; }
.marT50 { margin-top: 5rem!important; }
.marB0 { margin-bottom: 0!important; }
.marB10 { margin-bottom: 1rem!important; }
.marB15 { margin-bottom: 1.5rem!important; }
.marB20 { margin-bottom: 2rem!important; }
.marB30 { margin-bottom: 3rem!important; }
.marB40 { margin-bottom: 4rem!important; }
.marL0 { margin-left: 0!important; }
.marL20 { margin-left: 2rem!important; }

/* Skeleton V2.0.4| Copyright 2014, Dave Gamache| www.getskeleton.com */
.row:after{display:table;content:"";clear:both}.row .col{float:left;box-sizing:border-box;width:100%}
@media (min-width:769px){
.row .col{margin-left:4%}.row .col:first-child,.row .col:first-child{margin-left:0}.one.col{width:4.66666666667%}.two.col{width:13.3333333333%}.three.col{width:22%}.four.col{width:30.6666666667%}.five.col{width:39.3333333333%}.six.col{width:48%}.seven.col{width:56.6666666667%}.eight.col{width:65.3333333333%}.nine.col{width:74%}.ten.col{width:82.6666666667%}.eleven.col{width:91.3333333333%}.twelve.col{width:100%;margin-left:0}.one-third.col{width:30.6666666667%}.two-thirds.col{width:65.3333333333%}.one-half.col{width:48%}.row .offset-by-one.col{margin-left:8.66666666667%}.row .offset-by-two.col{margin-left:17.3333333333%}.row .offset-by-three.col{margin-left:26%}.row .offset-by-four.col{margin-left:34.6666666667%}.row .offset-by-five.col{margin-left:43.3333333333%}.row .offset-by-six.col{margin-left:52%}.row .offset-by-seven.col{margin-left:60.6666666667%}.row .offset-by-eight.col{margin-left:69.3333333333%}.row .offset-by-nine.col{margin-left:78%}.row .offset-by-ten.col{margin-left:86.6666666667%}.row .offset-by-eleven.col{margin-left:95.3333333333%}.row .offset-by-one-third.col{margin-left:34.6666666667%}.row .offset-by-two-thirds.col{margin-left:69.3333333333%}.row .offset-by-one-half.col{margin-left:52%}
}