@charset "UTF-8";
html {
-webkit-print-color-adjust: exact;
}

@media screen and (min-width: 940px), print {
.kokoHonbu .nav-ber {
display: table;
table-layout: fixed;
width: 980px;
height: 60px;
margin-bottom: 30px;
border-radius: 4px;
background: #0751b9;
}
.kokoHonbu .nav-ber > .item {
display: table-cell;
position: relative;
color: #fff;
text-decoration: none;
text-align: center;
vertical-align: middle;
line-height: 1.4;
}
.kokoHonbu .nav-ber > .item:after {
display: inline-block;
position: absolute;
right: -2px;
bottom: 5px;
left: auto;
width: 1px;
height: 50px;
border-radius: 1px;
background-color: #fff;
content: "";
}
.kokoHonbu .nav-hamburger {
display: none;
}
}

@media screen and (min-width: 640px) {
.kokoHonbu .nav-ber {
display: table;
table-layout: fixed;
width: 100%;
height: 60px;
margin-bottom: 30px;
border-radius: 4px;
background: #0751b9;
}
.kokoHonbu .nav-ber > .item {
display: table-cell;
position: relative;
color: #fff;
text-decoration: none;
text-align: center;
vertical-align: middle;
line-height: 1.4;
}
.kokoHonbu .nav-ber > .item:after {
display: inline-block;
position: absolute;
right: -2px;
bottom: 5px;
left: auto;
width: 1px;
height: 50px;
border-radius: 1px;
background-color: #fff;
content: "";
}
.kokoHonbu .nav-hamburger {
display: none;
}
}

@media screen and (max-width: 640px) {
.kokoHonbu .nav-ber {
display: none;
}
.kokoHonbu .nav-hamburger {
display: block;
box-sizing: border-box;
position: relative;
width: 100%;
min-height: 42px;
margin-bottom: 15px;
background-color: #0751b9;
color: #fff;
text-align: center;
/*クリックで中身表示*/
}
.kokoHonbu .nav-hamburger span {
line-height: 42px;
}
.kokoHonbu .nav-hamburger div {
position: relative;
width: 42px;
height: 42px;
float: right;
}
.kokoHonbu .nav-hamburger input {
opacity: 0;
}
.kokoHonbu .nav-hamburger .accshow {
display: none;
overflow: hidden;
height: 0;
margin-bottom: 35px;
padding: 0;
opacity: 0;
-webkit-transition: .4s;
transition: .4s;
}
.kokoHonbu .nav-hamburger .accshow a {
display: block;
width: 100%;
padding: 6px 0;
border-bottom: solid 1px #d8dcdf;
text-align: center;
}
.kokoHonbu .nav-hamburger .accshow a:last-child {
border-top: none;
border-bottom: none;
}
.kokoHonbu .nav-hamburger .cssacc:focus + .menu-trigger {
border-color: #1589ee;
box-shadow: 0 0 5px #1589ee;
}
.kokoHonbu .nav-hamburger .cssacc:checked + .menu-icon + .menu-trigger + .accshow {
display: block;
box-sizing: border-box;
position: relative;
z-index: 2;
width: 100%;
height: 237px;
border: solid 1px #d8dcdf;
background: #f5f9ff;
opacity: 1;
-webkit-transition: .4s;
transition: .4s;
}
.kokoHonbu .nav-hamburger .menu-trigger,
.kokoHonbu .nav-hamburger .menu-icon hr {
border: none;
margin: 0;
display: inline-block;
box-sizing: border-box;
-webkit-transition: all .4s;
transition: all .4s;
}
.kokoHonbu .nav-hamburger .menu-trigger {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 42px;
line-height: 42px;
/*add to20190219*/
cursor: pointer;
}
.kokoHonbu .nav-hamburger .menu-icon hr {
position: absolute;
right: 0;
width: 30px;
height: 4px;
background-color: #fff;
}

.kokoHonbu .nav-hamburger .menu-icon h{
position: absolute;
right: 0;
width: 30px;
height: 4px;
background-color: #fff;
}
.kokoHonbu .nav-hamburger .menu-icon hr:nth-of-type(1) {
top: 7px;
right: 7px;
}
.kokoHonbu .nav-hamburger .menu-icon hr:nth-of-type(2) {
top: 19px;
right: 7px;
}
.kokoHonbu .nav-hamburger .menu-icon hr:nth-of-type(3) {
right: 7px;
bottom: 7px;
}
.kokoHonbu .nav-hamburger .cssacc:checked + .menu-icon hr:nth-of-type(1) {
-webkit-transform: translateY(12px) rotate(-45deg);
transform: translateY(12px) rotate(-45deg);
}
.kokoHonbu .nav-hamburger .cssacc:checked + .menu-icon hr:nth-of-type(2) {
opacity: 0;
}
.kokoHonbu .nav-hamburger .cssacc:checked + .menu-icon hr:nth-of-type(3) {
-webkit-transform: translateY(-12px) rotate(45deg);
transform: translateY(-12px) rotate(45deg);
}
}

