@charset "utf-8";
/* breakpointの設定
@media screen and (max-width: 899px) {
    タブレット
}

@media screen and (max-width: 699px) {
    スマートフォン
}
*/

/*
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;

    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;

    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;

    -ms-flex-align: center;
  -webkit-align-items: center;
    align-items: center;

    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
*/



/* ------------ 見出し ------------ */
/*h1*/
h1[class^="h1Design"],
h1[class*=" h1Design"] {
    font-size: 32rem;
    width: 100%
}
@media screen and (max-width: 899px) {
h1[class^="h1Design"],
h1[class*=" h1Design"] {
    font-size: 28rem;
    margin: 16px 0 0;
}
}/*@media*/
@media screen and (max-width: 699px) {
h1[class^="h1Design"],
h1[class*=" h1Design"] {
    font-size: 20rem;
}
}/*@media*/

h1[class^="h1Design"] span,
h1[class*=" h1Design"] span {
    display: block;
    max-width: 1220px;
    /*min-width: 980px;*/
    padding: 0 10px;
}

/*h1Design1*/
h1.h1Design1 {
    margin: 32px 0 0;
}
@media screen and (max-width: 699px) {
h1.h1Design1 {
    margin-top: 12px;
}
}/*@media*/

h1.h1Design1 span {
    margin: 0 auto;
}

/*h1Design2*/
h1.h1Design2 {
    position: relative;
    margin: 24px 0 0;
}
@media screen and (max-width: 699px) {
h1.h1Design2 {
    margin-top: 12px;
}
}/*@media*/

h1.h1Design2:after {
    content: "";
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: #DDD;
}
h1.h1Design2 span {
    margin: 0 auto 20px;
}
@media screen and (max-width: 699px) {
h1.h1Design2 span {
    margin-bottom: 4px;
}
}/*@media*/


/*h2*/
h2[class^="h2Design"],
h2[class*=" h2Design"] {
    font-size: 26rem;
    margin: 0 0 24px;
}
@media screen and (max-width: 899px) {
    h2[class^="h2Design"],
    h2[class*=" h2Design"] {
        font-size: 20rem;
    }
}
@media screen and (max-width: 699px) {
    h2[class^="h2Design"],
    h2[class*=" h2Design"] {
        font-size: 18rem;
        margin-bottom: 12px;
    }
}

/*h2Design1*/
h2.h2Design1 {
}

/*h2Design2*/
h2.h2Design2 {
    position: relative;
    padding: 0 0 6px;
}

h2.h2Design2:before {
    content: "";
    position: absolute;
    width: 100px;
    border-bottom: 2px solid #8EC300;
    z-index: 2;
    left: 0;
    bottom: 0;
}
h2.h2Design2:after {
    content: "";
    position: absolute;
    width: 100%;
    border-bottom: 2px solid #DDD;
    z-index: 1;
    left: 0;
    bottom: 0;
}
h2.h2Design2 .indent01 {
    text-indent: -3.5em;
    padding-left: 3.5em;
    display: block;
}

/*h2.h2Design1 a::after,
h2.h2Design2 a::after{
    margin-left: 16px;
}*/

h2 a:hover::after{
    text-decoration: none;
}

h2 .label {
    vertical-align: 5px;
    margin-right: 8px;
}

.before2016 h2 img{
    display: inline;
    position: relative;
    top: 8px;
    height: 40px;
    margin: 0 10px 0 0;
}


/*h3*/
h3[class^="h3Design"],
h3[class*=" h3Design"] {
    font-size: 20rem;
}
@media screen and (max-width: 699px) {
    h3[class^="h3Design"],
    h3[class*=" h3Design"] {
        font-size: 16rem;
    }
}

/*h3Design1*/
h3.h3Design1 {
    padding: 0 0 8px;
    margin: 8px 0 24px;
    border-bottom: 1px dotted #DDD;
}
@media screen and (max-width: 699px) {
h3.h3Design1 {
    padding: 0 0 4px;
    margin: 4px 0 8px;
}
}/*@media*/

h3.h3Design1 a::after{
    margin-left: 16px;
}

h3 a:hover::after{
    text-decoration: none;
}

/*h3Design2*/
h3.h3Design2 {
    padding: 6px 16px;
    margin-bottom: 24px;
    background-color: #EFEFEF;
}

h3.h3Design2 a::after{
    margin-left: 16px;
}

/*h4*/
h4[class^="h4Design"],
h4[class*=" h4Design"] {
    font-size: 18rem;
}
@media screen and (max-width: 699px) {
    h4[class^="h4Design"],
    h4[class*=" h4Design"] {
        font-size: 14rem;
    }
}

/*h4Design2*/
h4.h4Design2 {
    padding: 6px 16px;
    margin: 0 0 10px 0;
    background-color: #EFEFEF;
}
@media screen and (max-width: 699px) {
    h4.h4Design2 {
        padding: 6px 8px;
    }
}

h4.h4Design2 a::after{
    margin-left: 8px;
}

/* ------------ modules layout ------------ */

.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col11 {
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    /*margin-bottom: 60px;*/
}
@media screen and (max-width: 699px) {
.col1,
.col2,
.col3,
.col4,
.col5,
.col6,
.col7,
.col8,
.col9,
.col11 {
  -webkit-flex-direction: column;
  flex-direction: column;
}
}/*@media*/

.col1 > *,.col1 .lc > *,.col1 .rc > *,
.col2 > *,.col2 .lc > *,.col2 .rc > *,
.col3 > *,.col3 .lc > *,.col3 .rc > *,
.col4 > *,
.col5 > *,
.col6 > *,
.col7 > *,
.col8 > *,
.col9 > *,
.col11 > * {
    width: 100%;
}

.col1 > img,.col1 .lc > img,.col1 .rc > img,
.col2 > img,.col2 .lc > img,.col2 .rc > img,
.col3 > img,.col3 .lc > img,.col3 .rc > img,
.col4 > img,
.col5 > img,
.col6 > img,
.col7 > img,
.col8 > img,
.col9 > img,
.col11 > img {
    width: auto;
    max-width: 100%;
}

.col1 h3,.col1 h4,
.col2 h3,.col2 h4,
.col3 h3,.col3 h4,
.col4 h3,.col4 h4,
.col5 h3,.col5 h4,
.col6 h3,.col6 h4,
.col7 h3,.col8 h4,
.col8 h3,.col8 h4,
.col9 h3,.col9 h4,
.col11 h3,.col11 h4 {
    width: 100%;
}


.col_pop,
.col_adobe {
    margin-bottom: 20px;
}
.lc,
.rc,
.third,
.fourth {
    width: auto;
    height: auto;
    position: relative;
}

/*\*/

/* -- 右ナビ無し -- */

.col1 .lc,
.col1 .rc {
    width: calc(50% - 12px);
}

.col1 .lc {
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: inherit;
    align-items: inherit;
}

.col1 .lc > div {
    width: 100%;
    height: 100%;
}

.col1 .lc .lc {
    width: calc(50% - 12px);
    flex: none;
}

.col1 .lc .rc {
    width: calc(50% - 12px);
}

.col1 .rc {
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: inherit;
    align-items: inherit;
}

.col1 .rc > div {
    width: 100%;
    height: auto;
}

.col1 .rc .lc,
.col1 .rc .rc {
    width: calc(50% - 12px);
}

.col2 .lc {
    width: calc(75% - 12px);
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: inherit;
    align-items: inherit;
}

.col2 .lc > div {
    width: 100%;
    height: 100%;
}

.col2 .lc .lc,
.col2 .lc .rc {
    width: calc(50% - 12px);
}

.col2 .rc {
    width: calc(25% - 12px);
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: inherit;
    align-items: inherit;
}

.col2 .rc > div {
    width: 100%;
    height: 100%;
}

.col2 .rc .lc,
.col2 .rc .rc {
    width: calc(50% - 12px);
}

.col3 .lc {
    width: calc(85% - 12px);
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;

}

.col3 .lc > div {
    width: 100%;
    height: 100%;
}

.col3 .lc .lc {
    width: calc(75% - 12px);
}

.col3 .lc .rc {
    width: calc(25% - 12px);
}

.col3 .rc {
    width: calc(15% - 12px);
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.col3 .rc > div {
    width: 100%;
    height: 100%;
}

.col3 .rc .lc,
.col3 .rc .rc {
    width: calc(50% - 12px);
}

.col7 .lc {
    width: calc(25% - 12px);
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;

}

.col7 .lc > div {
    width: 100%;
    height: 100%;
}

.col7 .rc {
    width: calc(75% - 12px);
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;

}

.col8 .lc {
    width: calc(60% - 12px);
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;

}

.col8 .lc > div {
    width: 100%;
    height: 100%;
}

.col8 .rc {
    width: calc(40% - 12px);
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;

}

.col9 .lc {
    width: calc(55% - 12px);
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;

}

.col9 .lc > div {
    width: 100%;
    height: 100%;
}

.col9 .rc {
    width: calc(45% - 12px);
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;

}

.col11 .lc {
    width: calc(15% - 12px);
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;

}

.col11 .lc > div {
    width: 100%;
    height: 100%;
}

.col11 .rc {
    width: calc(85% - 12px);
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;

}

.col11 .rc > div {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 699px) {
.col1 .lc,
.col1 .rc,
.col1 .lc .lc,
.col1 .lc .rc,
.col1 .rc .lc,
.col1 .rc .rc,
.col2 .lc,
.col2 .lc .lc,
.col2 .lc .rc,
.col2 .rc,
.col2 .rc .lc,
.col2 .rc .rc,
.col3 .lc,
.col3 .lc .lc,
.col3 .lc .rc,
.col3 .rc,
.col3 .rc .lc,
.col3 .rc .rc,
.col7 .lc,
.col7 .rc,
.col8 .lc,
.col8 .rc,
.col9 .lc,
.col9 .rc,
.col11 .lc,
.col11 .rc {
    width: 100%!important;
}
}/*@media*/

/* ------------ header layout ------------ */




/* --------------- link classes --------------- */

.tri_nor_bl a {
    display: block;
    width: auto;
    height: auto;
    padding-left: 12px;
    background: url(../images/common/icon_normal01.gif) no-repeat;
    background-position: 0px 0.6em;
    *background-position: 0px 0.7em;
}
.nor3_bl li {
    list-style-image: url(../images/common/icon_normal03.gif) ! important;
}
.nor3_bl a {
    display: block;
    width: auto;
    height: auto;
    padding-left: 0px;
    background-position: 6px 0.6em ! important;
    *background-position: 6px 0.7em ! important;
}
a.tri_nor,
a.tri_dow {
    display: inline-block;
    width: auto;
    height: auto;
    padding-left: 12px;
    background: url(../images/common/icon_normal01.gif) no-repeat;
    background-position: 0px 0.5em;
}
a.tri_nor02 {
    display: inline-block;
    width: auto;
    height: auto;
    padding-left: 12px;
    background: url(../images/common/icon_normal02.gif) no-repeat;
    background-position: 0px 0.3em;
    *background-position: 0px 0.7em;
}
a.tri_dow {
    background: url(../images/common/icon_downer01.gif) no-repeat;
    background-position: 0px 0.3em;
    *background-position: 0px 0.7em;
}
html[xmlns*=""] .tri_dow,
html[xmlns*=""] .tri_nor {
    background-position: 0px 0.6em;
}
div.container img.owico {
    margin: 0;
    margin-left: 5px;
    width: 14px;
    display: inline-block;
}
.other_win {
    background: url(../images/common/other_win.gif) no-repeat;
    background-position: right center;
    display: inline-block;
    padding: 1px 0;
    padding-right: 21px;
}



.abovePage{
    /* background: #F2F5F9; */
    /* border-radius: 2px; */
    /* box-shadow: 0px 3px 0px 0px #E4E6EA; */
    /*-moz-box-shadow: 0px 3px 0px 0px #E4E6EA;*/
    /* -webkit-box-shadow: 0px 3px 0px 0px #E4E6EA; */
    padding: 0 0 0 24px;
    margin: 40px 0 3px 0;
    position: relative;
    display: inline-block;
}
@media screen and (max-width: 699px) {
.abovePage{
    margin-top: 0;
}
}/*@media*/


.abovePage a{
    /*color: #797979;*/
}

.abovePage a::before{
    transform: rotate(180deg);
    position: absolute;
    top: 3px;
    left: 10px;
}

/*.abovePage a:hover::before{
    text-decoration: none;
}*/





/*.abovePage {
    margin: 80px 0 0;
    display: block;
    padding: 5px 0 10px 1px;
    position: relative;
}

.abovePage{
    padding: 2px 0 2px 16px;
    color: #000;
    position: relative;
}

.abovePage a::before{
    content: "<";
    display:inline-block;
    position: absolute;
    left: 0;
}

.abovePage a:hover::before{
    text-decoration: none;
}
*/

/* --------------- list classes --------------- */


/*\*/

.kome .text,
.kome .mark {
    font-size: 86%;
}

/*IE10対応*/
ul.listLinkDesign1 {
    width: 100%;
}
ul.kome,
ol.kome {
    width: auto;
    height: auto;
    zoom: 100%;
    overflow: hidden;
    margin-left: 6px;
    padding-left: 6px;
}
.news li a {
    display: inline;
    width: auto;
    height: auto;
}
.listLinkDesign1 li form {
    _position: relative;
    top: 2px;
}
.listLinkDesign1 li>form {
    position: relative;
    top: 0px;
}
.news li a {
    padding-left: 0px;
}

ul.news {
    margin-top: 4px;
    padding: 0 12px;
    overflow: hidden;
    zoom: 1;
}
.date,
.mark,
.wrap,
.text {
    font-size: 1em;
}

.listLinkDesign1 li{
    padding: 2px 0 2px 16px;
    color: #000;
    position: relative;
    margin:0 0 4px;
}

.listLinkDesign1 li a{
    font-weight: normal;
}

.listLinkDesign1 li a::before{
    margin: 0 0.2em 0 -1.2em;
}

.listLinkDesign1 li a:hover::before{
    text-decoration: none;
}

.ancBox1 {
    background: #f2f2f2;
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    padding: 24px 32px 12px 32px;
    margin: 0 0 16px;
    display: flex;
    align-items: center;
}
@media screen and (max-width: 699px) {
    .ancBox1 {
        padding: 12px;
        margin: 0 0 12px;
    }
}




/*アンカーリンク*/
[class^="ancLink"] li,
[class*=" ancLink"] li,
.ancLink3 {
    font-family: "游ゴシック", YuGothic, Yu Gothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
    position: relative;
    display: inline-block;
    margin: 0 4px 12px 0;
}
@media screen and (max-width: 699px) {
[class^="ancLink"] li,
[class*=" ancLink"] li,
.ancLink3 {
    margin: 0 4px 4px 0;
}
}/*@media*/

[class^="ancLink"] li::after,
[class*=" ancLink"] li::after,
.ancLink3 a::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 8px;
    margin: auto;
    height: 20px;
    transform: rotate(90deg);
}

[class^="ancLink"] a,
[class*=" ancLink"] a,
.ancLink3 a {
    display: block;
    font-size: 14rem;
    border-radius: 2px;
    padding: 4px 28px 3px 12px;
    border: 2px solid transparent;
    background: #FFF;
}
@media screen and (max-width: 699px) {
[class^="ancLink"] a,
[class*=" ancLink"] a,
.ancLink3 a {
    font-size: 12rem;
    padding: 4px 28px 3px 8px;
}
}/*@media*/

[class^="ancLink"] a:hover,
[class*=" ancLink"] a:hover {
    text-decoration: none;
}

.ancLink1 li a{
    border: 2px solid #EEE;
}

.ancLink2 li a{
    box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}

.ancLink2 li a:hover{
    border: 2px solid #EEE;
    background: #FFF;
    box-shadow: none;
}

.ancLink3 a{
    border: 2px solid #EEE;
    display: inline-block;
}


















ul.kome li,
ol.kome li,
.news li {
    margin-left: 0 ! important;
    display: block;
    width: auto;
    height: auto;
    zoom: 100%;
    *overflow: hidden;
    list-style: none;
}
.news li {
    margin-top: -1px;
    padding: 4px 0 5px;
    border-top: dotted 1px #c2d0d1;
}
.kome li:after,
.news li:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
li .mark,
li .text,
li .date,
li text {
    display: block;
    width: auto;
    height: auto;
}
li .mark,
li .date {
    float: left;
}
li .wrap {
    display: block;
    width: 100%;
    height: auto;
    float: right;
}
.kome .text {
    display: block;
    width: auto;
    height: auto;
    text-align: left;
}

