@charset "UTF-8";
 html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
} html {
line-height: 1;
} ol, ul {
list-style: none;
} table {
border-collapse: collapse;
border-spacing: 0;
} caption, th, td {
text-align: left;
font-weight: normal;
vertical-align: middle;
} q, blockquote {
quotes: none;
} q:before, q:after, blockquote:before, blockquote:after {
content: "";
content: none;
} a img {
border: none;
} article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
} .flex-wrap {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
} .flex-col-wrap {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
} .flex-col {
flex-direction: column;
} .flex-end {
justify-content: flex-end;
} .align-items-center {
align-items: center;
} .mb1e {
margin-bottom: 1em;
} body {
font-size: 20px;
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
} body * {
box-sizing: border-box;
} body a {
color: #112D7B;
} #top {
-webkit-transition: background 0.5s ease-in;
-moz-transition: background 0.5s ease-in;
-o-transition: background 0.5s ease-in;
transition-image: background 0.5s ease-in;
background: url(//www.kazamaura.jp/cms/wp-content/themes/kazamaura/images/slider/01.jpg) no-repeat;
background-position: center center;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
width: 100%;
height: 100vh;
overflow: scroll;
position: relative;
z-index: 1;
} #top.intro::before { background-color: rgba(0, 0, 0, 0.5); position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: ' ';
z-index: -1000;
} #top * {
box-sizing: border-box;
} #top img {
width: 100%;
height: auto;
} #top a {
text-decoration: none;
} #top #main-header #header-wrapper {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
} #top #main-header #header-wrapper #header-logo {
width: 25%;
} #top #main-header #header-wrapper #header-accesibility {
margin: 1%;
margin-left: auto;
} #top #main-header #header-wrapper #header-accesibility #header-accesibility-upper {
height: 2.4em;
} #top #main-header #header-wrapper #header-accesibility #header-accesibility-upper #language-chenge a {
background: rgba(0, 0, 0, 0.5);
height: 100%;
padding: 0 1em;
color: #fff;
border: 1px solid #fff;
} #top #main-header #header-wrapper #header-accesibility #header-accesibility-upper #font-size-change {
margin-left: 1em;
background: #1C82AA;
border: 1px solid #fff;
padding: 0 1em;
} #top #main-header #header-wrapper #header-accesibility #header-accesibility-upper #font-size-change .font-size-change-index {
margin-right: 1em;
color: #fff;
} #top #main-header #header-wrapper #header-accesibility #header-accesibility-upper #font-size-change a {
color: #fff;
} #top #main-header #header-wrapper #header-accesibility #header-accesibility-upper #font-size-change .large-font {
font-size: 130%;
color: #fff;
} #top #main-header #header-wrapper #header-accesibility #header-accesibility-lower {
height: 2em;
} #top #main-header #header-wrapper #header-accesibility #header-accesibility-lower .color-change-index {
background: #650000;
margin-right: 1em;
color: #fff;
height: 100%;
border: 1px solid #fff;
padding: .5em 1em 0;
} #top #main-header #header-wrapper #header-accesibility #header-accesibility-lower .heightone-color a,
#top #main-header #header-wrapper #header-accesibility #header-accesibility-lower .basic-color a {
display: block;
padding: .5em .4em;
height: 2em;
width: 2em;
text-align: center;
background: #fff;
color: #000;
} #top #main-header #header-wrapper #header-accesibility #header-accesibility-lower .heightone-color a {
background: #000;
color: #FFD800;
margin-left: 1em;
} #top #contents {
padding-bottom: 3.5em;
} #top #contents #map {
width: 33%;
margin: 0 auto 3.6em;
} #top #contents #home-nav {
width: 60%;
margin: 0 auto 3.6em;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: flex-end;
} #top #contents #home-nav #home-main-link {
width: 25%;
} #top #contents #home-nav #picup-link {
width: 70%;
background: #fff;
padding: 1.5%;
margin-left: auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
} #top #contents #home-nav #picup-link a {
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
font-weight: 400;
font-style: normal;
} #top #contents #home-nav #picup-link .item {
width: 40%;
background: #FF6767;
} #top #contents #home-nav #picup-link .item a {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
color: #fff;
font-size: 3vw;
line-height: 1.4em;
text-align: center;
letter-spacing: .4em;
margin-left: .2em;
} #top #contents #home-nav #picup-link .item-flex {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: column;
align-items: center;
width: 60%;
} #top #contents #home-nav #picup-link .item-flex > a {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
height: 50%;
width: 100%;
color: #fff;
} #top #contents #home-nav #picup-link .item-flex > a.picup-link02 {
background: #31810D;
font-size: 2.4vw;
} #top #contents #home-nav #picup-link .item-flex > a.picup-link03 {
background: #00A39D;
font-size: 2.4vw;
} #top #sidebar {
font-size: 16px;
background: #fff;
} #top #sidebar .side-widget {
margin-bottom: 1.4em;
} #top #sidebar .side-widget h3 {
justify-content: center;
align-items: center;
padding: 1em .4em;
font-size: 20px;
background: #2F8BAD;
color: #fff;
} #top #sidebar .side-widget h3 .ico {
width: 14%;
margin-right: .6em;
} #top #sidebar .side-widget#alert-info #alert-title h3 {
color: #FFD800;
background: #000;
} #top #sidebar .side-widget#emergency-info #emergency-title h3 {
color: #fff;
background: #C90000;
} #top #sidebar .side-widget .side-widget-contents ul li {
margin-bottom: 1em;
} #top #sidebar .side-widget .side-widget-contents ul li:before {
content: "ー ";
} #top #sidebar .side-widget .side-widget-contents ul li .list-ico {
width: 1em;
margin-right: .6em;
} #top #sidebar .side-widget .side-widget-contents ul li a {
text-decoration: underline;
} #top #sidebar .side-widget .side-widget-contents ul.no-before-line li {
align-items: center;
} #top #sidebar .side-widget .side-widget-contents ul.no-before-line li:before {
content: "";
} #top #sidebar .side-widget .side-widget-contents ul, #top #sidebar .side-widget .side-widget-contents .alert-info-area {
padding: 1em;
} #top #sidebar .side-widget .side-widget-contents .alert-info-area {
background: #FCFFB7;
text-align: center;
} #main-footer {
background: #F5F8FF;
position: relative;
} #main-footer .footer-visual {
position: absolute;
width: 100%;
margin-bottom: 3.6em;
} #main-footer #contents-list-menu {
max-width: 1280px;
margin: 0 auto 5em;
justify-content: space-between;
} #main-footer #contents-list-menu .item {
width: 32%;
padding: 1em;
background: #fff;
} #main-footer #contents-list-menu .item .menu-title {
font-size: 22px;
color: #707070;
padding: 1em .4em;
text-align: center;
border-bottom: 10px solid #FF6767;
} #main-footer #contents-list-menu .item .menu-title.menu-title-02 {
border-bottom-color: #31810D;
} #main-footer #contents-list-menu .item .menu-title.menu-title-03 {
border-bottom-color: #2F8BAD;
} #main-footer #contents-list-menu .item ul {
padding: 1em;
} #main-footer #contents-list-menu .item ul li {
margin-bottom: 1em;
} #main-footer #contents-list-menu .item ul li a {
text-decoration: underline;
} #main-footer header {
line-height: 0;
} #main-footer #footer-slider ul li {
height: 150px;
} #main-footer #footer-slider ul li img {
height: 100%;
width: auto;
} #main-footer #footer-contents {
position: relative;
background: #2F8BAD;
padding: 1em;
} #main-footer #footer-contents .footer-address-info .address-info {
border-left-color: #fff;
color: #fff;
} #main-footer .copy {
margin-left: auto;
font-size: 60%;
color: #efefef;
background: #5a5050;
padding: 1em;
} #intro-footer {
position: relative;
z-index: 10;
background: #fff;
z-index: 10;
} #footer-contents,
#intro-footer {
position: fixed;
bottom: 0;
z-index: 10;
background: #fff;
z-index: 10;
padding: .4em;
width: 100%;
} #footer-contents p,
#intro-footer p {
margin-bottom: 0;
} #footer-contents .flex-wrap,
#intro-footer .flex-wrap {
align-items: center;
justify-content: space-between;
} #footer-contents .copy,
#intro-footer .copy {
margin-right: auto;
margin-left: 1em;
padding: 0;
font-size: 80%;
color: #666;
} #footer-contents .footer-address-info,
#intro-footer .footer-address-info {
width: 45%;
justify-content: flex-end;
} #footer-contents .footer-address-info img,
#intro-footer .footer-address-info img {
width: 24%;
height: auto;
margin-right: 1em;
} #footer-contents .footer-address-info .address-info,
#intro-footer .footer-address-info .address-info {
font-size: 70%;
padding-left: 1em;
border-left: 2px solid #666;
line-height: 1.4em;
}
@media screen and (max-width: 1281px) { #home #top #contents, #page #top #contents {
padding: 0 2%;
} #main-footer #contents-list-menu {
padding: 0 2%;
} #footer-contents .footer-address-info,
#intro-footer .footer-address-info {
width: 55%;
} #top #main-footer .copy {
margin-left: auto;
font-size: 60%;
color: #efefef;
background: #5a5050;
padding: 1em;
}
}