.kokoHonbu h1 {
position: relative;
margin-top: 10px;
margin-bottom: 30px;
padding-top: 3px;
padding-bottom: 3px;
border-top: none;
border-bottom: none;
border-left: solid 5px #0751b9;
background: none;
font-size: 1.6em;
}

.kokoHonbu h1:after,
.kokoHonbu h2:after,
.kokoHonbu h2 a:after,
.kokoHonbu h3 a:after {
content: "";
height: 0px;
}

.kokoHonbu h1:before {
top: -10px;
left: 0;
width: calc(100% + 5px);
margin: 0 0 0 -5px;
border-top: solid 1px #d9d9d9;
content: "";
}

.kokoHonbu #subContentsBlock h2 {
border-left: solid 5px #0751b9;
}

@media screen and (max-width: 479px) {
.kokoHonbu h1 {
margin-bottom: 10px;
font-size: 1.25em;
}
}

.kokoHonbu h2 {
margin: 35px 0 0 0;
margin-bottom: 5px;
padding: 6px 10px;
border: none;
border-left: solid 5px #0751b9;
background: #ededed;
font-size: 1.45em;
}

.kokoHonbu h2 a {
background-image: url(../../img/arrow_card.png);
background-size: 18px;
}

.kokoHonbu h3 {
border-bottom: 1px dotted #898989;
background: none;
font-size: 1.2em;
}

.kokoHonbu h3 a {
background-image: url(../../img/arrow_card.png);
background-size: 18px;
}

@media screen and (max-width: 479px) {
.kokoHonbu h1 {
font-size: 1.25em;
}
.kokoHonbu h2 {
font-size: 1.25em;
}
.kokoHonbu h3 {
font-size: 1.1em;
}
}

@media screen and (min-width: 640px), print {
.kokoHonbu .first-block.-top,
.kokoHonbu .pickUp.-top,
.kokoHonbu .news.-top {
margin-top: 35px;
border: solid 1px #d9d9d9;
border-radius: 3px;
}
.kokoHonbu .first-block.-top .pickUp > .caption,
.kokoHonbu .pickUp.-top .pickUp > .caption,
.kokoHonbu .news.-top .pickUp > .caption {
top: 32px;
}
}

.kokoHonbu .first-block dl,
.kokoHonbu .pickUp dl,
.kokoHonbu .news dl,
.kokoHonbu .news2 dl {
position: relative;
}

.kokoHonbu .first-block dt,
.kokoHonbu .pickUp dt,
.kokoHonbu .news dt,
.kokoHonbu .news2 dt {
position: relative;
padding: 20px 0 0 0;
}

.kokoHonbu .first-block dd,
.kokoHonbu .pickUp dd,
.kokoHonbu .news dd,
.kokoHonbu .news2 dd{
position: relative;
margin: 0;
padding: 12px 0 20px 20px;
border-bottom: dotted 1px #898989;
background: none;
}

.kokoHonbu .first-block dd:last-child,
.kokoHonbu .pickUp dd:last-child,
.kokoHonbu .news dd:last-child,
.kokoHonbu .news2 dd:last-child {
border-bottom: none;
}

.kokoHonbu .first-block {
box-sizing: border-box;
position: relative;
margin: 2px 2px 35px 2px;
padding: 15px;
border: solid 3px #fff;
border-radius: 3px;
background: #eaf9f9;
box-shadow: 0 0 3px 1px #d9d9d9;
}

.kokoHonbu .first-block > .title {
margin-bottom: 5px;
padding: 3px 0 0 10px;
border: none;
border-left: solid 5px #0751b9;
background: none;
}

@media screen and (max-width: 479px) {
.kokoHonbu .first-block {
box-sizing: border-box;
position: relative;
padding: 15px;
border: solid 1px #fff;
border-radius: 3px;
background: #eaf9f9;
box-shadow: 0 0 3px 1px #d9d9d9;
}
}