.news .text {
    display: block;
    width: auto;
    height: auto;
    text-align: left;
    background: url(../images/common/icon_normal01.gif) no-repeat;
    background-position: 6px 0.5em;
    padding-left: 21px;
}
.news .text_attention {
    display: block;
    width: auto;
    height: auto;
    text-align: left;
    background: url(../images/common/icon_attention02.gif) no-repeat;
    background-position: 3px 0.3em;
    padding-left: 21px;
}
.news .text_attention a {
    font-weight: bold;
}
ul.info {
    margin-top: 5px;
    padding: 0 12px;
    overflow: hidden;
    zoom: 1;
}
ul.info li {
    margin: -1px 0 0 0;
    padding: 3px 0 5px 15px;
    border-top: dotted 1px #c2d0d1;
    line-height: 1.6;
    list-style: none;
    background: url(../images/common/icon_normal01.gif) no-repeat 1px 0.7em;
}
.kome .mark {
    width: 1em;
}
.kome .wrap {
    margin-left: -2em;
}
.kome .text {
    margin-left: 1.2em;
}
*html .kome .wrap {
    margin-left: -5em;
}
*html .kome .text {
    margin-left: 1em;
}
ol.kome .mark {
    width: 2em;
}
ol.kome .wrap {
    margin-left: -2.2em;
}
ol.kome .text {
    margin-left: 2.2em;
}
*html ol.kome .wrap {
    margin-left: -5em;
}
*html ol.kome .text {
    margin-left: 2em;
}
.news .date {
    width: 8em;
}
.news .wrap {
    margin-left: -8em;
}
.news .text {
    margin-left: 8em;
}
.announce {
    display: block;
    width: 275px;
    height: 32px;
    background: url(../images/common/announce_off.jpg) no-repeat left top;
    text-decoration: none;
    margin-bottom: 10px;
}
.announce span {
    visibility: hidden;
    font-size: 1px;
    line-height: 0.1;
    text-decoration: none;
}
.announce:hover {
    background: url(../images/common/announce_on.jpg) no-repeat left top;
}
span.sup {
    font-size: 80%;
    vertical-align: top;
}
span.sub {
    font-size: 80%;
    vertical-align: baseline;
}

/* flatList */

ul.flatList li {
    float: left;
    margin-right: 20px;
}

/* ------------ all round classes ------------ */

.img_cap01 {
    text-align: right;
    padding-left: 0;
    text-indent: 0 ! important;
}
.img_cap02 {
    padding-left: 0;
    text-indent: 0 ! important;
}

/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}

/* End hide from IE-mac */

noscript .normal_f_size {
    font-size: 0.8em;
}
table.noborder,
.noborder td,
.noborder th {
    border-collapse: collapse;
    border-width: 0px;
    vertical-align: top;
}
.noborder th {
    background-color: #ffffff;
}
#irTop a.toList {
    width: 7em;
}
*html #careerTable td {
    padding-left: 10px;
}

/*ph1-2*/

.ml5 {
    margin-left: 5px ! important;
}
.p0 {
    padding: 0 ! important;
}
.p1 th,
.p1 td {
    padding: 1px 4px ! important;
}
.toEn {
    float: none;
    clear: both;
    width: 677px;
    height: 23px;
    display: block;
    margin: 5px 0;
    padding: 0px;
    text-align: right;
}
.col_tops .toEn {
    width: 880px;
}
.toEn .listLinkDesign1 {
    margin: 0px;
    padding: 0px;
    float: right;
}

/* ph2-2 保管ページにて使用*/

td.tdtar {
    text-align: right ! important;
}

/* 090316追記分 */

td.noborderR,
th.noborderR {
    border-right: none;
}
td.warehouse img {
    margin: 0 ! important;
}

/* 最新物流センター（倉庫）のご紹介にて使用 091015*/

a.linelink {
    width: auto;
    height: auto;
    display: inline-block;
    padding-left: 12px;
    margin-left: 18px;
    background: url(/images/common/icon_normal01.gif) no-repeat left center;
}

/* Hides from IE-mac \*/

* html .search {
    height: 1%;
}
.search {
    display: block;
}

/* End hide from IE-mac */

*html .search {
    margin-bottom: 1px;
}
html[xmlns] .search {
    margin-bottom: -1px;
}

/* [kojin-index.html][hojin-index.html]輸送状況検索の画像 */

.transportSituation img {
    margin: 0;
}
.mbts {
    margin-bottom: 12px;
}

/* 091112追記分 */


/* hojin h3bgcolor otoiawase */

h3.icon_bg {
    background: url(../images/common/icon02.gif) no-repeat 12px 0.1em;
    padding: 0 5px 4px 30px;
    border-bottom: 1px dotted #000099;
    font-size: 1.08em;
    margin-bottom: 10px;
}

/* 091204追記分 */


/* Inquiry,Related */

.related01 {
    margin: 30px auto;
}
.related01 p {
    margin-top: 10px;
}

/* Side Inquiry Buttons */

ul.inquirynavi li form {
    text-align: center;
}
ul.navi_btn {
    border-bottom: 1px solid #e9f0f1;
    margin-bottom: 0;
    list-style: none;
    padding: 8px;
}
ul.navi_btn li {
    padding: 0;
    margin: 0 0 10px 0;
}
ul.navi_btn li img {
    vertical-align: bottom;
}

/* hikkoshi 引越・移転（法人様向け）ページにて使用 */

img.top_img {
    margin-bottom: 0px;
    vertical-align: bottom;
}

/* truck/services/precision/case.html対応 */

ul.service li {
    float: right;
    list-style: none;
}
ul.service li a.tri_dow {
    margin-left: 10px;
    background: transparent url(../images/common/icon_downer01.gif) no-repeat scroll left center;
    display: inline-block;
    text-align: right;
}
ul.service li a.toTop3 {
    background: transparent url(../images/common/icon_upper01.gif) no-repeat scroll left center;
    display: inline-block;
    height: auto;
    padding-left: 12px;
    text-align: right;
    width: auto;
    margin-left: 10px;
}

/* --------------------------------------------------
　　リニューアル:総合・個人・法人トップページ
-------------------------------------------------- */


/* ------法人トップ・個人トップ------ */

h2.top_icon {
    font-size: 1.32em;
}
.col_tops .h3_2col {
    background: url(../images/common/bg_hbox.gif) repeat-y 291px bottom;
}
.col_tops .lc .h2box .h3_2col .h3box_l {
    width: 290px;
}
.col_tops .lc .h2box .h3_2col .h3box_r {
    width: 289px;
}
.col_tops .lc .h2_2col {
    background: url(../images/common/bg_h2_top.gif) no-repeat left bottom;
}
.col_tops .lc .h2_2col .h2box_l,
.col_tops .lc .h2_2col .h2box_r {
    width: 286px;
}
.col_tops .lc .h2_2col .h3box,
.col_tops .rc .h2_2col .h3box {
    background: url(../images/common/bg_h3box_08.gif) no-repeat left top;
}
.col_tops .rc .h3box {
    background: url(../images/common/bg_h3box_07.gif) no-repeat left top;
}
.col_tops .listLinkDesign1 {
    margin-left: 15px;
}
h1.top_icon {
    padding: 7px 5px 0 6px;
    line-height: 1.6;
}
body#dir_about h1.top_icon {
    padding: 3px 5px 0 6px;
}
body#dir_press h1.top_icon {
    padding: 5px 5px 0 6px;
}
h2.top_icon {
    padding: 3px 5px 0 6px;
    line-height: 1.6;
}
h1.top_icon img,
h2.top_icon img {
    margin: 0 7px 0 5px;
    vertical-align: bottom;
}
body#dir_about h1.top_icon img {
    margin: 0 7px 4px 5px;
}
body#dir_press h1.top_icon img {
    margin: 0 7px 2px 5px;
}
/* --------------------------------------------------
            リニューアル:カテゴリトップページ
-------------------------------------------------- */


/* --------カテゴリトップ共通-------- */


.h3box h3,
.h2_2col .h3box h3,
.h3_2col .h3box_l h3,
.h3_2col .h3box_r h3 {
    margin-bottom: 0;
}
#dir_hojin .h3box h3,
#dir_hojin .h2_2col .h3box h3,
#dir_hojin .h3_2col .h3box_l h3,
#dir_hojin .h3_2col .h3box_r h3 {
    background: url(../images/common/icon03_hojin.gif) no-repeat 12px 0.5em;
}
#dir_kojin .h3box h3,
#dir_kojin .h3_2col .h3box_l h3,
#dir_kojin .h3_2col .h3box_r h3 {
    background: url(../images/common/icon03_kojin.gif) no-repeat 12px 0.5em;
}
.h3box,
.h3box_l,
.h3box_r {
    margin-top: -1px;
}
.h2box li ul,
.h3box li ul {
    padding-top: 0 !important;
}
.listbox_2 {
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 8px 12px 0;
}
.listbox_2 .listLinkDesign1 {
    width: calc(100% / 2 - 12px)
}

/* ------画像のマージン消去------ */

.h2_2col p.img img,
.h3_2col p.img img,
.h2box p.img img,
.h3box p.img img,
.inquiry_box img,
.relation_box img,
.box_inner p.img img {
    margin-bottom: 0;
}

/* ------画像付きレイアウト------ */

.box01,
.box02,
.box03,
.box04,
.box05,
.box06,
.box07,
.box08,
.box09,
.box11,
.box12,
.box13 {
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
}
.box01 > *,
.box02 > *,
.box03 > *,
.box04 > *,
.box05 > *,
.box06 > *,
.box07 > *,
.box08 > *,
.box09 > *,
.box11 > *,
.box12 > *,
.box13 {
    width: 100%;
}

.box01 img,
.box02 img,
.box03 img,
.box04 img,
.box05 img,
.box06 img,
.box07 img,
.box08 img,
.box09 img,
.box10 img,
.box11 img,
.box12 img,
.box13 img {
    width: 100%;
    height: auto;
}

.box02 .lc {
    width: calc(15% - 12px);
}
.box02 .rc {
    width: calc(85% - 12px);
}
.h2box .box03 .lc {
    width: calc(25% - 12px);
}
.h2box .box03 .rc {
    width: calc(75% - 12px);
}
.h2_2col .box03 .lc {
    width: calc(50% - 12px);
}
.h2_2col .box03 .rc {
    width: calc(50% - 12px);
}

.h3box .box02 .lc {
    width: calc(20% - 12px);
}
.h3box .box02 .rc {
    width: calc(80% - 12px);
}

.box04 .lc {
    width: calc(50% - 12px);
}
.box04 .rc {
    width: calc(50% - 12px);
}

.box09 .lc,
.box09 .rc {
    width: calc(100% / 3 - 12px);
}

/* -----------ニュース----------- */

img.ic_new {
    margin: 0 0 0 5px;
    vertical-align: middle;
}

/* ----------右ナビ無し---------- */


/* h2ブロック */

.h2_2col {
    margin-bottom: 10px;
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;

}
.h2_2col_l {
    margin-bottom: 10px;
}
.h2_2col .h2box_l,
.h2_2col .h2box_r,
.h2_2col_l .h2box_l,
.h2_2col_l .h2box_r {
    width: calc(50% - 12px);
}

/* h3ブロック */

.h3_2col {
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    /*max-width: 1220px;
    min-width: 1000px;
    margin: 0 auto;*/
}
.h3_2col .h3box_l,
.h3_2col .h3box_r {
    width: 50%;
}
.h2_2col .h3_2col {
    background: url(../images/common/bg_hbox.gif) repeat-y center bottom;
}

/* ------リスト挿入部分------ */

.h2_2col .listbox,
.h2_2col .listbox_2 {
    padding-top: 8px;
}

/* ---------関連情報---------- */

.relation_box .h3box_l p.img,
.relation_box .h3box_r p.img {
    width: 140px;
    float: left;
}
.relation_box .h3box_l p.head,
.relation_box .h3box_r p.head {
    width: 157px;
    float: left;
    padding-left: 0;
}

/* ----------右ナビ有り---------- */


/* h2ブロック */

.leftcol .h2_2col {
    margin-bottom: 10px;
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;

}
.leftcol .h2_2col_l {
    margin-bottom: 10px;
}
.leftcol .h2_2col .h2box_l,
.leftcol .h2_2col .h2box_r,
.leftcol .h2_2col_l .h2box_l,
.leftcol .h2_2col_l .h2box_r {
    width: calc(50% - 12px);
}

/* h3ブロック */

.leftcol .h3_2col {
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;

}
.leftcol .h3_2col .h3box_l,
.leftcol .h3_2col .h3box_r {
    width: 50%;
}
.leftcol .h2_2col .h3_2col {
    background: url(../images/common/bg_hbox.gif) repeat-y center bottom;
}
.h2_2col div.bottomLinkArea {
    background: url(/images/common/hr01.gif) repeat-x left top;
    margin: 5px 10px 0 10px;
    padding-top: 5px;
}
.h2_2col div.bottomLinkArea ul {
    padding-left: 2px;
}

/* ---------関連情報---------- */

.leftcol .relation_box .h3box_l p.img,
.leftcol .relation_box .h3box_r p.img {
    width: 140px;
    float: left;
}
.leftcol .relation_box .h3box_l p.head,
.leftcol .relation_box .h3box_r p.head {
    width: 157px;
    float: left;
    padding-left: 0;
}

/* --------お問い合わせ-------- */

.secInquiry {
    /*min-width: 1000px;*/
    width: 100%;
    background-color: #f8f6f9;
    margin: 24px 0 0;
}
@media print{
    .secInquiry {
        display: none;
    }
}

.inquiry_box {
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    max-width: 1220px;
    /*min-width: 1000px;*/
    width: 100%;
    margin: 0 auto;
    padding: 40px 0;
    text-align: center;
}
@media screen and (max-width: 699px) {
.inquiry_box {
    padding: 24px 12px;
}
}/*@media*/

.inquiry_box h2 {
    margin: 0 auto 10px;
    width: 100%;
}
@media screen and (max-width: 699px) {
.inquiry_box h2 {
    font-size: 15rem;
}
}/*@media*/


.inquiry_box h2.h2Design2:before,
.inquiry_box h2.h2Design2:after {
    border-bottom: none;
}

.inquiry_box > div {
    width: 100%;
    padding: 0;
}

.inquiry_box > div.inquiry_inner {
    width: 50%;
    margin: 0 auto;
    padding: 0 32px;
}
@media screen and (max-width: 899px) {
.inquiry_box > div.inquiry_inner {
    padding: 0 24px;
}
}/*@media*/
@media screen and (max-width: 699px) {
.inquiry_box > div.inquiry_inner {
    width: 100%;
    padding: 0;
}
}/*@media*/

.inquiry_box .box04 .lc,
.inquiry_box .box04 .rc {
    width: 50%;
}
.inquiry_box .box04 {
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0;
    border-top: 1px solid #e9f0f1;
}
.inquiry_box .box04 .lc h3,
.inquiry_box .box04 .rc h3 {
    margin: 1px 1px 8px 1px;
    padding: 9px 5px 0 10px;
    background: url(../images/common/bg_section_02.gif) repeat-x left top !important;
}
.inquiry_box .box04 .lc h3 img,
.inquiry_box .box04 .rc h3 img {
    margin-bottom: 0;
}
.inquiry_box .box04 .lc a img,
.inquiry_box .box04 .rc a img {
    margin: 10px 0 5px 10px;
}
.inquiry_box .box04 .lc a img.owico,
.inquiry_box .box04 .rc a img.owico {
    margin: 0;
    margin-left: 5px;
}
.inquiry_box h4 {
    margin-top: 0;
}
.inquiry_box .box04 ul {
    margin: 0 10px 10px 27px;
}
.inquiry_box .box04 h4 {
    margin: 10px 12px 5px;
}

/*.inquiry_box .listLinkDesign1 li {
    display: inline-block;
}*/


.inquiry_box div.h3box {
    padding: 0 48px;
}

.inquiry_box div.h3box h3.h3Design1 {
    margin-bottom: 24px;
    /*max-width: 50%;*/
}

.inquiry_box div.h3box li a {
    color: #00367F;
}

