@charset "utf-8";
/* =======================================

	pc CSS

========================================== */
.pc{
    display: none;
}
.pcTableBox{
    display: none;
}
.pcNewsCategory {
    display: none;
}

/* =======================================

	tablet CSS

========================================== */


/* =======================================

	sp CSS

========================================== */
.sp{
    display: block;
}
.spnavLink {
    display: block;
    text-align: center;
    background: #66CA97;
    padding: 10px;
}
.spnavLink a {
    display: block;
    color: #fff;
}
.tabNavAreaTop {
    padding: 20px 20px 0 20px;
}
.spTableBox{
    display: block;
}
.spNewsCategory {
    display: block;
}
.spPager {
    display: block;
}
/* =======================================

	text-decoration CSS

========================================== */
.spTable01{
    width: 100%;
    margin-bottom: 30px;
}
.title01 {
    font-size: 150%;
    font-weight: bold;
    line-height: 1.8em;
    float: left;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}
.title05 {
    font-size: 200%;
    font-weight: bold;
    margin-bottom: 50px;

}
.title07 {
    float: none;
    font-weight: bold;
    margin-top: 0;
    width: inherit;
}
/* =======================================

	btn CSS

========================================== */


.btn02 {
    display: inline-block;
    margin-right: 0;
    margin-bottom: 20px;
    font-weight: bold;
    font-size: 140%;
    width: 100%;
    height: 100px;
    line-height: 100px;
    border-radius: 5px;
}
.btn02 a {
    display: block;
    color: #fff;
    background-position: 81% center;
    background-repeat: no-repeat;
    text-align: center;
    text-decoration: none;
    background-size: 5%;
    background-image: url(../images/module/search02.svg);
}
.btn02 a:hover {
    display: block;
    color: #fff;
    background-position: 79% center;
    background-repeat: no-repeat;
    text-align: center;
    text-decoration: none;
    background-size: 5%;
    background-image: url(../images/module/search02.svg);
}

/* =======================================

	header CSS

========================================== */
.siteTitle {
    float: left;
    padding: 25px 0 0 20px;
    width: 60%;
}
.navListLink {
    padding: 15px 20px;
    display: none;
}
.siteTitle h1 {
    margin: inherit;
    width: 100%;
}
.siteTitle h1 img {
    width: 100%;
}
.tabNavAreaTop {
    padding: 0;
    position: relative;
    height: 80px;
}
.tabNavListBox {
    float: left;
    margin-left: 40px;
    position: inherit;
}

.tabNavListBox {
    float: right;
    margin-left: inherit;
    position: inherit;
    height: 80px;
    margin-right: 0;
}
#spNavToggle {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    background: #66CA97;
    padding: 23px;
    cursor: pointer;
    z-index: 101;
    margin-top: 1px;
}
.tabNavAreaBottom {
    padding: 0;
}
.tabNavAreaBottom .fa-user {
    margin-right: 0;
}
.tabNavAreaBottom .fa {
    display: block!important;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.tabNavAreaBottom li {
    float: left;
    width: 33.33333%;
    width: -webkit-calc(100% / 3);
    width: calc(100% / 3);
    text-align: center;
    font-size: 12px;
    box-sizing: border-box;

}
.tabNavAreaBottom li a {
    text-decoration: none;
    display: block;
    padding: 10px 0;
}
#gnav {
    position: fixed;
    width: 260px;
    height: 100%;
    padding: 0;
    top: 123px;
    right: -300px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    text-align: center;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    z-index: 100;
}
/* =======================================

	mainimg CSS

========================================== */
.pcMainImgBox .mainImgBoxInner {
    width: inherit;
    margin: 0 auto;
    position: absolute;
    bottom: 10%;
    left: 5%;
    display: none;
}
.spLeadBox {
    display: block;
}

/* =======================================

	homeBoxFirst CSS

========================================== */
.homeBoxFirst li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}
/* =======================================

	homeBoxSecond CSS

========================================== */
.tabMenu li {
    float: left;
    width: 50%;
    height: 50px;
    line-height: 50px;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
}
.homeBoxSecond .content dt {
    float: none;
    margin-right: 0;
    color: #8D8D8D;
    display: block;
    margin-bottom: 5px;
}
.homeBoxSecond .content dd {
    float: none;
    background-position: 0px 6px;
    padding-left: 15px;
    background-repeat: no-repeat;
    background-size: 7px;
    background-image: url(../images/module/arrow_green.svg);
}

/* =======================================

	homeBoxThird CSS

========================================== */