.kokoHonbu .pickUp,
.kokoHonbu .news {
box-sizing: border-box;
position: relative;
width: 100%;
padding: 20px;
border: none;
/*border-radius: none;*/
background: #f8f8f8;
}

.kokoHonbu .news2{
box-sizing: border-box;
position: relative;
width: 100%;
padding: 20px;
border: none;
/*border-radius: none;*/
}

.kokoHonbu .pickUp.-top > .title,
.kokoHonbu .news.-top > .title {
display: inline-block;
position: relative;
padding: 0 3px 5px 0;
border: none;
border-bottom: solid 4px #0751b9;
background: none;
}

.kokoHonbu .pickUp.-top > .borderLine,
.kokoHonbu .news.-top > .borderLine {
bottom: 6px;
}

.kokoHonbu .pickUp > .title,
.kokoHonbu .news > .title {
display: inline-block;
position: relative;
padding: 0 3px 3px 0;
border: none;
background: none;
}

.kokoHonbu .pickUp > .borderLine,
.kokoHonbu .news > .borderLine {
display: block;
position: relative;
bottom: 1px;
left: 0;
width: 100%;
margin: 0 !important;
border: none;
border-bottom: solid 2px #0751b9;
}

.kokoHonbu .pickUp > .caption,
.kokoHonbu .news > .caption {
position: absolute;
top: 28px;
right: 20px;
font-size: .8em;
text-align: right;
}

.kokoHonbu .pickUp > .bulletLink,
.kokoHonbu .news > .bulletLink {
display: inline-block;
position: absolute;
top: 28px;
right: 20px;
padding: 3px 10px 3px 20px;
background: #0751b9 url(../../img/arrow_white.png) 5px 50% no-repeat;
background-size: 10px auto;
color: #fff;
font-size: .9em;
}

@media screen and (max-width: 640px) {
.kokoHonbu .pickUp > .caption, .kokoHonbu .pickUp .bulletLink,
.kokoHonbu .news > .caption,
.kokoHonbu .news .bulletLink {
top: 15px;
}
.kokoHonbu .pickUp.-top > .caption, .kokoHonbu .pickUp .bulletLink,
.kokoHonbu .news.-top > .caption,
.kokoHonbu .news .bulletLink {
top: 20px;
}
}

.kokoHonbu .first-block2 {
box-sizing: border-box;
position: relative;
margin: 0 0 35px;
padding: 15px;
border-radius: 3px;
background: #e1f2f6;
}

.kokoHonbu .first-block2 > .title {
position: relative;
margin-bottom: 5px;
padding: 0 0 0 10px;
border: none;
border-left: solid 5px #0751b9;
background: none;
}

.kokoHonbu .first-block2 > .title:after {
position: absolute;
bottom: -10px;
left: 0;
width: calc(100% + 5px);
margin-left: -5px;
border-bottom: 1px dotted #898989;
content: "";
}

.kokoHonbu .first-block2 > p {
display: block;
padding: 10px 0 0 0;
}

.kokoHonbu .first-block2 > .image {
float: right;
width: 140px;
height: auto;
margin: 20px;
padding: 5px;
border: solid 1px #d2d2d2;
background: #fff;
text-align: center;
vertical-align: middle;
}

.kokoHonbu .first-block2 > .button {
display: inline-block;
width: 230px;
margin: 0 15px 15px 0;
padding: 10px 0;
border: solid 1px #0751b9;
border-radius: 3px;
background: #fff;
/*text-align: center;*/
}

.kokoHonbu .first-block2 > .button a {
display: inline-block;
width: 100%;
height: 100%;
text-decoration: none;
}

.kokoHonbu .first-block2 > .button a:before {
padding: 0 25px 0 0;
background: url(../../img/arrow_circle_blue.png) no-repeat 40% 40%;
background-size: 15px auto;
content: "";
}

@media screen and (max-width: 479px) {
.kokoHonbu .first-block2 .first-block2-button {
margin: 0 0 15px 0;
text-align: left;
}
}

.kokoHonbu #contentsArea #mainContents > h3 {
margin-left: 15px;
}

.kokoHonbu #contentsArea #mainContents > h4 {
margin-left: 15px;
}

.kokoHonbu #contentsArea #mainContents > p {
margin-left: 15px;
}