.inquiry_box h3.h3Design1 {
    width: 98%;
    font-size: 20rem;
    padding: 16px;
    margin: 24px auto 16px;
    border-left: 1px solid #bcc5d0;
    border-right: 1px solid #bcc5d0;
    border-bottom: none;
}
@media screen and (max-width: 899px) {
.inquiry_box h3.h3Design1 {
    font-size: 16rem;
}
}/*@media*/
@media screen and (max-width: 699px) {
.inquiry_box h3.h3Design1 {
    font-size: 14rem;
    padding: 0;
    margin: 12px auto;
    border: none;
}
}/*@media*/


/*.inquiry_box .inquiry_inner ul {
    padding: 0 60px;
    text-align: left;
}*/
@media screen and (max-width: 899px) {
.inquiry_box .inquiry_inner ul {
    margin: 0 auto 16px;
    padding: 0 24px;
}
}/*@media*/
@media screen and (max-width: 699px) {
.inquiry_box .inquiry_inner ul {
    padding: 0 12px;
    text-align: center;
}
}/*@media*/

.inquiry_box .inquiry_inner li {
    margin: 0 0 8px;
}
@media screen and (max-width: 699px) {
.inquiry_box .inquiry_inner ul {
    margin: 0;
}
}/*@media*/

/*.inquiry_box .inquiry_inner li a {
    color: #00367F;
}*/






/* --------------------------------------------------
            　　　　　　下層ページ
-------------------------------------------------- */

.related01 .col1 {
    margin-bottom: 0;
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.related01 .box01 .listLinkDesign1 {
    padding-left: 15px;
}
.related01 .col1 .lc {
    width: 50%;
}
.related01 .col1 .rc {
    display: block;
    width: 50%;
}
/* --------------------------------------------------
            　　　　　　　その他
-------------------------------------------------- */


/* ----------調整用------------ */

.clr {
    clear: right;
}
.bgn {
    background: none !important;
}
.bdn {
    border: none !important;
}
.minh80 {
    min-height: 80px;
    height: auto !important;
    height: 80px;
}
.minh150 {
    min-height: 125px;
    height: auto !important;
    height: 125px;
}
#dir_hojin .needs_rchead dl dd {
    margin-top: 1px;
    border-top: 3px solid #0087BB;
}

/* ------------------------------------------
    　　　アクセシビリティー 2011.04
------------------------------------------ */


/*legend*/

fieldset legend {
    visibility: hidden;
    height: 0;
}

/* common setting
=================================*/

ul.localnavi .open a.ln_third {
    background: url(../images/common/icon_downer03.gif) no-repeat 11px 0.6em;
}

/* link
=================================*/

.singlelink {
    background: url(../images/common/icon_normal01.gif) no-repeat scroll 0 0.6em transparent;
    padding-left: 15px;
}

/* column
=================================*/
.colTwo01,
.col2nd,
.colTwo03,
.col3rd {
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    width: 100%;
    padding: 8px 10px 0;
}

.colTwo01 img,
.col2nd img,
.colTwo03 img,
.col3rd img {
    width: 100%;
    height: auto;
}

/* 2column */

.colTwo01 .colLeft,
.colTwo01 .colRight {
    width: calc(50% - 12px)
}
.colTwo02 {
    padding: 0 0 0 0;
}
.colTwo02 .colLeft {
    float: left;
    width: 317px;
}
.colTwo02 .colRight {
    float: right;
    width: 317px;
}
.colTwo03 .colLeft {
    width: calc(40% - 12px)
}
.colTwo03 .colRight {
    width: calc(60% - 12px)
}

.colTwo04 .colLeft {
    float: left;
    width: 212px;
}
.colTwo04 .colRight {
    float: right;
    width: 444px;
}
.col2nd .colLeft01 {
    width: calc(20% - 12px)
}
.col2nd .colLeft02 {
    width: calc(80% - 12px)
}
.col2Two05 .colLeft {
    float: left;
    width: 100px;
}
.col2Two05 .colRight {
    float: right;
    width: 100px;
}

/* 3column */

.col3rd .colLeft01 {
    width: calc(15% - 12px)
}
.col3rd .colLeft02 {
    width: calc(25% - 12px)
}
.col3rd .colRight01 {
    width: calc(60% - 12px)
}

#changeMap .lc,
#changeMap .rc .noMap {
    display: none;
}
#changeMap #rcNoMap {
    width: 100%;
}
#changeMap #rcNoMap .box08 {
    background: none;
    border: none;
    padding: 0;
}
#changeMap .panel {
    background: #f1f0f9;
    border-radius: 2px;
    padding: 12px;
    float: left;
}
#changeMap .panel li {
    display: inline-block;
    margin: 0 12px 0 0;
}
#changeMap #rcNoMap .panel {
    margin-bottom: 20px;
}
#changeMap #rcMap p.mapText {
    padding-left: 0;
}
#changeMap #rcNoMap p.mapText {
    padding-left: 12px;
}
#changeMap #panel0 {
    display: none;
    float: left;
    background: #f1f0f9;
    border-radius: 2px;
    padding: 12px;
}
#changeMap #panel0 p {
    padding: 0;
}

/* caption
=================================*/

.caption01 {
    padding: 0 !important;
}
.caption02 {
    text-align: center;
    padding: 0 !important;
}
div.figureArea img {
    margin-bottom: 5px;
}
div.figureArea .caption {
    margin: 0;
    padding: 0;
    text-align: center;
}


/* テーブル
=================================*/
/* 旧スタイル */
th.small,th.small *    {
    font-weight:normal;
    background:#f9f9fc;
}

.th_nowrap th {
    white-space:nowrap;
}

.tdtar td {
    text-align:right ! important;
}

.col1 table,.col2 table,.col3 table,.col5 table,.col4 table,.col_pop table,.col_adobe table,.col_tops table {
    width:100%;
}

table.noborder {
    border-collapse:collapse;
    border-width: 0px;
    vertical-align:top;
}

table.noborder table,
table.noborder th,
table.noborder td {
    border-collapse:collapse;
    border-width: 0px;
    width:auto;
    height:auto;
}

table.noborder th {
    background-color:#ffffff;
}

.referencebox02 {
    border: #b6b6b6 solid 1px;
    padding: 16px 16px 0;
    width:100%;
    margin: 0 auto 16px;
}

thead th, .bg_blue {
    background:#e5e5e5;
}

.tablebg_red {
    background: #ffe4e1;
}
/* 旧スタイルここまで */


table {
    border-collapse:collapse;
    width:100%;
    height:auto;
    border-left:1px solid #d6d6d6;
    border-top:1px solid #d6d6d6;
    margin-bottom:20px;
    font-size: 14rem;
    text-align: left;
}
@media screen and (max-width: 699px) {
table {
    font-size: 12rem;
    word-break: break-all;
}
}/*@media*/

th, td {
    border-right:1px solid #d6d6d6;
    border-bottom:1px solid #d6d6d6;
    padding: 4px 8px;
}

strong,th {
    font-weight:bold;
}

tbody th {
    background:#f7f7f7;
}

@media screen and (max-width: 899px) {
tbody td {
    min-width: 4em;
}
}/*@media*/
/*@media screen and (max-width: 699px) {
tbody td {
    min-width: 8em;
}
}*//*@media*/

table table,
table table *,
table.tableReset,
table.tableReset * {
    border-collapse:collapse;
    background: transparent!important;
    border: none!important;
}

.tableWFixed {
    table-layout: fixed;
    width: 100%
}
@media screen and (max-width: 899px) {
.tableWFixed {
    table-layout: auto;
}

.tableWrap {
    position: relative;
    overflow-x: scroll;
    white-space: nowrap;
}

.tableWrap * {
    text-align: left!important;
}

.tableWrap th {
    white-space: normal;
}

.tableWrap td {
    min-width: auto!important;
}

/*iPhone用スクロールバー設定*/
.tableWrap::-webkit-scrollbar {
  height: 4px;
}
.tableWrap::-webkit-scrollbar-thumb {
  background: #666;
  border-radius: 4px;
}
.tableWrap::-webkit-scrollbar-track-piece {
  background: #F5F5F5;
}

[class^="tableScroll"], [class*=" tableScroll"] {
    width: 240vw;
    margin-bottom: 0;
}

.tableScroll_S {
    width: 160vw;
}

.tableScroll_L {
    width: 320vw;
}

.tableScrollLayer {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 200vw;
  height: 100%;
  background: linear-gradient(to right, rgba(255,255,255,0) 35%, rgba(255,255,255,1) 40%);
}

}/*@media*/


@media screen and (max-width: 699px) {
/*tableDesign1A*/
.tableDesign1A tr,
.tableDesign1A th,
.tableDesign1A td {
    display: block;
    width: 100%;
}

/*tableDesign1B*/
.tableDesign1B th,
.tableDesign1B td {
    width: 50%;
}

/*tableDesign1C*/
.tableDesign1C th {
    width: 30%;
}

.tableDesign1C td {
    width: 70%;
}

/*tableDesign1D*/
.tableDesign1D th {
    width: 70%;
}

.tableDesign1D td {
    width: 30%;
}
/*tableDesign1C*/
.tableDesign1C th {
    width: 30%;
}

.tableDesign1C td {
    width: 70%;
}


/*tableDesign2A*/
.tableRespoDesign {
    border: none;
}

.tableRespoDesign thead,
.tableRespoDesign .noTd,
.tableRespoDesign thead tr:nth-of-type(1) {
    display: none;
}

.tableRespoDesign tr {
    display: block;
    margin: 0 0 16px;
}

.tableRespoDesign th,
.tableRespoDesign td {
    display: block;
    border: none;
    padding: 0;
    text-align: left!important;
}

.tableRespoDesign th:before,
.tableRespoDesign td:before {
    content: attr(aria-label);
    display: block;
    font-weight: bold;
    padding: 4px 8px;
    background: #EBF1F9;
    border: 1px solid #D6D6D6;
    border-bottom: none;
}

.tableRespoDesign th > span,
.tableRespoDesign td > span {
    display: block;
    padding: 4px 8px;
    border: 1px solid #D6D6D6;
    border-bottom: none;
    background: #FFF;
}

.tableRespoDesign td:nth-last-of-type(1) > span {
    border-bottom: 1px solid #D6D6D6;
}

.tableRespoDesign th.thNoBefore:before {
    content: none;
}

.tableRespoDesign th.thNoBefore > span {
    background: #D8E7FB;
}


/*tableDesign3A*/
[class^="tableDesign3"] tr, [class*=" tableDesign3"] tr {
    display: flex;
    flex-wrap: wrap;
}

.tableDesign3A th,
.tableDesign3A td {
    width: 50%;
}

/*tableDesign3B*/
.tableDesign3B th {
    width: 30%;
}

.tableDesign3B td {
    width: 70%;
}

/*tableDesign3C*/
.tableDesign3C th {
    width: 70%;
}

.tableDesign3C td {
    width: 30%;
}

}/*@media*/





/* ----------オフセット エコツウ 2011.06.28------------ */

table#ecoCompare td {
    text-align: center;
    width: 35%;
}
table#ecoCompare .item-left {
    text-align: left;
    width: 30%;
    text-indent: 1em;
}



/* clearFix
=================================*/
.box_inner:after,
ul.service:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.linkTxtRight:after,
.colTwo02:after,
.colTwo04:after,
.col2Two05:after,
.leftcol .box07:after,
.leftcol .box11:after,
.leftcol .box11 .rc:after,
.box12:after,
.box13:after,
.searchBox01:after,
ul.flatList:after,
.functionBox:after,
dl.dotLineDList:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

































/* リニューアルパーツ
=================================*/

/* リード文デザインパターン
=================================*/
.main .txtLeadBox {
    position: relative;
}

/*.main .txtLeadBox img {
    min-height: 240px;
}
@media screen and (max-width: 1149px) {
.main .txtLeadBox img {
    min-height: auto;
}
}*//*@media*/


/*txtLead * Top*/
.main .txtLeadLTop,
.main .txtLeadCTop,
.main .txtLeadRTop {
    position: absolute;
    top: 24px;
    z-index: 10;
}
@media screen and (max-width: 899px) {
.main .txtLeadLTop,
.main .txtLeadCTop,
.main .txtLeadRTop {
    top: 12px;
}
}/*@media*/


/*txtLead * Middle*/
.main .txtLeadLMiddle,
.main .txtLeadCMiddle,
.main .txtLeadRMiddle {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform : translateY(-50%);
    transform : translateY(-50%);
}
@media screen and (max-width: 899px) {
.main .txtLeadLMiddle,
.main .txtLeadCMiddle,
.main .txtLeadRMiddle {
    -ms-transform: translateY(0);
    -webkit-transform : translateY(0);
    transform : translateY(0);
}
}/*@media*/


/*txtLead * Bottom*/
.main .txtLeadLBottom,
.main .txtLeadCBottom,
.main .txtLeadRBottom {
    position: absolute;
    bottom: 24px;
}
@media screen and (max-width: 899px) {
.main .txtLeadLBottom,
.main .txtLeadCBottom,
.main .txtLeadRBottom {
    bottom: 12px;
}
}/*@media*/


/*txtLead Left*/
.main .txtLeadLTop,
.main .txtLeadLMiddle,
.main .txtLeadLBottom {
    left: 0;
}


/*txtLead Center*/
.main .txtLeadCTop,
.main .txtLeadCMiddle,
.main .txtLeadCBottom {
    left: 0;
    right: 0;
    text-align: center;
}


/*txtLead Right*/
.main .txtLeadRTop,
.main .txtLeadRMiddle,
.main .txtLeadRBottom {
    right: 0;
    text-align: right;
}


@media screen and (max-width: 768px) {
[class^="txtLead"], [class*=" txtLead"] {
    position: static!important;
    text-align: left!important;
}
.txtLeadBox [class^="txtLead"]:nth-of-type(1), .txtLeadBox [class*=" txtLead"]:nth-of-type(1) {
    margin-top: -6px;
}
.txtLeadBox [class^="txtLead"]:nth-last-of-type(1), .txtLeadBox [class*=" txtLead"]:nth-last-of-type(1) {
    margin-bottom: 24px!important;
}
}/*@media*/


/*txtLead Special*/
.main .txtLeadSpecial {
	position: relative;
	width: 90%;
	background-color: #E4EBF3;
    padding: 20px 24px 8px 24px;
	margin-top: -90px;
    margin-bottom: 50px;
	z-index: 10;
}
.main .txtLeadSpecial p{	
    line-height: 1.5;
}
.main .txtLeadSpecial p span{
    font-family: "游ゴシック", YuGothic, Yu Gothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
    font-weight: bold;
    font-size: 22px;
}
@media screen and (max-width: 768px) {
.main .txtLeadSpecial {
    width: 100%;
    padding: 10px 8px 2px;
    margin: -4px 0 30px 0;
}
.main .txtLeadSpecial p{
    font-size: 12px;
}
.main .txtLeadSpecial p span{
    font-size: 15px;
}
}



.main .txtLeadDesign1 {
    font-size: 16rem;
    position: relative;
    border-left: 1px solid #1A005D;
    margin: 20px 0 44px;
    padding: 10px 0 10px 20px;
}
@media screen and (max-width: 699px) {
.main .txtLeadDesign1 {
    font-size: 13rem;
    margin-top: 12px;
    padding: 10px;
}
}/*@media*/


.txtLeadDesign1::after {
    position: absolute;
    content: "";
    height: 1px;
    width: 100%;
    background-color: #DDD;
    bottom: -24px;
    left: 0;
}

.main .txtLeadDesign2 {
    font-size: 18rem;
    font-weight: bold;
    margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.main .txtLeadDesign2 {
    font-size: 12rem;
}
}/*@media*/
@media screen and (max-width: 320px) {
.main .txtLeadDesign2 {
    font-size: 10rem;
}
}/*@media*/

.main .txtLeadDesign2 span {
    color: #FFF;
    background: linear-gradient(135deg, rgba(9, 16, 25, 0.8) 0%,rgba(11, 39, 76, 0.8) 100%);
    padding: 10px 24px;
    margin: 0 0 3px;
    line-height: 1;
    font-family: "游ゴシック", YuGothic, Yu Gothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
    display: inline-block;
    font-style: italic;
}
@media screen and (max-width: 899px) {
.main .txtLeadDesign2 span {
    font-size: 16rem;
    padding: 10px 12px;
}
}/*@media*/
@media screen and (max-width: 768px) {
.main .txtLeadDesign2 span {
    font-size: 13rem;
    padding: 4px 8px 8px;
    margin: 0;
    width: 100%;
    margin: 0!important;
}
.main .txtLeadDesign2 span:nth-of-type(1) {
    padding: 8px;
}
}/*@media*/
@media screen and (max-width: 374px) {
.main .txtLeadDesign2 span {
    padding: 8px 4px;
}
}/*@media*/