.btn01 {
    display: block;
    margin-right: 0;
    font-size: 14px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.homeBoxThird {
    background-position: inherit;
    background-repeat: no-repeat;
    background-size: inherit;
    background-image: none;
    padding: 70px 20px 60px;
}
.homeBoxThirdInner .left {
    width: inherit;
    float: none;
}
.homeBoxThirdInner .right {
    width: inherit;
    float: none;
    margin-top: 2em;
}
.homeBoxThirdInner .right img {
    width: 30%;
}
/* =======================================

	under CSS

========================================== */
.lowerContents {
    width: inherit;
    margin: 60px auto 90px;
    padding: 0 10px;
}
.lowerAllPage li {
    float: left;
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}
.squareBox02 {
    width: 70%;
    height: 200px;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #BBFFED), color-stop(0.00, #FFF4B6));
    background: -webkit-linear-gradient(top, #FFF4B6 0%, #BBFFED 88%);
    background: -moz-linear-gradient(top, #FFF4B6 0%, #BBFFED 88%);
    background: -o-linear-gradient(top, #FFF4B6 0%, #BBFFED 88%);
    background: -ms-linear-gradient(top, #FFF4B6 0%, #BBFFED 88%);
    background: linear-gradient(to right, #FFF4B6 0%, #BBFFED 110%);
    position: absolute;
    top: 80px;
    right: -10px;
}
.table01 td.pdfArrow {
    border-right: 1px dotted #c1c1c1;
    background-position: 25px center;
    background-repeat: no-repeat;
    background-size: 7px;
    padding-left: 40px;
    background-image: url(../images/module/arrow_green.svg);
}
.topicpath {

    display: none;

}
.spTopicpath {
    display: block;
    margin-bottom: -10px;
    padding: 15px 20px;
    line-height: 1.5;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #FFE58A), color-stop(0.00, #FFD0C5));
    background: -webkit-linear-gradient(top, #FFD0C5 0%, #FFE58A 88%);
    background: -moz-linear-gradient(top, #FFD0C5 0%, #FFE58A 88%);
    background: -o-linear-gradient(top, #FFD0C5 0%, #FFE58A 88%);
    background: -ms-linear-gradient(top, #FFD0C5 0%, #FFE58A 88%);
    background: linear-gradient(to right, #FFD0C5 0%, #FFE58A 88%);
}
.spTopicpath ul {
    margin: 0 auto;
    width: 1000px;
    list-style: none;
    font-size: 80%;
    text-transform: uppercase;
    color: #246163;
}
.spTopicpath li {
    float: left;
    padding-left: 25px;
    background-position: 10px;
    background-repeat: no-repeat;
    background-size: 5px;
    background-image: url(../images/module/topicpath.svg);
}
.spTopicpath li:first-child {
    background-image: none;
    padding-left: 0;
}
/* =======================================

	news CSS

========================================== */
.pagingContainer {
    text-align: center;
    position: relative;
    width: inherit;
    margin: 0px auto;
    margin-top: 120px;
}
.pagingContainer li.beforeLinkPage {
    position: absolute;
    left: 10%;
    top: -70px;
    margin-right: 0;
}
.pagingContainer li.afterLinkPage {
    position: absolute;
    right: 10%;
    top: -70px;
    margin-right: 0;
}
.newsLink {
    padding-left: 20px;
    background-position: 5px;
    background-repeat: no-repeat;
    background-size: 7px;
    margin-top: 10px;
    display: block;
    background-image: url(../images/module/arrow_green.svg);
}
.pagingTop {
    margin-bottom: 50px;
}

.pagingTop li.beforeLinkPage a {

    background-position: 21px;
    background-repeat: no-repeat;
    background-size: 7px;
    background-image: url(../images/module/arrow_green_before.svg);
}
.pagingTop li.afterLinkPage a {

    background-position: 90px;
    background-repeat: no-repeat;
    background-size: 7px;
    background-image: url(../images/module/arrow_green.svg);
}
.newsLowerContents {
    width: inherit;
    margin: 60px auto;
    margin-bottom: 80px;
    padding: 0 10px;
}
.newsBoxLeft {
    float: none;
    width: inherit;
    margin-right: 0;
    margin-bottom: 20px;
}
.newsBoxRight {
    float: none;
    margin-left: 0;
}
.pagingContainer li.afterLinkPage a {
    width: 120px;
    display: block;
    padding: 5px 10px;
    background-position: right 40px bottom 14px;
    background-repeat: no-repeat;
    background-size: 7px;
    background-image: url(../images/module/arrow_green.svg);
}
.pagingContainer li.beforeLinkPage a {
    background-position: left 40px bottom 14px;
    width: 120px;
    padding: 5px 10px;
    display: block;
    background-repeat: no-repeat;
    background-size: 7px;
    background-image: url(../images/module/arrow_green_before.svg);
}
.pagingContainer02 {
    text-align: center;
    position: relative;
    width: inherit;
    margin: 0 auto;
    margin-top: 100px;
}
.pagingContainer02 li.allPage {
    margin-right: 0;
}
.pagingContainer02 .beforeLinkPage {
    position: absolute;
    left: 10%;
    top: -60px;
}
.pagingContainer02 .beforeLinkPage {
    position: absolute;
    left: 10%;
    top: -50px;
    margin-right: 0;
}
.pagingContainer02 .afterLinkPage {
    position: absolute;
    right: 10%;
    top: -50px;
    margin-right: 0;
}
.pagingContainer02 li.afterLinkPage a {
    width: 120px;
    display: block;
    padding: 5px 10px;
    background-position: right 20px bottom 14px;
    background-repeat: no-repeat;
    background-size: 7px;
    background-image: url(../images/module/arrow_green.svg);
}
.pagingContainer02 li.beforeLinkPage a {
    background-position: left 20px bottom 14px;
    width: 120px;
    padding: 5px 10px;
    display: block;
    background-repeat: no-repeat;
    background-size: 7px;
    background-image: url(../images/module/arrow_green_before.svg);
}
.pagingContainer02 li.allPage a {
    background: #66cc99;
    color: #fff;
    width: 120px;
    padding: 5px 10px;
    display: block;
}
.newsSingleCategoryBox {
    width: inherit;
    margin: 0 auto;
    margin-bottom: 90px;
}
.dataTime {
    display: block;
    margin-right: 0;
    margin-bottom: 10px;
}
/* =======================================

	office CSS

========================================== */
.lowerBoxLeft {
    float: none;
    padding-right: 0;
    width: 100%;
    margin-bottom: 20px;
}
.lowerBoxRight {
    float: none;
    width: 100%;
}

/* =======================================

	contact CSS

========================================== */
.table02 th {
    background: #D9F4E7;
    display: block;
}
.table02 td {
    display: block;
}
.table02 .num {
    display: inline-block;
    width: 20%;
}
.steps {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 40px;
}
.boxSurround {
    margin: 20px 0;
    padding: 10px 15px;
}
.boxContactTelNum {
    margin-bottom: 20px;
}
.boxContactTelNum, .boxContactTelTime {
    width: 100%;
    float: none;
}
.boxContactTelTime {
    text-align: center;
}
/* =======================================

	footer CSS

========================================== */
.footerLeftBox {
    float: inherit;
    margin-bottom: 30px;
    display: none;
}
.footerInner {
    width: inherit;
    margin: 0 auto;
    padding: 0;
}
.spFooterBox {
    display: block;
    padding: 0 20px;
}
.fNav {
    float: none;
    margin-bottom: 30px;
    margin-left: 0;
    margin-top: 60px;
}
.fNav ul {
    float: none;
    margin-right: 0px;
    width: inherit;
}
.fNav ul li a {
    font-size: 14px;
    line-height: 2em;
    background-position: 30px center;
    background-repeat: no-repeat;
    padding-left: 15px;
    border-bottom: 1px solid #f2f2f2;
    padding: 10px 40px;
    display: block;
    background-size: 5px;
    background-image: url(../images/module/arrow_green.svg);
}
.fNav ul li ul li {
    padding-left: 0;
    margin-left: 0px;
    position: relative;
}
.fNav ul li ul li a {
    padding-left: 60px;
    background: none;
}
.fNav ul li ul li:before {
    content: "-";
    color: #000;
    left: 45px;
    top: 13px;
    position: absolute;
}

.copyright {
    color: #808080;
    margin-top: 0;
    font-size: 11px;
    padding: 20px;
}

#pageTop a {
    width: 100%;
    height: 60px;
    background: #66CC99;
    border-radius: 0;
    background-position: center;
    position: absolute;
    display: block;
    background-repeat: no-repeat;
    background-size: 20px;
    background-image: url(../images/module/pagetop.svg);
    right: 0;
}
#footerBorder:before, #footerBorder:after {
    content: "";
    display: block;
    height: 5px;
    width: 100%;
    background: none;

}
.fukuninDetailHeaderImage {
  width: auto;
  max-width: 350px;
  margin: 0 auto 40px;
}
.fukuninDetailHeaderText {
  width: 100%;
}

/* =======================================

	home slide CSS

========================================== */
.pc-tab {
  display: none;
}
/* =======================================

	fukunin CSS

========================================== */
.fukuninBtnBox li {
  width: 100%;
  margin: 0 0 20px;
}
.fukuninBtnBox li a {
  min-height: inherit;
  display: block;
}
.col2Box .lowerBoxInner2 {
  width: 100%;
}
.fukuninBtnBox2 a {
  width: 100%;
}
.officeList {
  display: block;
  max-width: 350px;
  margin: 40px auto 60px;
}
.officeList li {
  display: block;
}
.officeList li .officeListItemPh {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.officeList li .officeListItemInfo {
  width: 100%;
}
.ph_pc {
  display: none;
}
.ph_sp {
  display: block;
}
/* =======================================

	2018.02.09 小島追加css

========================================== */
.liowerBoxInner .left {
    float: none;
    padding-right: 0;
    width: inherit;
    box-sizing: border-box;
}
.liowerBoxInner .right {
    float: none;
    width: inherit;
    text-align: center;
    margin-top: 5%;
}
.liowerBoxInner .right img {
    width: 70%;
}