.kokoHonbu #contentsArea #mainContents > ul {
margin-left: 15px;
}

.kokoHonbu #contentsArea #mainContents > dl {
margin-left: 15px;
}

.kokoHonbu #contentsArea #mainContents .bulletList > li {
padding: 4px 10px 4px 25px;
background: url(../../img/arrow_card.png) no-repeat 0 7px;
background-size: 16px auto;
}

.kokoHonbu #contentsArea #mainContents .bulletList > li:before {
content: "";
padding-left: 20px;
}

.kokoHonbu .f-bold {
font-weight: bold;
}

.kokoHonbu .list-link li {
padding: 3px 0;
}

.kokoHonbu .pageTop {
text-align: right;
}

.kokoHonbu .pageTop a {
background-image: url(../../img/arrow_blue_up.png);
background-size: 17px auto;
}

.kokoHonbu .pageTop a:after {
content: "";
padding-right: 17px;
}

.kokoHonbu .sns-link {
width: 100%;
text-align: center;
letter-spacing: -.9em;
margin-bottom: 10px;
}

.kokoHonbu .sns-link a img {
display: inline-block;
box-sizing: border-box;
width: calc(100% / 3.1);
padding: 0 10px;
letter-spacing: normal;
}

@media screen and (max-width: 960px) {
.kokoHonbu .sns-link a img {
width: calc(40% / 3);
height: auto;
}
}

@media screen and (max-width: 640px) {
.kokoHonbu .sns-link a img {
width: calc(50% / 3);
height: auto;
}
}

@media screen and (max-width: 479px) {
.kokoHonbu .sns-link a img {
width: calc(80% / 3);
height: auto;
}
}

.kokoHonbu .tableBase.-w100 {
width: 100%;
}

@media screen and (max-width: 640px) {
.kokoHonbu .tableBase.-w100 {
display: table;
}
}

.kokoHonbu .topicsList dt {
padding: 10px 0 0;
font-weight: normal;
}

@media screen and (min-width: 640px), print {
.kokoHonbu .topicsList dd {
padding: 10px 0 10px 10em;
}
}

@media screen and (max-width: 640px) {
.kokoHonbu .topicsList dd {
padding: 5px 0 10px;
}
}

.kokoHonbu .topicsList dd a {
padding-left: 25px;
background: url(../../img/arrow_blue.png) no-repeat 0 3px;
background-size: 15px auto;
}

.kokoHonbu .topicsList dd a:before {
content: "";
}

.kokoHonbu #contentsArea dl {
margin: 0;
}

.kokoHonbu .index-link {
margin-bottom: 15px;
border: 1px solid #d9d9d9;
border-radius: 3px;
background: #f8f8f8;
}

.kokoHonbu .index-link > span {
display: block;
padding: 15px 0 0 15px;
font-weight: bold;
}

.kokoHonbu .index-link > ul {
list-style-type: none;
margin: 5px 0 !important;
}

.kokoHonbu .index-link > ul > li {
display: inline-block;
position: relative;
margin-left: 15px !important;
padding: 5px 5px 5px 0;
text-decoration: none;
}

.kokoHonbu .index-link > ul > li > a {
padding-left: 20px;
background: url(../../img/arrow_blue_down.png) no-repeat left center;
background-size: 15px auto;
}

.kokoHonbu .seisaku {
margin-top: 35px;
}

.kokoHonbu .seisaku .text {
padding: 6px 0;
border-bottom: dotted 1px #898989;
}

@media screen and (max-width: 640px) {
.kokoHonbu .seisaku {
margin-top: 25px;
}
}

.kokoHonbu .book-link {
display: inline-block;
width: 150px;
margin: 10px 12px 20px 10px;
vertical-align: top;
}

.kokoHonbu .book-link img {
width: 100%;
height: auto;
}

.kokoHonbu .book-link a {
padding-top: 3px;
padding-right: 25px;
padding-bottom: 3px;
background: url(../../img/arrow_card.png) no-repeat right center;
background-size: 15px;
font-size: 1em;
}

@media screen and (max-width: 479px) {
.kokoHonbu .book-link {
display: inline-block;
width: 150px;
margin: 10px 10px 20px 10px;
vertical-align: top;
}
.kokoHonbu .book-link img {
width: 100%;
}
}

.kokoHonbu .banner-link {
margin: 20px 0 0 15px !important;
}