.main .txtLeadDesign2 span.txtSize32B {
    padding: 16px;
    background: linear-gradient(135deg, rgba(237,28,36,0.9) 0%,rgba(140,16,18,0.9) 100%);
    box-shadow: 0 3px 4px rgba(0,0,0,0.4);
}
@media screen and (max-width: 899px) {
.main .txtLeadDesign2 span.txtSize32B {
    padding: 12px;
    font-size: 24rem;
}
}/*@media*/
@media screen and (max-width: 699px) {
.main .txtLeadDesign2 span.txtSize32B {
    padding: 8px;
    font-size: 18rem;
    box-shadow: none;
}
}/*@media*/
@media screen and (max-width: 374px) {
.main .txtLeadDesign2 span.txtSize32B {
    padding: 8px 4px;
    font-size: 16rem;
}
}/*@media*/



/* ラベル
=================================*/
.label {
    font-size: 13px;
    padding: 4px 8px;
    background: #A19ABB;
    color: #FFF;
    border-radius: 2px;
}

/* リンクボタンデザインパターン
=================================*/
.btnClm2 {
    padding: 0 240px;
}
@media screen and (max-width: 899px) {
    .btnClm2 {
        padding: 0 32px;
    }
}

[class^="btnDesign"], [class*=" btnDesign"] {
    font-family: "游ゴシック", YuGothic, Yu Gothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
    margin: 24px auto 40px;
}
@media screen and (max-width: 699px) {
    [class^="btnDesign"], [class*=" btnDesign"] {
        margin: 12px auto 24px;
    }
}

[class^="btnDesign"] [class^="icon-"],[class^="btnDesign"] [class*=" icon-"],
[class*=" btnDesign"] [class^="icon-"],[class*=" btnDesign"] [class*=" icon-"],
.inquiry_box [class^="h3Design1"] [class^="icon-"],.inquiry_box [class^="h3Design1"] [class*=" icon-"],
.inquiry_box [class*=" h3Design1"] [class^="icon-"],.inquiry_box [class*=" h3Design1"] [class*=" icon-"],
[class^="needs_rchead"] [class^="icon-"],[class^="needs_rchead"] [class*=" icon-"],
[class*=" needs_rchead"] [class^="icon-"],[class*=" needs_rchead"] [class*=" icon-"] {
    font-size: 32rem;
    margin: 0 12px 0 0;
    vertical-align: bottom;
}
@media screen and (max-width: 699px) {
[class^="btnDesign"] [class^="icon-"],[class^="btnDesign"] [class*=" icon-"],
[class*=" btnDesign"] [class^="icon-"],[class*=" btnDesign"] [class*=" icon-"],
.inquiry_box [class^="h3Design1"] [class^="icon-"],.inquiry_box [class^="h3Design1"] [class*=" icon-"],
.inquiry_box [class*=" h3Design1"] [class^="icon-"],.inquiry_box [class*=" h3Design1"] [class*=" icon-"],
[class^="needs_rchead"] [class^="icon-"],[class^="needs_rchead"] [class*=" icon-"],
[class*=" needs_rchead"] [class^="icon-"],[class*=" needs_rchead"] [class*=" icon-"] {
    font-size: 24rem;
    margin: 0 8px 0 0;
}
}/*@media*/


.inquiry_box [class^="btnDesign"], [class*=" btnDesign"] {
    margin: 24px auto 0;
}

[class^="btnDesign1"] a, [class*=" btnDesign1"] a {
    display: block;
    font-weight: bold;
    border: 3px solid #E0E0E0;
    border-radius: 2px;
}

[class^="btnDesign1"] a:hover, [class*=" btnDesign1"] a:hover {
    text-decoration: none;
    color: #1A005D;
    border-color: #1A005D;
}

/*[class^="btnDesign1"] a:hover::after, [class*=" btnDesign1"] a:hover::after {
    color: #FFF;
}*/

[class^="btnDesign1"] a img, [class*=" btnDesign1"] a img {
    display: inline-block;
    vertical-align: bottom;
}

.btnDesign1A a {
    font-size: 18rem;
    padding: 16px;
}

.btnDesign1A a img {
    margin: 0 8px 0 0;
    width: 32px;
}

.btnDesign1B a {
    font-size: 18rem;
    padding: 16px;
}


.btnDesign1B a::after {
    margin-left: 8px;
}

.btnDesign1B a img {
    margin: 0 8px 0 0;
    width: 32px;
}

.btnDesign1C {
    text-align: center;
    background: #FFF;
}

.btnDesign1C a {
    font-size: 18rem;
    padding: 16px 0;
}

.btnDesign1C a img {
    margin: 0 8px 0 0;
    width: 32px;
}

.btnDesign1D {
    text-align: center;
    background: #FFF;
}

.btnDesign1D a {
    font-size: 18rem;
    padding: 16px 0;
}

.btnDesign1D a::after {
    margin-left: 8px;
}

.btnDesign1D a img {
    margin: 0 8px 0 0;
    width: 32px;
}

.btnDesign1E a {
    display: block;
    font-weight: bold;
    font-size: 13rem;
    padding: 12px;
}

.btnDesign1E a img {
    display: inline-block;
    margin: 0 8px 0 0;
    width: 24px;
    vertical-align: bottom;
}

.btnDesign1F a {
    font-size: 13rem;
    padding: 12px;
}

.btnDesign1F a::after {
    margin-left: 8px;
}

.btnDesign1F a img {
    margin: 0 8px 0 0;
    width: 24px;
}

.btnDesign1G {
    text-align: center;
}

.btnDesign1G a {
    display: block;
    font-weight: bold;
    font-size: 13rem;
    padding: 12px;
}

.btnDesign1G a img {
    margin: 0 8px 0 0;
    width: 24px;
}

.btnDesign1H {
    text-align: center;
}

.btnDesign1H a {
    font-size: 13rem;
    padding: 12px;
}

.btnDesign1H a::after {
    margin-left: 8px;
}

.btnDesign1H a img {
    margin: 0 8px 0 0;
    width: 24px;
}

@media screen and (max-width: 699px) {
    .btnDesign1A a,
    .btnDesign1B a,
    .btnDesign1C a,
    .btnDesign1D a {
        font-size: 16rem;
        padding: 8px;
    }
}


[class^="btnDesign2"] a, [class*=" btnDesign2"] a {
    display: block;
    color: #FFF;
    font-weight: bold;
    background: #1A005D;
    border: 3px solid transparent;
    border-radius: 2px;
}

[class^="btnDesign2"] a:hover, [class*=" btnDesign2"] a:hover {
    text-decoration: none;
    color: #1A005D;
    border-color: #1A005D;
    background: #FFF;
}

[class^="btnDesign2"] a:hover::after, [class*=" btnDesign2"] a:hover::after {
    color: #1A005D;
}

[class^="btnDesign2"] a img, [class*=" btnDesign2"] a img {
    display: inline-block;
    vertical-align: bottom;
}


.btnDesign2A a {
    font-size: 18rem;
    padding: 16px;
}

.btnDesign2A a img {
    margin: 0 8px 0 0;
    width: 32px;
}

.btnDesign2B a {
    font-size: 18rem;
    padding: 16px;
    border-radius: 2px;
}

.btnDesign2B a::after {
    color: #FFF;
    margin-left: 8px;
}

.btnDesign2B a img {
    margin: 0 8px 0 0;
    width: 32px;
}

.btnDesign2C {
    text-align: center;
}

.btnDesign2C a {
    font-size: 18rem;
    padding: 16px 0;
}

.btnDesign2C a img {
    margin: 0 8px 0 0;
    width: 32px;
}

.btnDesign2D {
    text-align: center;
}

.btnDesign2D a {
    font-size: 18rem;
    padding: 16px 0;
}

.btnDesign2D a::after {
    color: #FFF;
    margin-left: 8px;
}

.btnDesign2D a img {
    margin: 0 8px 0 0;
    width: 32px;
}

.btnDesign2E a {
    display: block;
    color: #FFF;
    font-weight: bold;
    padding: 12px;
}

.btnDesign2E a img {
    margin: 0 12px 0 0;
    width: 24px;
}

.btnDesign2F a {
    padding: 12px;
}

.btnDesign2F a::after {
    color: #FFF;
    margin-left: 8px;
}

.btnDesign2F a img {
    margin: 0 8px 0 0;
    width: 24px;
}

.btnDesign2G {
    text-align: center;
}

.btnDesign2G a {
    padding: 12px;
}

.btnDesign2G a img {
    margin: 0 8px 0 0;
    width: 24px;
}

.btnDesign2H {
    text-align: center;
}

.btnDesign2H a {
    padding: 12px;
}

.btnDesign2H a::after {
    color: #FFF;
    margin-left: 8px;
}

.btnDesign2H a img {
    margin: 0 8px 0 0;
    width: 24px;
}

@media screen and (max-width: 899px) {
.btnDesign2A a,
.btnDesign2B a,
.btnDesign2C a,
.btnDesign2D a {
    font-size: 16rem;
    padding: 8px;
}
}/*@media*/
@media screen and (max-width: 699px) {
.btnDesign2A a,
.btnDesign2B a,
.btnDesign2C a,
.btnDesign2D a {
    font-size: 13rem;
}
}/*@media*/





.btnDesign3B {
    margin: 0 auto;
    text-align: center;
}

.btnDesign3B a {
    color: inherit;
    display: block;
    font-weight: bold;
    padding: 12px;
}


.btnDesign3B a:hover {
    text-decoration: none;
    /*color: #00367F;*/
    /*background: #FFF;*/
    opacity: 0.6;
}








/* テキストリンクデザインパターン
=================================*/
.txtLink1 {
    color: #002790;
    text-decoration: underline;
}

/*.txtLink1:hover {
    text-decoration: none;
}*/

.txtLink2::after {
    margin-left: 5px;
}

/*.txtLink2:hover::after {
    text-decoration: none;
}*/

.txtRight {
    text-align: right;
}

.txtCenter {
    text-align: center;
}


/* ※印 注意
=================================*/
.txtCaution {
    font-size: 13rem;
    margin: 4px 0;
}

.txtCaution::before {
    content: "※";
    color: #fa4045;
    margin: 0 3px 0 0;
}

.txtCautionB {
    font-size: 13rem;
    margin: 4px 0;
}

.txtCautionB::before {
    content: "※";
    color: #121212;
    margin: 0 3px 0 0;
}

.txtCautionC {
    font-size: 13rem;
    margin: 4px 0;
    color: #fa4045;
}

.txtCautionC::before {
    content: "※";
    color: #fa4045;
    margin: 0 3px 0 0;
}

/* 検索 input パーツ
=================================*/
input.searchTxt{
    width: calc(100% - 40px)
}

input.search_btn {
    background-image: url("/img/ico/ico_search01.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
    width: 40px;
    height: 32px;
    margin: auto;
    /* vertical-align: middle; */
    position: absolute;
    top: 0;
    bottom: 0;
}

input.search_btn:hover {
    opacity: 0.8;
}





/* カラム
=================================*/
.clm,
.clm2,
.clm3,
.clm4 {
    width: 100%;
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

section > .clm,
section > .clm2,
section > .clm3,
section > .clm4 {
    margin: 0 0 40px;
}
@media screen and (max-width: 699px) {
section > .clm,
section > .clm2,
section > .clm3,
section > .clm4 {
    margin: 0 0 24px;
}
}/*@media*/

/*余白を制御*/
.clm3::after {
    content: "";
    display: block;
    width: calc(100% / 3 - 16px);
}

/*余白を制御*/
.clm4::before,
.clm4::after {
    content: "";
    display: block;
    width: calc(100% / 4 - 16px);
}

/*余白を制御*/
.clm4::before {
    order: 1;
}

.clm > * {
    margin: 0 0 16px;
}

.clm2 > * {
    width: calc(100% / 2 - 16px);
    margin: 12px 0 16px;
}

.clm3 > * {
    width: calc(100% / 3 - 16px);
    margin: 16px 0;
}

.clm4 > * {
    width: calc(100% / 4 - 16px);
    margin: 16px 0;
}

ul.clm2 > * {
    width: calc(100% / 2 - 16px);
}

ul.clm3 > * {
    width: calc(100% / 3 - 16px);
}

ul.clm4 > * {
    width: calc(100% / 4 - 16px);
}

@media screen and (max-width: 699px) {
    .clm2 > *,
    .clm3 > *,
    .clm4 > *,
    ul.clm2 > *,
    ul.clm3 > *,
    ul.clm4 > * {
        width: 100%;
        margin: 8px 0;
    }
}



/*IE対応*/
.clm *,
.clm2 *,
.clm3 *,
.clm4 * {
    min-height: 0%;
}

.clm *,
.clm2 *,
.clm3 *,
.clm4 * {
    min-height: 0%;
}
.clm a,
.clm2 a,
.clm3 a,
.clm4 a {
    display: block;
}

.clm img,
.clm2 img,
.clm3 img,
.clm4 img {
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
@media screen and (max-width: 699px) {
.clm img,
.clm2 img,
.clm3 img,
.clm4 img {
    display: block;
}
}/*@media*/

.clm a:hover img,
.clm2 a:hover img,
.clm3 a:hover img,
.clm4 a:hover img {
    opacity: 0.8;
}

/*clmW指定*/
.clmW10 {
    width: calc(10% - 16px);
}

.clmW20 {
    width: calc(20% - 16px);
}

.clmW30 {
    width: calc(30% - 16px);
}

.clmW40 {
    width: calc(40% - 16px);
}

.clmW50 {
    width: calc(50% - 16px);
}

.clmW60 {
    width: calc(60% - 16px);
}

.clmW70 {
    width: calc(70% - 16px);
}

.clmW80 {
    width: calc(80% - 16px);
}

.clmW90 {
    width: calc(90% - 16px);
}

.clmW100 {
    width: 100%;
}

@media screen and (max-width: 699px) {
    [class^="clmW"],
    [class*=" clmW"] {
        width: 100%;
    }
}



/* カラムデザインパターン
=================================*/
.clmDesign1 > * {
    border: 1px solid #E6E6E6;
    border-radius: 2px;
    background: #FFF;
    box-shadow: 0 2px 2px rgba(0,0,0,0.2);
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.clmDesign1 > * > a > img,
.clmDesign1 > * > img {
    display: block;
    border-radius: 2px 2px 0 0;
}

.clmDesign1 dl,
.clmDesign1 .title {
    position: relative;
    padding: 16px 20px;
}
@media screen and (max-width: 899px) {
    .clmDesign1 dl,
    .clmDesign1 .title {
        padding: 12px;
    }
}



.clmDesign1 dt,
.clmDesign1 p {
    font-size: 18rem;
    font-weight: bold;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;
    -ms-flex-align: center;
  -webkit-align-items: center;
    align-items: center;
}
@media screen and (max-width: 699px) {
.clmDesign1 dt,
.clmDesign1 p {
    font-size: 16rem;
}
}/*@media*/

.clmDesign1 dt a::after,
.clmDesign1 p a::after {
    margin-left: 6px;
}

.clmDesign1 dt a:hover::after,
.clmDesign1 p a:hover::after {
    text-decoration: none;
}

.clmDesign1 dt .label {
    position: absolute;
    top: -12px;
    left: 12px;
    font-size: 12rem;
    padding: 2px 8px;
}

.clmDesign1 a img {
    border-bottom: 1px solid rgba(0,0,0,0.04);
    -webkit-transition:  0.2s ease-in-out;
    -moz-transition:  0.2s ease-in-out;
    -o-transition:  0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}

.clmDesign1 a:hover img {
    opacity: 0.8;
}

@media screen and (min-width: 900px) {
/*2カラムの時だけフォントサイズを調整*/
.clm2.clmDesign1 dt {
    font-size: 20rem;
}
.clm2.clmDesign1 p {
    font-size: 20rem;
    margin: 0;
}
}/*@media*/


.clmDesign1 dt img {
    width: 48px;
    margin: 0 16px 0 0;
}

.clmDesign1 p img {
    width: 60px;
    margin: 0 24px 0 0;
}
.clmDesign1 dt a,
.clmDesign1 p a {
    /* display: inline-flex; */
    flex: 1 0 0%;/*IE10*/
}

.clmDesign1 dd {
    color: #777;
    font-size: 14rem;
    margin: 12px 0 0;
    font-weight: normal;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;
    flex: 1 0 0%;/*IE10*/
}

.clmDesign1 dd > div{
    margin: 0 12px 0 0;
}

.clmDesign1 dd > div img{
    display: block;
    width: 60px;
    height: auto;
}

.clmDesign1 dd span{
    display: block;
    width: 100%;
    flex: 1 0 0%;/*IE10*/
}


.clmDesign1 .listDesign2 {
    padding: 0 20px 20px;
}
@media screen and (max-width: 699px) {
    .clmDesign1 .listDesign2 {
        padding: 0 12px 12px;
    }
}

.clmDesign1 .more {
    text-align: right;
    padding: 0 20px 20px;
    margin: auto 0 0;
}
@media screen and (max-width: 699px) {
    .clmDesign1 .more {
        padding: 0 12px 12px;
    }
}

.clmDesign1 .more a {
    display: inline;
    font-weight: normal;
}




/*clmDesign2*/
.clmWrap {
    position: relative;
}

.clmWrap .upperBg {
    position: absolute;
    height: 200px;
    overflow: hidden;
}

.clmWrap .upperBg img {
    width: 100%;
}

.clmWrap > ul {
    padding: 0 32px;
}
@media screen and (max-width: 699px) {
    .clmWrap > ul {
        padding: 0 12px;
    }
}

/*.bgWrap::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 300px;

    background: url(/img/top/mainimg01.jpg) center top no-repeat;
    background-size: cover;
}*/

.clmDesign2 {
    position: relative;
    top: 98px;
    margin: 0 0 150px;
}

.clmDesign2 > * {
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    margin: 36px 0;
    position: relative;
}

.clmDesign2 > * > a > img,
.clmDesign2 > * > img {
    display: block;
    border-radius: 2px 2px 0 0;
}

@media screen and (max-width: 699px) {
.clmDesign2 li {
    margin-bottom: 36px;
}
}/*@media*/

.clmDesign2 dl {
    border-radius: 2px;
    background: #FFF;
    padding: 24px;
}
@media screen and (max-width: 699px) {
    .clmDesign2 dl {
        padding: 12px;
    }
}

.clmDesign2 dt {
    font-size: 18rem;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;
    -ms-flex-align: center;
  -webkit-align-items: center;
    align-items: center;
}
@media screen and (max-width: 699px) {
    .clmDesign2 dt {
        font-size: 16rem;
    }
}

.clmDesign2 dt a::after {
    /* display:inline-block; */
    margin-left: 4px;
}

.clmDesign2 dt img {
    width: 48px;
    margin: 0 16px 0 0;
}

.clmDesign2 dd {
    color: #666;
    margin: 12px 0 0;
}

.clmDesign2 .txtLink2 {
    font-size: 14rem;
    margin: 8px;
    position: absolute;
    top: 100%;
}
@media screen and (max-width: 699px) {
    .clmDesign2 .txtLink2 {
        font-size: 10rem;
    }
}

/*clmDesign3*/
.clmDesign3 div {
    background: #A19ABB;
    color: #FFF;
    text-align: center;
    font-size: 18rem;
    font-weight: bold;
    padding: 24px 0;
    border-radius: 2px;
    margin: 0 0 16px;
}
@media screen and (max-width: 699px) {
    .clmDesign3 div {
        font-size: 16rem;
        padding: 12px 0;
        margin: 0 0 12px;
    }
}

/*clmDesign4*/
.clmDesign4 div {
    width: 50%;
    padding: 16px 0;
}
@media screen and (max-width: 699px) {
    .clmDesign4 div {
        width: 100%;
        padding: 8px 0;
    }
}

.clmDesign4 div:nth-of-type(1) {
    padding-right: 24px;
}
@media screen and (max-width: 699px) {
    .clmDesign4 div:nth-of-type(1) {
        padding-right: 0;
    }
}

.clmDesign4 div:nth-of-type(2) {
    border-left: 1px solid #CCC;
    padding-left: 24px;
}
@media screen and (max-width: 699px) {
    .clmDesign4 div:nth-of-type(2) {
        border-left: none;
        padding-left: 0;
    }
}

.clmDesign4 dl {
}

.clmDesign4 dt {
    font-size: 18rem;
    font-weight: bold;
    margin: 0 0 12px;
}
@media screen and (max-width: 699px) {
    .clmDesign4 dt {
        font-size: 16rem;
    }
}

.clmDesign4B {
    text-align: center;
    background-color: #e5e5e5;
    margin-bottom: 32px;
}

.clmDesign4B div {
    width: 50%!important;
    padding: 16px 0;
}
@media screen and (max-width: 699px) {
    .clmDesign4B div {
        width: 100%!important;
        padding: 0 12px;
    }
}

.clmDesign4B div:nth-of-type(2) {
    border-left: 1px solid #CCC;
}

.clmDesign4B dt {
    font-size: 18rem;
    font-weight: bold;
    margin: 0;
}
@media screen and (max-width: 699px) {
    .clmDesign4B dt {
        font-size: 16rem;
    }
}




/*clmDesign5*/
.clmDesign5 .txt {
    font-weight: bold;
    margin: 0 0 8px;
}

.clmDesign5 .ttl1 {
    font-size: 20rem;
    padding: 0 0 16px;
    border-bottom: 1px solid #CCC;
}
@media screen and (max-width: 699px) {
    .clmDesign5 .ttl1 {
        font-size: 16rem;
        padding: 0 0 12px;
    }
}

.clmDesign5 .link1 {
    font-size: 16rem;
    padding: 16px 0 0;
    border-top: 1px solid #CCC;
}
@media screen and (max-width: 699px) {
    .clmDesign5 .link1 {
        font-size: 12rem;
        padding: 12px 0 0;
    }
}

.clmDesign5 ul {
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
}

.clmDesign5 li {
    width: 50%;
    margin: 0 0 12px;
}
@media screen and (max-width: 699px) {
    .clmDesign5 li {
        width: 100%;
    }
}

.clmDesign5 li:nth-of-type(odd) {
    padding-right: 4px;
}
@media screen and (max-width: 699px) {
    .clmDesign5 li:nth-of-type(odd) {
        padding-right: 0;
    }
}



/*clmDesign6*/
.clmDesign6 > * {
    /*border: 1px solid #E6E6E6;*/
    border-radius: 2px;
    background: #FFF;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.clmDesign6 .clmInner {
    padding: 24px;
}
@media screen and (max-width: 699px) {
    .clmDesign6 .clmInner {
        padding: 12px;
    }
}

.clmDesign6 .clmInner > p {
    margin: 0 0 24px 0;
}
@media screen and (max-width: 699px) {
    .clmDesign6 .clmInner > p {
        margin: 0 0 12px 0;
    }
}

.clmDesign6 .ttl1 {
    font-size: 20rem;
    font-weight: bold;
    border-bottom: 1px solid #E6E6E6;
    padding: 0 0 24px 0;
}
@media screen and (max-width: 699px) {
    .clmDesign6 .ttl1 {
        font-size: 16rem;
        padding: 0 0 12px 0;
    }
}

.clmDesign6 .ttl2 a {
    font-size: 18rem;
}
@media screen and (max-width: 699px) {
    .clmDesign6 .ttl2 a {
        font-size: 14rem;
    }
}

.clmDesign6 img.ico{
    width: 48px;
    margin: 0 16px 0 0;
}

.clmDesign6 span.photo{
    display: block;
    min-width: 100px;
    max-width: 100px;
    margin: 0 16px 0 0;
}

.clmDesign6 p {
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.clmDesign6 p a::after {
    margin-left: 6px;
}

.clmDesign6 .clmInner .label {
    font-size: 12rem;
    padding: 2px 8px;
    display: inline-block;
    margin: 0 0 8px 0;
}

.clmDesign6 a:hover {
    text-decoration: none;
}



/*clmDesign7*/
.clmDesign7 > * {
    border: 1px solid #E6E6E6;
    border-radius: 2px;
    background: #FFF;
    box-shadow: 0 2px 2px rgba(0,0,0,0.4);
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;

    -webkit-transition:  0.2s ease-in-out;
    -moz-transition:  0.2s ease-in-out;
    -o-transition:  0.2s ease-in-out;
    transition: 0.2s ease-in-out;
}
@media screen and (max-width: 699px) {
.clmDesign7 > * {
    width: calc(100% / 2 - 8px)!important;
}
}/*@media*/

.clmDesign7 li:hover{
    box-shadow: none;
}

.clmDesign7 li > * {
    font-weight: normal;
}

.clmDesign7 li a {
    color: #444;
    background: #FFF;
    padding: 16px;
    margin: 16px 0;
    text-decoration: none;
    border-radius: 2px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
@media screen and (max-width: 699px) {
    .clmDesign7 li a {
        padding: 8px;
        margin: 0;
    }
}

.clmDesign7 li a > *{
    width: 100%;
}

/*.tabDesign1A .clmDesign7 li,
.secTab .clmDesign7 li {
     border: 4px solid transparent;
}*/

.tabDesign1A .clmDesign7 li:hover,
.secTab .clmDesign7 li:hover {
    /* border: 4px solid #003680; */
    box-shadow: none;
}

.clmDesign7 li img {
    width: 96px;
}
@media screen and (max-width: 899px) {
.clmDesign7 li img {
    width: 64px;
}
}/*@media*/

.clmDesign7 li [class^="icon-"],
.clmDesign7 li [class*=" icon-"] {
    font-size: 70rem;
    text-align: center;
}

.clmDesign7 li p {
    margin: 0;
}

.clmDesign7 li .ttl1 {
    margin: 16px 0 8px;
    font-weight: bold;
    text-align: center;
}

.clmDesign7 li .ttl1::after {
    margin-left: 4px;
}

.clmDesign7 li:hover .ttl1::after {
    text-decoration: none;
}

/*.clmDesign7 li a[target="_blank"] .ttl1::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url("/img/ico/ico_blank01.png");
    background-size: 16px;
}*/

.clmDesign7 li a[target="_blank"]::after {
    display: none !important;
}








/*clmDesign8*/
.clmDesign8 div {
    width: 50%;
    padding: 24px;
    margin: 0;
}
@media screen and (max-width: 699px) {
    .clmDesign8 div {
        width: 100%;
        padding: 8px;
    }
}


.clmDesign8 div:nth-of-type(1) {
    /*padding-right: 24px;*/
}

.clmDesign8 div:nth-of-type(2),
.clmDesign8 div:nth-of-type(4) {
    border-left: 1px solid #CCC;
    /*padding-left: 24px;*/
}
@media screen and (max-width: 699px) {
    .clmDesign8 div:nth-of-type(2),
    .clmDesign8 div:nth-of-type(4) {
        border-left: none;
    }
}

.clmDesign8 div:nth-of-type(1),
.clmDesign8 div:nth-of-type(2) {
    border-bottom: 1px solid #CCC;
}
@media screen and (max-width: 699px) {
    .clmDesign8 div:nth-of-type(1),
    .clmDesign8 div:nth-of-type(2) {
        border-bottom: none;
    }
}

.clmDesign8 dl {
}

.clmDesign8 dt {
    font-size: 18rem;
    font-weight: bold;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 0 24px;
}
@media screen and (max-width: 699px) {
    .clmDesign8 dt {
        font-size: 16rem;
        margin: 0 0 12px;
    }
}

.clmDesign8 dt img {
    width: 60px;
    margin: 0 16px 0 0;
}

.clmDesign1 dt span {
    flex: 1 0 0%;/*IE10*/
}







/*clmDesign9*/
.clmDesign9 > * {
    /*border: 1px solid #E6E6E6;*/
    border-radius: 2px;
    background: #f8f6f9;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.clmDesign9 > * > a > img,
.clmDesign9 > * > img {
    display: block;
    border-radius: 2px 2px 0 0;
}

.clmDesign9 dl,
.clmDesign9 .title {
    position: relative;
    padding: 24px;
}
@media screen and (max-width: 699px) {
    .clmDesign9 dl,
    .clmDesign9 .title {
        padding: 12px;
    }
}

.clmDesign9 dt {
    font-size: 18rem;
    font-weight: bold;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
@media screen and (max-width: 699px) {
    .clmDesign9 dt {
        font-size: 16rem;
    }
}

.clmDesign9 dt a::after,
.clmDesign9 p a::after {
    margin-left: 6px;
}

.clmDesign9 form {
    padding: 0 24px 24px;
}
@media screen and (max-width: 699px) {
    .clmDesign9 form {
        padding: 0 12px 12px;
    }
}

.clmDesign9 select {
    width: 100%;
    margin: 0 0 12px;
}

.clmDesign9 input[type="submit"] {
    margin: 0;
}

.clmDesign9 input#trans_search_btn04 {
    background-image: url(/img/ico/ico_search01.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
    width: 40px;
    height: 32px;
    margin: auto;
    /* vertical-align: middle; */
    position: absolute;
    top: 20px;
    bottom: 0;
}

.clmDesign9 .btnDesign2H {
    margin: 0 24px 24px;
}

.clmDesign9 p {
    margin: 0 24px 24px;
}
@media screen and (max-width: 699px) {
    .clmDesign9 p {
        margin: 0 12px 12px;
    }
}

.clmDesign9 p:nth-of-type(1) {
    margin-bottom: 0;
}

.clmDesign9 p:last-of-type {
    margin-bottom: 24px;
}

/*新しいウィンドウアイコン*/
.clmDesign9 dt a[target="_brank"]::after,
.clmDesign9 p a[target="_brank"]::after {
    content: "別ウィンドウで開きます";
    display: inline-block;
    background: url("/img/ico/ico_blank01.png") no-repeat 8px 0;
    background-size: 16px;
    padding: 16px 0 0 24px;
    width: 0;
    height: 0;
    overflow: hidden;
    vertical-align: middle;
}

.clmDesign9 a:hover {
    text-decoration: none;
}

/*2カラムの時だけフォントサイズを調整*/
.clm2.clmDesign9 dt {
    font-size: 20rem;
}
@media screen and (max-width: 699px) {
    .clm2.clmDesign9 dt {
        font-size: 16rem;
    }
}


.clmDesign9 dt img {
    width: 48px;
    margin: 0 16px 0 0;
}

.clmDesign9 p img {
    width: 60px;
    margin: 0 24px 0 0;
}
.clmDesign9 dt a,
.clmDesign9 p a {
    flex: 1 0 0%;/*IE10*/
    font-family: "游ゴシック", YuGothic, Yu Gothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
    /* display: inline-flex; */
}

.clmDesign9 dd {
    color: #666;
    margin: 12px 0 0;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;
    flex: 1 0 0%;/*IE10*/
}

.clmDesign9 dd > div{
    margin: 0 12px 0 0;
}

.clmDesign9 dd > div img{
    display: block;
    width: 60px;
    height: auto;
}

.clmDesign9 dd span{
    display: block;
    width: 100%;
    flex: 1 0 0%;/*IE10*/
}







/*clmDesign10*/
.clmDesign10 > * {
    /*border: 1px solid #E6E6E6;*/
    border-radius: 2px;
    background: #f1f0f9;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
}

.clmDesign10 > * > a > img,
.clmDesign10 > * > img {
    display: block;
    border-radius: 2px 2px 0 0;
}

.clmDesign10 dl,
.clmDesign10 .title {
    position: relative;
    padding: 24px;
}
@media screen and (max-width: 699px) {
    .clmDesign10 dl,
    .clmDesign10 .title {
        padding: 12px;
    }
}

.clmDesign10 > li {
	position: relative;
	border-radius: 0;
	background: #1A005D;
}
.clmDesign10 > li:before {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 20px 0 0;
	border-color: #8EC300 transparent transparent transparent;
}
.clmDesign10 dt {
    font-size: 18rem;
    font-weight: bold;
	display: block;
	color: #fff;
}
.clmDesign10 dt img {
	display: block;
	width: 100px;
	margin: 0 auto 16px;
}
@media screen and (max-width: 699px) {
	.clmDesign10 dt {
		font-size: 16rem;
		display: -webkit-flex;
		display: -webkit-box;
		display: flex;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		}
	.clmDesign10 dt img {
		margin: 0 16px 0 0;
}
}

.clmDesign10 dd {
    color: #f1f0f9;
    margin: 12px 0 0;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;
    flex: 1 0 0%;/*IE10*/
}
.clmDesign10 dd span{
    display: block;
    width: 100%;
    flex: 1 0 0%;/*IE10*/
}

.clmDesign10 dd a {
    color: #fff;
    display: inline-block;
    margin-top: 12px;
}
.clmDesign10 dd a:hover {
    color: #8EC300;
}



/* お知らせ
=================================*/
.listInfo {
    margin: 0 0 60px;
}
@media screen and (max-width: 899px) {
.listInfo {
    display: none;
}
}/*@media*/


.listInfo li {
    font-size: 15rem;
    border-bottom: 1px solid #DDD;
    padding: 8px;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;
}

.listInfo li.hover {
    background: rgba(0,0,0,0.6);
}

.listInfo li > * {
    display: inline-block;
}

.listInfo li span {
    white-space: nowrap;
}

.listInfo li strong {
    font-family: "游ゴシック", YuGothic, Yu Gothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
    /*width: 140px;*/
    flex: 1 0 160px;
}

.listInfo li#newsJson2 strong {
    padding-left: 22px;
}

.listInfo li strong .icon-exclamation {
    font-size: 18rem;
    vertical-align: middle;
}

.listInfo li a:nth-of-type(1) {
    width: calc(100% - 250px);
    border-right: 1px solid #DDD;
    padding: 0 12px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
}

.listInfo li a span {
    padding: 0 12px 0 0;
}

.listInfo li:nth-of-type(1) a:nth-of-type(1) {
    font-weight: bold;
}

.listInfo li a:nth-last-of-type(1) {
    font-size: 13rem;
    margin: 0 0 0 auto;
    width: 110px;
    text-align: right;
}


/*----------スライダー&カルーセル---------- */
.slick-slider {
    padding: 0 0 8px;
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0 0 4px!important;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;
}

.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    /*float: left;*/
    /*height: 100%;*/
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}
@media screen and (max-width: 699px) {
.slick-slide img {
    width: 80%;
    margin: 0 auto;
}
}/*@media*/

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}


.slick-prev, .slick-next {
    position: absolute;
    z-index: 10;
    bottom: -46px;
    /*bottom: -50px;*/
    /* margin: auto 0; */
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    overflow:inherit;
    background: transparent;
}
@media screen and (max-width: 699px) {
.slick-prev, .slick-next {
    display: none!important;
}
}/*@media*/


.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: transparent;
    outline: none;
    background: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before, .slick-next:before {
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    right: 96%;
}

[dir='rtl'] .slick-prev {
    /*right: -25px;*/
    left: auto;
}

.slick-prev:before {
        content:"";
        display: block;
        width: 20px;
        height: 20px;
        -webkit-transition:    0.2s ease-in-out;
        -moz-transition:    0.2s ease-in-out;
        -o-transition:    0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        border-top: 2px solid #FFF;
        border-right: 2px solid #FFF;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        /* box-shadow: 1px -1px 1px rgba(0,0,0,0.8); */
}

[dir='rtl'] .slick-prev:before {
    content: '→';
}

.slick-next {
    left: 96%;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
        content:"";
        display: block;
        width: 20px;
        height: 20px;
        -webkit-transition:    0.2s ease-in-out;
        -moz-transition:    0.2s ease-in-out;
        -o-transition:    0.2s ease-in-out;
        transition: 0.2s ease-in-out;
        border-top: 2px solid #FFF;
        border-right: 2px solid #FFF;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        /* box-shadow: 1px -1px 1px rgba(0,0,0,0.8); */
}

[dir='rtl'] .slick-next:before {
    content: '←';
}

/* Dots */
/*.slick-dotted.slick-slider {
    margin-bottom: 30px;
}*/

.slick-dots {
    position: absolute;
    z-index: 5;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0 2px;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    display: block;
    width: 20px;
    height: 20px;
    /*padding: 5px;*/
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}


.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '●';
    text-align: center;
    color: #FFF;
    font-size: 12rem;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
    color: #FF9E1B!important;
}




/* カルーセル
=================================*/
.slick-track > div {
    position: relative;
}

.slick-track > div.slick-slide{
    background: #FFF;
    border-radius: 2px;
    box-shadow: 1px 1px 4px rgba(0,0,0,0.4);
    margin: 0 12px;
}

.slick-track > div::before {
    content: "";
    position: absolute;
    bottom: 0;
    z-index: 1;

    width: 100%;
    height:100%;
    background: rgba(255,255,255,0.5);
}

.slick-track > div.slick-active::before {
    content: none;
}

.slick-dots {
    bottom: -40px;
}
@media screen and (max-width: 699px) {
.slick-dots {
    bottom: -30px;
}
}/*@media*/

.slick-dots li button:before{
    color: #EEE;
}

.slick-prev:before,
.slick-next:before {
    border-top-color: #666664;
    border-right-color: #666664;
}


.slickPauseWrap{
  position: absolute;
  bottom: 76px;
  width: 100%;
  z-index: 99;
}
@media screen and (max-width: 700px) {
    .slickPauseWrap{
      display: none;
      bottom: 12px;
    }
}/*@media*/
.slickPause{
  position: relative;
  display: block;
  width: 300px;
  margin: 0 auto;
}
@media screen and (max-width: 700px) {
    .slickPause{
      position: absolute;
      width: 30px;
      height: 30px;
      top: 50%;
      left: 73%;
      transform: translateY(-50%) translateX(-50%);
      -webkit- transform: translateY(-50%) translateX(-50%);
    }
}/*@media*/
.slickPause::before,
.slickPause::after{
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  content: "";
  vertical-align: middle;
}
.slickPause::before{
  width: 28px;
  height: 28px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #1A005D;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.slickPause:hover::before{
  background: #453679;
}
.slickPause::after{
  top: 7px;
  right: 0px;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  border: 7px solid transparent;
  border-left: 11px solid #fff;
}
.slickPause.pauseStop::after{
  top: 9px;
  right: 9px;
  border: none;
  border-left: 11px solid #fff;
}

.carouselDesign1 a:hover,
.carouselDesign2 a:hover {
    text-decoration: none;
}

.carouselDesign1 img,
.carouselDesign2 img{
    width: 100%;
}

.carouselDesign1 a:hover dt,
.carouselDesign2 a:hover dt {
    /*text-decoration: underline;*/
}



/*カルーセル画面100％*/
.carouselDesign1 {
    position: relative;
    width: 100%;
    margin: 0 auto 40px;
}

.carouselDesign1 div.slider {
    width: 80%;
    margin: 0 auto 80px;
}
@media screen and (max-width: 699px) {
.carouselDesign1 div.slider {
    margin: 0 auto 24px;
}
}/*@media*/

.carouselDesign1 div.slick-list {
    overflow: inherit;
}

.carouselDesign1 .slick-prev{
    right: 104%;
}

.carouselDesign1 .slick-next{
    left: 104%;
}

.carouselDesign1 .slick-prev, .carouselDesign1 .slick-next {
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 40px;
    height: 40px;
}
@media screen and (max-width: 699px) {
.carouselDesign1 .slick-prev, .carouselDesign1 .slick-next {
    display: none!important;
}
}/*@media*/

.carouselDesign1 .slick-prev:before {
        width: 40px;
        height:40px;
        border-top: 3px solid #666666;
        border-right: 3px solid #666666;
}

.carouselDesign1 .slick-next:before {
        width: 40px;
        height:40px;
        border-top: 3px solid #666666;
        border-right: 3px solid #666666;
}



/*カルーセル main内*/
/*.main .carouselDesign2 {
    width: 100%;
    margin: 0 auto 80px;
}*/

.main .carouselDesign2 .slider {
    margin: 0 auto 80px;
}

.carouselDesign2 .slick-prev{
    right: 60%;
}

.carouselDesign2 .slick-next{
    left: 60%;
}





/* 検索エリア
=================================*/

/* searchBoxDesign1 */
.searchBoxDesign1 {
    font-size: 13rem;
}
@media screen and (max-width: 899px) {
.searchBoxDesign1 {
    font-size: 12rem;
}
}/*@media*/
@media screen and (max-width: 699px) {
.searchBoxDesign1 {
    font-size: 10rem;
}
}/*@media*/

.searchBoxDesign1 *:hover {
    text-decoration: none;
}

.searchBoxDesign1 > div {
    position: relative;
    background: #f0eff5;
    padding: 16px;
    border-radius: 2px;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.4);
}
@media screen and (max-width: 899px) {
.searchBoxDesign1 > div {
    padding: 12px;
}
}/*@media*/

.searchBoxDesign1.clm3 .searchBox1 {
    width: calc(48% - 116px);
}
@media screen and (max-width: 899px) {
.searchBoxDesign1.clm3 .searchBox1 {
    width: 100%;
}
}/*@media*/

.searchBoxDesign1.clm3 .searchBox2 {
    width: calc(52% - 116px);
}
@media screen and (max-width: 899px) {
.searchBoxDesign1.clm3 .searchBox2 {
    width: calc(100% - 216px);
}
}/*@media*/
@media screen and (max-width: 699px) {
.searchBoxDesign1.clm3 .searchBox2 {
    width: 100%;
}
}/*@media*/

.searchBoxDesign1.clm3 .searchBox3 {
    width: 200px;

    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;

    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;

    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;

    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
@media screen and (max-width: 699px) {
.searchBoxDesign1.clm3 .searchBox3 {
    width: 100%;
}
}/*@media*/

.searchBoxDesign1 .searchBoxTtl {
    font-family: "游ゴシック", YuGothic, Yu Gothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
    font-size: 18rem;
    font-weight: bold;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: 0 0 16px;
}
@media screen and (max-width: 899px) {
.searchBoxDesign1 .searchBoxTtl {
    font-size: 16rem;
    margin: 0 0 12px;
}
}/*@media*/

.searchBoxDesign1 .searchBox1 .searchBoxTtl::before,
.searchBoxDesign1 .searchBox2 .searchBoxTtl::before {
    font-size: 42rem;

    font-family: 'icomoon' !important;
    color: #1A005D;
    line-height: 1;
    margin: 0 12px 0 4px;
    font-weight: normal;
}

.searchBoxDesign1 .searchBox1 .searchBoxTtl::before {
    content: "\e910";
}

.searchBoxDesign1 .searchBox2 .searchBoxTtl::before {
    content: "\e911";
}

.searchBoxDesign1 .searchBox3 span {
    color: #1A005D;
    font-size: 56rem;
    margin: 0 0 12px;
}

.searchBoxDesign1 .btnMore {
    text-align: right;
    margin: 8px 0 0 0;
}



/* 検索エリア1 */
.searchBoxDesign1 .searchBox1 .tab li:nth-of-type(1) {
    width: 50%;
}

.searchBoxDesign1 .searchBox1 .tab li:nth-of-type(2) {
    width: 50%;
}

.searchBoxDesign1 .searchBox1 .tab li:nth-of-type(2) a {
    color: #FFF;
    width: 100%;
    padding: 4px 0 8px 10px;
}

.searchBoxDesign1 .searchBox1 .tab li:nth-of-type(2) a::after {
    content: none;
    margin: 0;
}

.searchBoxDesign1 .searchBox1 .tab li:nth-of-type(2) a span.icon-blank::before {
    margin: 0 0 0 4px;
}


/* 検索エリア2 */
.searchBoxDesign1 .searchBox2 .tab li {
    width: calc(100% / 2);
}

.searchBoxDesign1 .searchBox2 .tabArea3 select {
    width: calc(55% - 20px);
}

.searchBoxDesign1 .searchBox2 .tabArea3 input[type="text"] {
    width: calc(45% - 20px);
}
.searchBox2 .tabCnt .search_btn{
    background-color: #1A005D;
    color: #FFF;
    padding: 8px;
    cursor: pointer;
}
@media screen and (min-width: 900px) {
    .searchBox2 .tabCnt{
        margin-top: 52px;
    }
}


/* 営業窓口検索 */
.searchBox3 .searchBoxTtl {
    height: 100%;
    margin: 0;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;

    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;

    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;

    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.searchBox3 a:hover {
    color: #8EC300;
}


/*検索エリア内 タブスタイル*/
.searchBoxDesign1 .hide {
    display: none;
}

.searchBoxDesign1 .tab label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  cursor: pointer;
  padding: 4px 0 8px;
  -webkit-transition-property: background-color, color;
  transition-property: background-color, color;
  -webkit-transition-duration: 200ms;
  transition-duration: 200ms;
}

.searchBoxDesign1 .tabCnt div {
    background: #FFF;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}

.searchBoxDesign1 #tabBtn1:checked ~ .tabCnt .tabArea1  {
  max-height: inherit;
  opacity: 1;
    padding: 16px;
}

.searchBoxDesign1 #tabBtn2:checked ~ .tabCnt .tabArea2  {
  max-height: inherit;
  opacity: 1;
    padding: 16px;
}

.searchBoxDesign1 #tabBtn3:checked ~ .tabCnt .tabArea3  {
  max-height: inherit;
  opacity: 1;
    padding: 16px;
}

.searchBoxDesign1 #tabBtn4:checked ~ .tabCnt .tabArea4  {
  max-height: inherit;
  opacity: 1;
    padding: 16px;
}

.searchBoxDesign1 .tab li {
    font-family: "游ゴシック", YuGothic, Yu Gothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
    border-top: 4px solid transparent;
    border-right: 1px solid #453679;
    color: #FFF;
    font-weight: bold;
    background: #1A005D;
    /* padding: 4px 0 8px; */
    text-align: center;
    margin: 0;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.searchBoxDesign1 .tab li:hover {
    background: #453679;
}

.searchBoxDesign1 #tabBtn1:checked ~ .tab li:nth-of-type(1)  {
    background-color: #FFF;
    background-image: none;
    color: #121212;
    border-top: 4px solid #8EC300;
}

.searchBoxDesign1 #tabBtn2:checked ~ .tab li:nth-of-type(2)  {
    background-color: #FFF;
    background-image: none;
    color: #121212;
    border-top: 4px solid #8EC300;
}