.kokoHonbu .banner-link > div:first-child {
display: inline-block;
position: relative;
width: 260px;
height: 114px;
border: solid 1px #d2d2d2;
vertical-align: middle;
}

.kokoHonbu .banner-link > div:first-child > div {
overflow: hidden;
width: 100%;
height: 100%;
text-align: center;
}

.kokoHonbu .banner-link > div:first-child > div img {
display: inline-block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto;
margin: auto;
vertical-align: middle;
}

.kokoHonbu .banner-link > div:last-child {
display: inline-block;
width: calc(100% - 290px);
margin-left: 10px;
vertical-align: middle;
}

.kokoHonbu .banner-link .bulletList {
margin: 0 !important;
padding: 0 !important;
}

@media screen and (max-width: 479px) {
.kokoHonbu .banner-link {
margin: 20px 0 0 0 !important;
}
.kokoHonbu .banner-link div:first-child {
display: block;
width: calc(100% - 2px);
}
.kokoHonbu .banner-link div:last-child {
display: block;
width: calc(100% - 2px);
margin: 0 0 20px 0;
padding: 0;
}
}

.kokoHonbu .chip {
display: inline-block;
position: relative;
width: 48px;
margin: 0 12px 0 0;
padding: 2px 8px;
border-radius: 4px;
background: #333;
color: #fff;
text-align: center;
}

.kokoHonbu .chip-honbu > .chip {
background: #0751b9;
}

.kokoHonbu .chip-honbu + dd > a:before {
position: absolute;
left: 2px;
width: 18px;
height: 18px;
background: url(../../img/news_honbu.png) no-repeat 0 2px;
background-size: 15px auto;
content: "";
}

.kokoHonbu .chip-shoushi > .chip {
background: #01614e;
}

.kokoHonbu .chip-shoushi + dd > a:before {
position: absolute;
left: 2px;
width: 18px;
height: 18px;
background: url(../../img/news_shoushi.png) no-repeat 0 2px;
background-size: 15px auto;
content: "";
}

.kokoHonbu .chip-shinseido > .chip {
background: #a22462;
}

.kokoHonbu .chip-shinseido + dd > a:before {
position: absolute;
left: 2px;
width: 18px;
height: 18px;
background: url(../../img/news_shinseido.png) no-repeat 0 2px;
background-size: 15px auto;
content: "";
}

.kokoHonbu .card-block {
display: table;
table-layout: fixed;
border-spacing: 0;
border-collapse: separate;
width: 100%;
}

.kokoHonbu .pickUp-block:last-child {
border-bottom: none;
}

.kokoHonbu .link-card2 {
display: table-cell;
max-width: 400px;
border: 1px solid #0751b9;
border-radius: 3px;
background: #fff;
vertical-align: top;
}

.kokoHonbu .link-card2 h3 {
margin: 0;
padding: 12px;
background: #0751b9;
}

.kokoHonbu .link-card2 h3 a {
background-image: url(../../img/arrow_card_rev.png) !important;
color: #fff;
}

.kokoHonbu .link-card2 img {
width: 100%;
height: auto;
}

.kokoHonbu .link-card2 .content {
padding: 10px;
text-align: left;
}

.kokoHonbu .link-card2 .content ul {
margin: 0 0 10px !important;
}

.kokoHonbu .link-card2 .content ul li {
padding: 2px 0 2px 0;
}

.kokoHonbu .link-card2 .text {
margin: 0 !important;
padding: 0 0  6px;
border-bottom: dotted 1px #898989;
}