.searchBoxDesign1 #tabBtn3:checked ~ .tab li:nth-of-type(1)  {
    background-color: #FFF;
    background-image: none;
    color: #121212;
    border-top: 4px solid #8EC300;
}

.searchBoxDesign1 #tabBtn4:checked ~ .tab li:nth-of-type(2)  {
    background-color: #FFF;
    background-image: none;
    color: #121212;
    border-top: 4px solid #8EC300;
    border-right: none;
}


/* searchBoxDesign2 */
.searchBoxDesign2 {
    background: #f8f6f9;
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    padding: 32px;
    margin: 0 0 16px;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;
    -ms-flex-align: center;
  -webkit-align-items: center;
    align-items: center;
}
@media screen and (max-width: 899px) {
.searchBoxDesign2 {
    padding: 24px 12px 12px;
  -webkit-flex-direction: column;
  flex-direction: column;
}
}/*@media*/
@media screen and (max-width: 699px) {
.searchBoxDesign2 {
    -webkit-flex-direction: column;
    flex-direction: column;
  -webkit-align-items: left;
    align-items: left;
}
}/*@media*/


.searchBoxDesign2 .ttl {
    font-size: 20rem;
    font-weight: bold;
    position: relative;
    padding: 0 0 0 56px;
    margin: 0;
    flex: 1 0 0%
}
@media screen and (max-width: 899px) {
.searchBoxDesign2 .ttl {
    font-size: 16rem;
    width: 100%;
    margin: 0 0 12px;
}
}/*@media*/
@media screen and (max-width: 699px) {
.searchBoxDesign2 .ttl {
    font-size: 14rem;
    padding: 0 0 0 36px;
}
}/*@media*/

.searchBoxDesign2 .ttl::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 8px;
    margin: auto 0;
    width: 32px;
    height: 32px;
    background: url("/img/ico/ico_search02.png?202101") no-repeat center center;
    background-size: 32px;
}
@media screen and (max-width: 699px) {
.searchBoxDesign2 .ttl::before {
    width: 24px;
    height: 24px;
    background-size: 24px;
}
}/*@media*/

.searchBoxDesign2 ul {
    flex: 3 0 0%
}

.searchBoxDesign2 li {
    margin: 0;
}
@media screen and (max-width: 699px) {
.searchBoxDesign2 li {
    width: calc(50% - 6px);
    margin: 12px 0 0;
}
.searchBoxDesign2 li a {
    font-size: 11rem;
}
}/*@media*/

.searchBoxDesign2 input[type="submit"] {
    background-image: url(/img/ico/ico_search01.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px;
    width: 40px;
    height: 32px;
    margin: auto;
    /* vertical-align: middle; */
    position: absolute;
    top: 0;
    bottom: 0;
}
@media screen and (max-width: 899px) {
.searchBoxDesign2 #ss-form2, .searchBoxDesign2 #ss-form4{
    width:100% !important;
}
}/*@media*/

/* タブ
=================================*/
.tabBox1A {
    margin: 24px 0 0 0;
}

/* tabDesign1A */
[class^="tabDesign1"] .tab_area,
[class*=" tabDesign1"] .tab_area {
    width: 100%;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;
}

[class^="tabDesign1"] .tab_area li,
[class*=" tabDesign1"] .tab_area li {
    border-top: 4px solid transparent;
    border-right: 1px solid #41489d;
    color: #FFF;
    width: 100%;
    font-weight: bold;
    background: #1A005D;
    cursor: pointer;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

[class^="tabDesign1"] .tab_area li:nth-last-of-type(1),
[class*=" tabDesign1"] .tab_area li:nth-last-of-type(1) {
    border-right: none;
}

[class^="tabDesign1"] .tab_area li [class^="icon-"],
[class*=" tabDesign1"] .tab_area [class*=" icon-"] {
    font-size: 42rem;
    margin-right: 16px;
}

[class^="tabDesign1"] .tab_area li a,
[class*=" tabDesign1"] .tab_area li a {
    color: #FFF;
}

[class^="tabDesign1"] .tab_area li.select,
[class*=" tabDesign1"] .tab_area li.select {
    /*アクティブタブの装飾*/
    background-color : #FFF;
    background-image : none;
    color : #000;
    border: 1px solid #eee;
    border-bottom: none;
    border-top : 4px solid #8EC300;
}

[class^="tabDesign1"] .hide,
[class*=" tabDesign1"] .hide {
    display:none;
}

.tabDesign1A .tab_area li {
    padding: 16px 0;
    width: calc(100% / 2);
    font-size: 16rem;
}
@media screen and (max-width: 699px) {
    .tabDesign1A .tab_area li {
        padding: 12px 8px;
        font-size: 12rem;
    }
}
@media screen and (max-width: 375px) {
    .tabDesign1A .tab_area li {
        padding: 8px 4px;
        font-size: 10rem;
    }
}

.tabDesign1A .tab_area li.select {
    cursor: default;
}

.tabDesign1A .tab_area li:not(.select):hover {
    background: #453679;
}

.tabDesign1A .tab_area li img {
    width: 48px;
    margin: 0 16px 0 0;
}

.tabDesign1A .content_area {
    padding: 20px;
    border: 1px solid #eee;
    border-top : none;
}
@media screen and (max-width: 899px) {
.tabDesign1A .content_area {
    padding: 12px;
}
}/*@media*/

.tabDesign1A .content_area table {
    margin-bottom: 0;
}


/* tabDesign1B */
.tabDesign1B .tab_area li {
    padding: 4px 0 8px;
}

.tabDesign1B .content_area {
    padding: 16px;
    background: #FFF;
}



/* tabDesign2A */
.tabDesign2A .tab_area {
    font-size: 14rem;
    position: relative;
    width: 100%;
    background: #E4EBF3;
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    padding: 32px 32px 26px;
    margin: 32px 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
}
@media screen and (max-width: 699px) {
    .tabDesign2A .tab_area {
        font-size: 10rem;
        padding: 8px;
    }
}

.tabDesign2A .tab_area::after {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -30px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 25px 30px 0 30px;
  border-color: #E4EBF3 transparent transparent transparent;
  -webkit-filter:drop-shadow(0 2px 1px rgba(0,0,0,0.3));
  -moz-filter:drop-shadow(0 2px 1px rgba(0,0,0,0.3));
  -ms-filter:drop-shadow(0 2px 1px rgba(0,0,0,0.3));
  filter:drop-shadow(0 2px 1px rgba(0,0,0,0.3));
}

.tabDesign2A .tab_area li,
.tabDesign2A .tab_area input,
.tabDesign2A .tab_area label {
  cursor: pointer;
}

.tabDesign2A .tab_area li {
    margin: 0 10px 10px 0;
    color: #00367F;
    position: relative;
}
@media screen and (max-width: 899px) {
.tabDesign2A .tab_area li {
    margin: 0 4px 4px 0;
}
}/*@media*/

.tabDesign2A .tab_area li:last-of-type {
  margin-right: 0;
}

.tabDesign2A .tab_area li input[type="radio"]{
  display: none;
}

.tabDesign2A .tab_area li label{
    background-color: #FFFFFF;
    border: 3px solid #003680;
    border-radius: 24px;
    display: block;
    padding: 10px 12px 8px;
}
@media screen and (max-width: 899px) {
.tabDesign2A .tab_area li label{
    border-width: 2px;
    padding: 4px 6px;
}
}/*@media*/

.tabDesign2A .tab_area li.active label {
    border: 3px solid #FF6100;
    color: #000000;
}
@media screen and (max-width: 899px) {
.tabDesign2A .tab_area li.active label {
    border-width: 2px;
}
}/*@media*/

.tabDesign2A .tab_area li label:before{
  content:'';
  border: 1px solid #E4EBF3;
  background-color:#E4EBF3;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  border-radius:10px;
  -webkit-transition: all 800ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: all 800ms cubic-bezier(1, 0, 0, 1);
  -o-transition: all 800ms cubic-bezier(1, 0, 0, 1);
  transition: all 800ms cubic-bezier(1, 0, 0, 1);
}
@media screen and (max-width: 899px) {
.tabDesign2A .tab_area li label:before{
  width: 12px;
  height: 12px;
  margin-right: 4px;
}
}/*@media*/

.tabDesign2A .tab_area li input[type="radio"]:checked + label:before{
  opacity: 0;
  background: #eee;
  border-color: #eee;
  transform:scale(2);
}
.tabDesign2A .tab_area li label:after{
  content:'';
  opacity: 0;
  position: absolute;
  left: 8px;
  top: 0px;
  width:8px;
  height: 16px;
  border-right: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
  transform:rotate(-200deg);
  -webkit-transition: all 400ms cubic-bezier(1, 0, 0, 1);
  -moz-transition: all 400ms cubic-bezier(1, 0, 0, 1);
  -o-transition: all 400ms cubic-bezier(1, 0, 0, 1);
  transition: all 400ms cubic-bezier(1, 0, 0, 1);
}
.tabDesign2A .tab_area li input[type="radio"]:checked + label:after{
    opacity: 1;
    position: absolute;
    left: 20px;
    top: 14px;
    width: 8px;
    height: 16px;
    border-right: 3px solid #FF6100;
    border-bottom: 3px solid #FF6100;
    transform: rotate(40deg);
}
@media screen and (max-width: 899px) {
.tabDesign2A .tab_area li input[type="radio"]:checked + label:after{
    height: 12px;
    top: 6px;
    left: 10px;
}
}/*@media*/


/* pws_tabs スタイル */
.pws_tabs_controll {
  width: 100%;
  display:-ms-flexbox;
  display: -webkit-flex;
  display:-webkit-box;
  display: flex;
}

/*FFバグ対応*/
@-moz-document url-prefix() {
    .searchBoxDesign1.clm3 a {
        display: inline;
    }
    .searchBoxDesign1 .pws_tabs_controll a {
      display:-ms-flexbox;
      display: -webkit-flex;
      display:-webkit-box;
      display: flex;
    }
}


.pws_tabs_controll li {
  border-right: 1px solid #5276A8;
  display:-ms-flexbox;
  display: -webkit-flex;
  display:-webkit-box;
  display: flex;
}

.pws_tabs_controll li:nth-last-of-type(1) {
  border-right: none;
}

.pws_tabs_controll a {
  color: #FFF;
  width: 100%;
  background: #003680;
  cursor: pointer;
  border-top: 4px solid transparent;
  display:-ms-flexbox;
  display: -webkit-flex;
  display:-webkit-box;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -ms-flex-align: left;
  -webkit-align-items: left;
  align-items: left;
}

.pws_tabs_controll a:hover {
  text-decoration: none;
}

/* pws_tabs のエフェクト */
.pws_tabs_container.pws_none .pws_hide {
  display: none;
}
.pws_tabs_container.pws_none .pws_show {
  display: block;
}

/* Effect: scale */
.pws_tabs_container.pws_scale > .pws_tabs_list > .pws_hide {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
/*  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);*/
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}
.pws_tabs_container.pws_scale > .pws_tabs_list > .pws_show {
    position: relative;
  z-index: 22;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
/*  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);*/
/*  -webkit-transition-delay: .2s;
  -moz-transition-delay: .2s;
  transition-delay: .2s;*/
  -webkit-transition: all .2s;
  -moz-transition: all .2s;
  transition: all .2s;
}
/* pws_tabs のエフェクトここまで */



/* リストデザインパターン、新着情報
=================================*/
[class^="listDesign"] li,
[class*=" listDesign"] li {
    font-size: 15rem;
}
@media screen and (max-width: 699px) {
    [class^="listDesign"] li,
    [class*=" listDesign"] li {
        font-size: 13rem;
    }
}

[class^="listDesign"] li a,
[class*=" listDesign"] li a {
    color: #1d018d;
    font-weight: normal;
}

.listDesign1 ul {
    border-top: 1px solid #DDDDDD;
}

.listDesign1 li {
    border-bottom: 1px solid #DDDDDD;
}

.listDesign1 li a {
    position: relative;
    padding: 8px 32px 8px 8px;
    /*color: #666;*/
}

.listDesign1 li a::after {
    position: absolute;
    top:0;
    bottom: 0;
    right: 8px;
    height: 1em;
    margin: auto;
}

.listDesign1 li:nth-of-type(1) a::after {
    color: inherit;
    font-size: 24rem;
}


.listDesign1 li:nth-of-type(1) a,
.listDesign1 li:nth-of-type(1) span {
    font-weight: bold;
    display: block;
    font-size: 18rem;
    padding: 32px 8px;
    /*color: inherit;*/
}
@media screen and (max-width: 699px) {
    .listDesign1 li:nth-of-type(1) a,
    .listDesign1 li:nth-of-type(1) span {
        font-size: 15rem;
        padding: 16px 8px;
    }
}

.listDesign2 li {
    position: relative;
}

.listDesign2 li::after{
    color: #9A9A9A;
    position: absolute;
    top:0;
    bottom: 0;
    right: 8px;
    height: 1em;
    margin: auto;
    /*text-shadow: 1px 0 0 #9A9A9A;*/
}

.listDesign2 li a {
    font-weight: bold;
    color: #0f0038;
    font-size: 13rem;
    display: block;
    padding: 8px 32px 8px 16px;
    border-bottom: 1px solid #E6E7E8; 
	/*background: #f1f0f9;*/
}
@media screen and (max-width: 699px) {
    .listDesign2 li a {
        padding: 8px 32px 8px 12px;
    }
}

.listDesign2 li a:hover {
    color: #8EC300;
    text-decoration: none;
    background: #f7f7f7;
}

.listDesign3 li {
    border-top: 1px solid #CCC;
    padding: 12px 0;
}

#dir_press .listDesign3 li:nth-of-type(1) {
    border-top: none;
}

.listDesign3 li:nth-last-of-type(1) {
    border-bottom: 1px solid #CCC;
}

.listDesign3 div {
    margin: 0 0 8px;
}

.listDesign3 li span {
    font-size: 11rem;
    padding: 2px 4px;
    margin: 0 16px;
}

.listDesign3 li a {
    display: block;
    flex: 1 0 0%;
}

.listDesign4 li {
    display: table;
    border-top: 1px solid #CCC;
    padding: 12px 0;
    width: 100%;
}
@media screen and (max-width: 699px) {
    .listDesign4 li {
        display: -webkit-flex;
        display:-webkit-box;
        display: flex;

        -webkit-flex-direction: column;
        flex-direction: column;
    }
}

#dir_press .listDesign4 li:nth-of-type(1) {
    border-top: none;
}

.listDesign4 li:nth-last-of-type(1) {
    border-bottom: 1px solid #CCC;
}

.listDesign4 li div {
    white-space: nowrap;
}
@media screen and (max-width: 699px) {
    .listDesign4 li div {
        margin: 0 0 8px;
    }
}

.listDesign4 li span {
    margin: 0 16px 0 0;
}

.listDesign4 li span.txt {
    width: 100%;
}

@media screen and (max-width: 699px) {
.listDesign4 li span.icon-exclamation + a {
    padding: 0 0 0 16px;
    margin: -16px 0 0;
}
}

.listDesign4 li > * {
    display: table-cell;
}

.listDesign4 li a {
    width:100%;
}

.listDesign4 li span.label {
    font-size: 11rem;
    padding: 2px 4px;
}




.listDesign5 {
    margin: 0 0 16px 0;
}

.listDesign5 li {
    display: table;
    padding: 6px 0;
    width: 100%;
}
@media screen and (max-width: 699px) {
    .listDesign5 li {
        display: -webkit-flex;
        display:-webkit-box;
        display: flex;

        -webkit-flex-direction: column;
        flex-direction: column;
    }
}

.listDesign5 li div {
    white-space: nowrap;
}
@media screen and (max-width: 699px) {
    .listDesign5 li div {
        margin: 0 0 8px;
    }
}

.listDesign5 li span {
    font-weight: bold;
    margin: 0 16px 0 0;
}

.listDesign5 li > * {
    display: table-cell;
}

.listDesign5 li a {
    width:100%;
}

.listDesign5 li span.label {
    font-size: 11rem;
    padding: 2px 4px;
    font-weight: inherit;
}





.listDesign6 {
    display: table;
    width: 100%;
}
@media screen and (max-width: 699px) {
    .listDesign6 {
        display: inherit;
    }
}

.listDesign6 > * {
    display: table-cell;
}
@media screen and (max-width: 699px) {
    .listDesign6 > * {
        display: inherit;
    }
}

.listDesign6 dt {
    white-space: nowrap;
    padding: 0 16px 0 0;
}
@media screen and (max-width: 699px) {
    .listDesign6 dt {
        padding: 0 0 8px 0;
    }
}

.listDesign6 dd {
    width: 100%
}