@media screen and (min-width: 640px), print {
.kokoHonbu .link-card {
display: table-cell;
overflow: hidden;
position: relative;
max-width: 400px;
height: 234px;
border: 1px solid #d9d9d9;
border-radius: 3px;
background: #f8f8f8;
vertical-align: top;
}
.kokoHonbu .link-card > .content {
display: block;
height: 130px;
border-radius: 3px;
background: #fff;
}
.kokoHonbu .link-card > .content > .image {
display: block;
height: 100%;
margin: 0 auto;
}
.kokoHonbu .link-card > .title {
display: block;
overflow: hidden;
position: relative;
bottom: 0;
height: auto;
min-height: 70px;
margin: 0 !important;
padding: 10px;
background: #f8f8f8;
font-weight: bold;
text-align: center;
}
.kokoHonbu .link-card:after {
position: absolute;
right: 5px;
bottom: 5px;
width: 15px;
height: 15px;
background: url(../../img/arrow_card.png);
background-size: 15px auto;
content: "";
}
.kokoHonbu .card-block {
display: table;
table-layout: fixed;
border-spacing: 5px;
border-collapse: separate;
width: 100%;
margin: 10px -5px 0;
}
.kokoHonbu .card-block2 {
display: table;
table-layout: fixed;
border-spacing: 5px 0;
border-collapse: separate;
width: 100%;
margin: 15px 0;
text-align: center;
}
.kokoHonbu .pickUp-block {
display: block;
width: 100%;
height: 100%;
padding: 10px 0;
border-bottom: dotted 1px #898989;
text-decoration: none;
letter-spacing: -.9em;
}
.kokoHonbu .pickUp-block > .content {
display: inline-block;
width: 90px;
height: 90px;
padding: 1px;
border: 1px solid #d9d9d9;
background: #fff;
text-align: center;
}
.kokoHonbu .pickUp-block > .content > img {
width: 88px;
height: 88px;
vertical-align: middle;
}
.kokoHonbu .pickUp-block > .title {
display: inline-block;
position: relative;
width: calc(100% - 170px);
padding: 0 30px;
text-decoration: underline;
vertical-align: middle;
letter-spacing: normal;
}
.kokoHonbu .pickUp-block > .title::before {
position: absolute;
left: 10px;
width: 18px;
height: 18px;
background: url(../../img/arrow_blue.png) no-repeat 0 2px;
background-size: 15px auto;
content: "";
}
.kokoHonbu .pickUp-block > .no-image {
display: block;
width: auto;
}
}

@media screen and (max-width: 640px) {
.kokoHonbu .link-card {
display: block;
overflow: hidden;
position: relative;
width: 100%;
margin: 0 0 6px 0;
border: 1px solid #d9d9d9;
border-radius: 3px;
background: #f8f8f8;
letter-spacing: -.4em;
/* 文字間を詰めて隙間をなくす */
}
.kokoHonbu .link-card > .content {
display: inline-block;
width: 45%;
letter-spacing: normal;
}
.kokoHonbu .link-card > .content > .image {
width: 100%;
height: auto;
background: #fff;
vertical-align: middle;
}
.kokoHonbu .link-card > .title {
display: inline-block;
overflow: hidden;
width: calc(55% - 25px);
height: 100%;
margin: 0 !important;
padding: 10px;
background: #f8f8f8;
color: #0b4199;
font-weight: bold;
vertical-align: middle;
letter-spacing: normal;
}
.kokoHonbu .link-card > .title:after {
position: absolute;
right: 5px;
bottom: 5px;
width: 15px;
height: 15px;
background: url(../../img/arrow_card.png);
background-size: 15px auto;
content: "";
}
.kokoHonbu .card-block2 {
display: table;
table-layout: fixed;
border-spacing: 5px;
width: 100%;
margin: 15px 0;
text-align: center;
}
.kokoHonbu .link-card2 {
display: block;
margin-bottom: 20px;
}
.kokoHonbu .link-card2 h3 {
padding: 10px 10px;
}
.kokoHonbu .pickUp-block {
display: block;
width: 100%;
height: 100%;
padding: 10px 0;
border-bottom: dotted 1px #898989;
text-decoration: none;
letter-spacing: -.4em;
}
.kokoHonbu .pickUp-block > .content {
display: inline-block;
padding: 1px;
border: 1px solid #d9d9d9;
background: #fff;
text-align: center;
letter-spacing: normal;
}
.kokoHonbu .pickUp-block > .content > img {
width: 60px;
height: 60px;
vertical-align: middle;
}
.kokoHonbu .pickUp-block > .title {
display: inline-block;
overflow: hidden;
position: relative;
width: calc(100% - 85px);
height: 100%;
margin: 0 !important;
padding: 10px 0 10px 20px;
color: #0b4199;
text-decoration: underline;
vertical-align: middle;
letter-spacing: normal;
}
.kokoHonbu .pickUp-block > .title:before {
position: absolute;
left: 2px;
width: 18px;
height: 18px;
background: url(../../img/arrow_blue.png) no-repeat 0 2px;
background-size: 15px auto;
content: "";
}
.kokoHonbu .pickUp-block > .no-image {
display: block;
width: auto;
}
}

.kokoHonbu .bannerRightCol-link {
display: table;
width: 100%;
min-height: 70px;
margin: 0 0 10px 0;
background: #ededed;
text-align: center;
}

.kokoHonbu .bannerRightCol-link span {
display: table-cell;
vertical-align: middle;
}

.kokoHonbu .bannerRightCol-link img {
width: 100%;
height: auto;
}

.kokoHonbu .contact-link {
display: table;
box-sizing: border-box;
width: 100%;
height: 60px;
margin: 0 0 10px 0;
padding: 8px;
border: 10px solid #eaf9f9;
background: #eaf9f9;
box-shadow: 0 0 0 2px #fff inset;
text-align: center;
}

.kokoHonbu .footerMenu {
position: relative;
clear: both;
width: 100%;
}

.kokoHonbu .footerMenu:before {
display: block;
position: absolute;
top: 0;
left: 50%;
width: 3000px;
height: 100%;
border-bottom: 1px solid #d9d9d9;
background: #ededed;
content: "";
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}

.kokoHonbu .footerMenu > div {
position: relative;
width: 980px;
margin: auto;
padding: 10px;
}

.kokoHonbu .footerMenu > div > div {
display: inline-block;
width: 30%;
height: 450px;
padding: 10px;
border-left: solid 1px #d9d9d9;
vertical-align: top;
line-height: 30px;
}

.kokoHonbu .footerMenu > div > div > div {
margin: 0 0 10px 10px;
background: #e0e0e0;
}

.kokoHonbu .footerMenu > div > div > div > a {
box-sizing: border-box;
position: relative;
width: calc(100% - 15px);
padding: 2px 0 2px 20px;
}

.kokoHonbu .footerMenu > div > div > div > a::before {
position: absolute;
top: 5px;
left: 2px;
width: 15px;
height: 15px;
background: url(../../img/arrow_blue.png);
background-size: 15px auto;
content: "";
}

.kokoHonbu .footerMenu > div > div > ul {
margin: 0 0 20px 0;
}

.kokoHonbu .footerMenu > div > div > ul > li {
list-style: none;
position: relative;
padding: 0 0 0 10px;
}

.kokoHonbu .footerMenu > div > div > ul > li::before {
position: absolute;
top: 7px;
left: 0;
width: 10px;
height: 10px;
background: url(../../img/arrow_footer.png);
background-size: 10px auto;
content: "";
}

.kokoHonbu .footerMenu > div > div > ul > li > a {
padding: 0 0 0 15px;
font-size: .85em;
}

.kokoHonbu .footerMenu > div > div hr {
display: block;
margin: 10px 0;
border: none;
border-bottom: dotted 1px #d9d9d9;
}

.kokoHonbu .footerMenu > div > div:last-child {
border-right: solid 1px #d9d9d9;
}

@media screen and (max-width: 960px) {
.kokoHonbu .footerMenu {
width: 100vw;
margin-top: 20px;
background: #ededed;
}
.kokoHonbu .footerMenu > div {
width: 93vw;
margin: auto;
padding: 30px 0 10px;
}
.kokoHonbu .footerMenu > div > div {
display: block;
width: calc(100% - 50px);
height: auto;
padding: 0;
border-left: none;
vertical-align: top;
line-height: 30px;
}
.kokoHonbu .footerMenu > div > div > div {
margin: 0 0 15px 0;
background: #e0e0e0;
}
.kokoHonbu .footerMenu > div > div > div > a {
padding: 2px 0 2px 20px;
}
.kokoHonbu .footerMenu > div > div > ul {
margin: 0 0 20px 0;
}
.kokoHonbu .footerMenu > div > div > ul > li {
position: relative;
padding: 0 0 0 10px;
}
.kokoHonbu .footerMenu > div > div span {
display: block;
margin: 10px 0;
border-bottom: dotted 1px #d9d9d9;
}
.kokoHonbu .footerMenu > div > div:last-child {
border-right: none;
}
}

@media screen and (max-width: 479px) {
.kokoHonbu .footerMenu > div > div > a {
font-size: .95em;
}
.kokoHonbu .footerMenu > div > div > ul li a {
font-size: .87em;
}
}

#container {
overflow: hidden;
}

.kokoHonbu #contentsArea {
overflow: visible;
margin-bottom: 1px;
}

#contentsArea #mainContentsBlock {
overflow: visible;
}

@media screen and (max-width: 640px) {
.kokoHonbu #mainContents .pickUp,
.kokoHonbu #mainContents .news {
width: auto;
margin: 0 -15px;
padding: 15px 15px;
}
.footerMenu {
width: 100%;
}
}