.listDesign6 dd ul {
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.listDesign6 dd ul li {
    margin-right: 16px;
}

.listDesign6 dd ul.listDisc li {
    margin-right: 36px;
}

.listDesign6 span.label {
    padding: 2px 4px;
    font-weight: inherit;
}


.listDesign7 li {
    font-family: "游ゴシック", YuGothic, Yu Gothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
    display: inline-block;
    margin: 0 0 12px;
}

.listDesign7 li a {
    font-size: 14rem;
    font-weight: bold;
    border-radius: 2px;
    padding: 4px 12px 3px 12px;
    border: 2px solid transparent;
    background: #FFF;
    box-shadow: 0 2px 2px rgba(0,0,0,0.3);
}
@media screen and (max-width: 699px) {
.listDesign7 li a {
    font-size: 12rem;
}
}/*@media*/

.listDesign7 li a:hover{
    text-decoration: none;
    border: 2px solid #EEE;
    background: #FFF;
    box-shadow: none;
}

/*画像ギャラリー*/
@media screen and (max-width: 699px) {
.listGallery.clm4 li {
    width: calc(100% / 3 - 8px);
}
.listGallery.clm4::after {
    width: calc(100% / 3 - 8px);
}
.listGallery.clm4 img {
    margin-bottom: 0!important;
}
}/*@media*/







/* リスト
=================================*/
.listDisc,
.listDecimal,
.listLowerAlpha,
.listUpperAlpha {
    padding: 0 0 0 24px;
    margin: 0 0 16px 0;
}

.listDisc li {
    list-style: disc;
}

.listDecimal li {
    list-style: decimal;
}

.listLowerAlpha li {
    list-style: lower-alpha;
}

.listUpperAlpha li {
    list-style: upper-alpha;
}

.listComment,
.listCommentB,
.listCommentNum {
    margin: 0 0 16px 0;
}

.listComment li {
    font-size: 12rem;
    padding: 2px 0 2px 16px;
    position: relative;
}

.listComment li::before {
    content: "※";
    display:inline-block;
    position: absolute;
    left: 0;
}

.listCommentB li {
    font-size: 12rem;
    padding: 2px 0 2px 16px;
    color: #fa4045;
    position: relative;
}

.listCommentB li::before {
    content: "※";
    display:inline-block;
    position: absolute;
    left: 0;
    color: #fa4045;
}

.listCommentNum li {
    counter-increment: number;
}
.listCommentNum li {
    font-size: 12rem;
    padding: 2px 0 2px 24px;
    position: relative;
}
.listCommentNum li::before {
    content: "※"counter(number)" ";
    display:inline-block;
    position: absolute;
    left: 0;
}

.listDecimal .listDisc li {
    list-style: disc;
}



/* CM
=================================*/
.rightNavi_bnr {
	margin-top: 24px;
}
@media screen and (max-width: 699px) {
	.rightNavi_bnr {
		text-align: center;
	}
}



/* CM
=================================*/
.txtBox {
    padding: 5%;
}

.txtDesign1A {
    font-size: 22rem;
    color: #000000;
}

.txtDesign1A a::after{
    margin-left: 16px;
}

.txtDesign1A a:hover::after{
    text-decoration: none;
}

.txtBold {
    font-weight: bold;
}

.txtBoldB {
    font-weight: bold;
    color: red;
}

.txtSize32A {
    font-size: 32rem;
    color: #000000;
}

.txtSize32B {
    font-size: 32rem;
    color: #FFFFFF;
}

.txtDesign2A {
    font-size: 18rem;
    color: #000000;
}

.txtDesign3A {
    font-size: 16rem;
    color: #000000;
}

.txtDesign4A {
    font-size: 14rem;
    color: #000000;
}

.txtDesign5A {
    font-size: 12rem;
    color: #000000;
}

.txtTel1A {
    font-size: 32rem;
    color: #000000;
    font-family: "游ゴシック", YuGothic, Yu Gothic, "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", sans-serif;
    font-weight: bold;
}
@media screen and (max-width: 699px) {
.txtTel1A {
    font-size: 24rem;
}
}/*@media*/















.txtDesign1B {
}

.txtBox2A {
    padding: 5%;
}

.txtBox2B {
    padding: 16px 0;
}

.txtBox1C {
    padding: 3%;
    border: 2px solid red;
    color: red;
}



/* 営業窓口
=================================*/

.madoguchi_kensakuArea {
    background: #E4EBF3;
    border-radius: 2px;
    box-shadow: 0 2px 2px rgba(0,0,0,0.3);
    padding: 32px;
    margin: 0 0 32px;
}
@media screen and (max-width: 699px) {
.madoguchi_kensakuArea {
    padding: 12px;
}
}/*@media*/

.madoguchi_kensakuArea select {
    background: #FFFFFF;
    width: 100%;
}

.madoguchi_kensakuArea .btn {
}

.madoguchi_kensakuArea .btn input {
    display: block;
    padding: 5px;
    color: #FFFFFF;
    border: 3px solid transparent;
    border-radius: 2px;
    background: #00367F;
    width: 100%;
}

.madoguchi_kensakuArea .btn input:hover {
    text-decoration: none;
    color: #00367F;
    border-color: #00367F;
    background: #FFF;
}

.serviceWrap {
    margin: 0 0 80px 0;
}



.boxDesign1A {
    padding:32px 16px;
    background: #f1f1f1;
    text-align: center;
    margin: 0 0 32px 0;
}

.boxDesign1A > p {
    margin: 0;
}






/* ニュースリリース
=================================*/
.secNews2 {
    -ms-flex-grow: 2;
    -webkit-flex-grow: 2;
    flex-grow: 2;
    -ms-flex-basis: 0;
    -webkit-flex-basis: 0;
    flex-basis: 0;
}

.secNews2 dl {
    display:-ms-flexbox;
    display: -webkit-flex;
    display:-webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    border-top: 1px solid #CCC;
    padding: 8px;
    font-weight: bold;
}

.secNews2 dl:nth-of-type(1) {
    border-top: none;
}

.secNews2 dl:nth-last-of-type(1) {
    border-bottom: 1px solid #CCC;
    margin: 0 0 60px;
}

.secNews2 dt {
    font-weight: normal;
    margin: 0 0 8px;
    color: #3F3F3F;
}

.secNews2 dd a {
    font-weight: normal;
    color: #1d018d;
}

.secNews2 dd a:hover {
    color: #8EC300;
}


/* 美術品
=================================*/
.artBox {
    text-align: center;
}

.artBox p {
    margin: 0;
}

.artBox p.txtDesign5A {
    margin: 0 0 16px 0;
}

@media screen and (max-width: 699px) {
    .artBox img {
        width: 100%;
    }
}


/* IR
=================================*/
/* 取締役紹介 */
dl.profileBlock {
    display:-ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
}
.profileBlock dt {
    width: 25%;
}
.profileBlock dd {
    width: 75%;
}

/* 社長からのメッセージ */
.column2LWrap .image {
    float: left;
    margin: 0 10px 10px 10px;
}
@media screen and (max-width: 699px) {
.column2LWrap .image {
    float: none;
    margin: 12px auto;
}
}/*@media*/

.column2LWrap .image img {
    margin: 0;
}

.column2RWrap .image {
    float: right;
    margin: 0 10px 10px 10px;
}
@media screen and (max-width: 699px) {
.column2RWrap .image {
    float: none;
    margin: 12px auto;
}
}/*@media*/

.column2RWrap .image img {
    margin: 0;
}


/* 日本地図
=================================*/
.mapLink img[usemap] {
    max-width: 100%;
    height: auto;
}

.madoguchiMap {
    position: relative;
    margin: auto;
    max-width: 678px;
}
@media screen and (max-width: 699px) {
.madoguchiMap {
    position: static;
}
.madoguchiMap.mb32 {
    margin-bottom: 0!important;
}
}/*@media*/

.madoguchiMap .hokkaido,
.madoguchiMap .tohoku,
.madoguchiMap .kanto,
.madoguchiMap .shinetsu,
.madoguchiMap .hokuriku,
.madoguchiMap .tokai,
.madoguchiMap .kinki,
.madoguchiMap .chugoku,
.madoguchiMap .shikoku,
.madoguchiMap .kyushu {
    font-size: 12rem;
    padding: 4px 7px 4px 4px;
    max-width: 147px;
}
@media screen and (max-width: 699px) {
.madoguchiMap .hokkaido,
.madoguchiMap .tohoku,
.madoguchiMap .kanto,
.madoguchiMap .shinetsu,
.madoguchiMap .hokuriku,
.madoguchiMap .tokai,
.madoguchiMap .shikoku,
.madoguchiMap .chugoku,
.madoguchiMap .kinki,
.madoguchiMap .kyushu{
    font-size: 14rem;
    position: static!important;
    max-width: 100%;
}
}/*@media*/

.madoguchiMap p {
    margin-bottom: 0;
}
@media screen and (max-width: 699px) {
.madoguchiMap p {
    display: none;
}
}/*@media*/


/* 株価情報
=================================*/
.stock_price_real{
	width: 180px;
	margin: 0 auto;
}
.stock_price_real p{
	font-size: 14px;
	text-align: right;
	font-weight: bold;
	margin: 6px 2px;
}
.stock_price_real dl{
	background-color: #ededed;
	font-weight: bold;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: 8px 4px;
	margin-bottom: 10px;
}
.stock_price_real dl dt{
	line-height: 1.2;
}
.stock_price_real dl dd{
	font-size: 24px;
	line-height: 1;
}


/* 用語集
=================================*/
.reading span:nth-child(2) {
    margin-left: 16px;
}


/* Logivision
=================================*/
#dir_service_logivision img{
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* アコーディオン
=================================*/
.accordionDesig1{
	margin-bottom: 60px;
}
.accordionDesig1 dt{
    position: relative;
    font-weight: bold;
    padding: 42px 0 12px;
    border-bottom: 1px solid #CCC;
    cursor: pointer;
    transition: all 300ms 0.4s ease;
}
@media screen and (max-width: 768px) {
  .accordionDesig1 dt{
    padding: 40px 40px 10px 6px;
  }
}
@media screen and (max-width: 699px) {
  .accordionDesig1 dt{
    padding: 38px 40px 8px 40px;
  }
}
.accordionDesig1 dt::after, .accordionDesig1 dt::before{
    position: absolute;
    content: "";
    bottom: 4px;
    right: 10px;
    display: inline-block;
    width: 26px;
    height: 26px;
    border-top: 2px solid #5a5a5a;
    transform: translateX(-50%);
}
.accordionDesig1 dt::after{
    bottom: 16px;
    right: 35px;
    transform: rotate(90deg);
    transition: all 300ms 0s ease;
}
.accordionDesig1 dt.active::after{
    bottom: 28px;
    width: 0px;
    height: 0px;
}
@media screen and (max-width: 699px) {
  .accordionDesig1 dt::after, .accordionDesig1 dt::before{
    top: inherit;
	bottom:2px;
    right: 2px;
    width: 18px;
    height: 18px;
    border-top: 2px solid #5a5a5a;
  }
  .accordionDesig1 dt::after{
    top: inherit;
	bottom:10px;
    right: 19px;
  }
  .accordionDesig1 dt.active::after{
    top: inherit;
	bottom:20px;
    right: 19px;
  }
}
.accordionDesig1 dt span{
    display: inline-block;
    font-size: 20px;
    width: 34px;
    background: #f1f0f9;
    border-radius: 26px;
    margin-right: 10px;
    text-align: center;
}
@media screen and (max-width: 699px) {
.accordionDesig1 dt span{
	position: absolute;
    bottom: 15%;
	left:0px;
    font-size: 18px;
    width: 29px;
	}
}
.accordionDesig1 dd{
	display: none;
	position: relative;
	margin-top: 20px;
	padding-left: 40px;
}
.accordionDesig1 dd span{
	content: "A";
	position: absolute;
	left: 8px;
	top: -3px;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
}
@media screen and (max-width: 699px) {
.accordionDesig1 dd span{
	font-size: 18px;
	}
}
/* Q&A
=================================*/
.faq_cont{
    margin-bottom: 200px !important;
}
@media screen and (max-width: 699px) {
    .faq_cont{
        margin: 20px 0 100px !important;
    }
}
.faq_text{
    position: relative;
    padding-left: 44px;
}
.faq_text::before{
    content: "A";
    position: absolute;
    display: block;
    top: -1px;
    left: 0px;
    font-size: 15px;
    padding: 2px 9px;
    background: #8ec300;
    border-radius: 26px;
    font-weight: bold;
    color: #ffffff;
}
@media screen and (max-width: 699px) {
    .faq_text{
        font-size: 15px;
    }
}

.faqDesig1 li a{
    display: block;
    position: relative;
  font-weight: bold;
  padding: 20px 0 20px 46px;
    color: #121212;
}
.faqDesig1 li a:hover{
    color: #8EC300;
}
.faqDesig1 li a::before{
    content: "Q";
    position: absolute;
    display: block;
    top: 14px;
    left: 0px;
  font-size: 20px;
  padding: 2px 10px;
  background: #f1f0f9;
  border-radius: 26px;
    color: #121212 !important;
}
.faqDesig1 li a:hover::before{
    color: #121212;
}
.faqDesig1 li a::after{
  content: "\e909";
  color: inherit;
  font-family: 'icomoon' !important;
  font-weight: bold;
  vertical-align: -2px;
  display: inline-block;
  line-height: 1;
    top: 16px;
  margin-left: 20px;
}
/* お知らせ赤枠
=================================*/
.importantArea{
    border: 4px solid #8EC300;
    padding: 10px 20px;
    margin-bottom: 20px;
}
.importantArea .ttl{
    font-size: 20rem;
    font-weight: bold;
}
/* 汎用クラス
=================================*/
/*display*/
.displayNone{display: none;}
.blankNone::after{content:none !important;}
.noWrap{white-space:nowrap;}

/*PCサイズのみ表示(tab,sp非表示)*/
@media screen and (max-width: 899px) {
.pc {display: none!important}
}/*@media*/

/*PC～タブレットサイズのみ表示（sp非表示）*/
@media screen and (max-width: 699px) {
.pc-tab {display: none!important}
}/*@media*/

/*スマホサイズのみ表示（タブレット～PC非表示）*/
@media screen and (min-width: 700px) {
.sp {display: none!important}
}/*@media*/

/*スマホサイズのみ表示（タブレット～PC非表示）*/
@media screen and (min-width: 900px) {
.sp-tab {display: none!important}
}/*@media*/


/*画像のサイズを100％に*/
img.imgW100 {
    width: 100%!important;
    height: auto!important;
}

/*display*/
.inline,
.inline img {
    display: inline !important;
}

/*vertical-align*/
.vaBtm {vertical-align: bottom !important;}
.vaMid {vertical-align: middle !important;}
.vaTop {vertical-align: top !important;}

/*text-align*/
.taLeft {text-align: left !important;}
.taRight {text-align: right !important;}
.taCenter {text-align: center !important;}

/*background*/
.bgNone {background: transparent!important;}

/*border*/
.bdrNone {border: none!important;}

/*width*/
.w5 {width: 5% !important;}
.w10 {width: 10% !important;}
.w15 {width: 15% !important;}
.w20 {width: 20% !important;}
.w25 {width: 25% !important;}
.w30 {width: 30% !important;}
.w35 {width: 35% !important;}
.w40 {width: 40% !important;}
.w45 {width: 45% !important;}
.w50 {width: 50% !important;}
.w55 {width: 55% !important;}
.w60 {width: 60% !important;}
.w65 {width: 65% !important;}
.w70 {width: 70% !important;}
.w75 {width: 75% !important;}
.w80 {width: 80% !important;}
.w85 {width: 85% !important;}
.w90 {width: 90% !important;}
.w95 {width: 95% !important;}
.w100 {width: 100% !important;}

@media screen and (max-width: 899px) {
.w5,.w10,.w15,.w20,.w25,.w30,.w35,.w40,.w45,.w50,.w55,.w60,.w65,.w70,.w75,.w80,.w85,.w90,.w95,.w100 {
    width: auto !important;
}
}/*@media*/

/*margin*/
.mt0 {margin-top: 0px !important;}
.mt4 {margin-top: 4px !important;}
.mt8 {margin-top: 8px !important;}
.mt12 {margin-top: 12px !important;}
.mt16 {margin-top: 16px !important;}
.mt24 {margin-top: 24px !important;}
.mt32 {margin-top: 32px !important;}
.mt40 {margin-top: 40px !important;}
.mt48 {margin-top: 48px !important;}
.mt64 {margin-top: 64px !important;}
.mt80 {margin-top: 80px !important;}
.mb0 {margin-bottom: 0px !important;}
.mb4 {margin-bottom: 4px !important;}
.mb8 {margin-bottom: 8px !important;}
.mb12 {margin-bottom: 12px !important;}
.mb16 {margin-bottom: 16px !important;}
.mb24 {margin-bottom: 24px !important;}
.mb32 {margin-bottom: 32px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb48 {margin-bottom: 48px !important;}
.mb64 {margin-bottom: 64px !important;}
.mb80 {margin-bottom: 80px !important;}
.ml0 {margin-left: 0px !important;}
.ml4 {margin-left: 4px !important;}
.ml8 {margin-left: 8px !important;}
.ml12 {margin-left: 12px !important;}
.ml16 {margin-left: 16px !important;}
.ml24 {margin-left: 24px !important;}
.ml32 {margin-left: 32px !important;}
.ml40 {margin-left: 40px !important;}
.ml48 {margin-left: 48px !important;}
.ml64 {margin-left: 64px !important;}
.ml80 {margin-left: 80px !important;}

/*padding*/
.pt0 {padding-top: 0px !important;}
.pt4 {padding-top: 4px !important;}
.pt8 {padding-top: 8px !important;}
.pt12 {padding-top: 12px !important;}
.pt16 {padding-top: 16px !important;}
.pt24 {padding-top: 24px !important;}
.pt32 {padding-top: 32px !important;}
.pt40 {padding-top: 40px !important;}
.pt48 {padding-top: 48px !important;}
.pt64 {padding-top: 64px !important;}
.pt80 {padding-top: 80px !important;}
.pb0 {padding-bottom: 0px !important;}
.pb4 {padding-bottom: 4px !important;}
.pb8 {padding-bottom: 8px !important;}
.pb12 {padding-bottom: 12px !important;}
.pb16 {padding-bottom: 16px !important;}
.pb24 {padding-bottom: 24px !important;}
.pb32 {padding-bottom: 32px !important;}
.pb40 {padding-bottom: 40px !important;}
.pb48 {padding-bottom: 48px !important;}
.pb64 {padding-bottom: 64px !important;}
.pb80 {padding-bottom: 80px !important;}