@charset "UTF-8";
/* RESPONSIVE 
---------------------------------------------- */
/* KYOUTSU END // PC BASE ==================== */


@media only screen and (min-width: 1080px){	


.PcNon {
display: none;
}
.pcNon {
	display: none;
	}
.SpNon {
display: block;
}
.spNon {
	display: block;
}


/*　新ページ用 */



/* 新ページ用エンド */






/* header
============================================== */
#header {
min-height: 100px;
display: flex;
flex-wrap: wrap;
}
#header .headerWrap {
margin-right: auto;
margin-left: auto;
width: 1080px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
#header .logo {
width: 140px;
height: 42px;
display: block;
overflow: hidden;
}


/* globalnavi
============================================== */
.navUnshown {
display:none;
}
#gnav { 
text-align: right;
vertical-align: middle;
}
#gnav #nav {
margin-left: auto;
display: flex;
flex: none;
justify-content: flex-end;
align-items: center;
}
#gnav a,
#gnav p {
padding-right: 1em;
padding-left: 1em;
display: block;
color: #0e1c22;
font-weight: bold;
}
#gnav a:hover,
#gnav p:hover {
text-decoration: none;
}
#gnav li:hover {
-webkit-transition: all .5s;
transition: all .5s;
}
#gnav li:hover a {
color: #3a7fde;
}
#gnav #nav > li {
color: #0e1c22;
}
#gnav #nav > li a {
position: relative;
}
#gnav #nav > li:nth-child(2) a::after,
#gnav #nav > li:nth-child(3) a::after,
#gnav #nav > li:nth-child(6) a::after {
content: '';
margin-left: 0.5em;
width: 8px;
height: 8px;
line-height: 1;
display: inline-block;
vertical-align: middle;
border: 0.1em solid #0e1c22;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: translateY(-25%) rotate(135deg);
}
#gnav #nav > li:nth-last-child(n+2) {
margin-right: 10px;
}
#gnav #nav > li:nth-child(6) {
/* background-color: #0e1c22; */
border-radius: 100px;
}
#gnav #nav > li:nth-child(6):hover {
/* background-color: #4d8cab; */
}
#gnav #nav > li:nth-child(6) > a {
padding: 12px 36px;
pointer-events: none;
/* color: #ffffff; */
}
#gnav #nav .subNav ul {
visibility: hidden;
opacity: 0;
z-index: 999;
}
#gnav #nav .subNav ul {
padding-top: 20px;
padding-bottom: 40px;
min-width: 230px;
position: absolute;
top: 64px;
background-color: #0e1c22;
text-align: left;
-webkit-transform: all .2s ease;
transform: all .2s ease;
}
#gnav #nav .subNav ul li a {
padding-top: 10px;
padding-bottom: 10px;
color: #ffffff;
}
#gnav #nav .subNav ul li a:hover {
color: #3a7fde;
}
#gnav #nav li:hover .subNav ul {
top: 64px;
visibility: visible;
opacity: 1;
}
#gnav #nav li:hover .subNav ul > li {
width: 100%;
}




/* footer
============================================== */
#footer .contents {
margin-right: auto;
margin-bottom: 1em;
margin-left: auto;
width: 1080px;
}
#footer .contentsWrap {
padding-top: 150px;
padding-bottom: 200px;
display: flex;
/* flex-wrap: wrap; */
justify-content: space-between;
}
#footer .logo {
margin-bottom: 30px;
width: 140px;
height: 42px;
display: block;
overflow: hidden;
}
#footer address {
text-align: left;
}
#footer .footerNavi {
/* width: 70%; */
text-align: left;
}
#footer .footerNavi li {
margin-bottom: 0.4em;
}
#footer .footerNavi .subNav {
margin-top: 0.4em;
}
#footer .footerNavi #nav {
display: grid;
grid-template-columns: repeat(4, 1fr); 
grid-template-rows: 1fr;
grid-column-gap: 20px;
grid-row-gap: 0px;
margin-top: 70px;
}
#footer .footerNavi .navItem_1 {
grid-area: 1 / 1 / 2 / 2;
}
#footer .footerNavi .navItem_2 {
grid-area: 1 / 2 / 2 / 3;
}
#footer .footerNavi .navItem_3 {
grid-area: 1 / 3 / 2 / 4;
}
#footer .footerNavi .navItem_4 {
	margin-top: -0.11em;
grid-area: 1 / 4 / 2 / 5;
}
#footer .footerNavi .navItem_5 {
margin-top: 2.3em;
grid-area: 1 / 4 / 2 / 5;
}
#footer .footerNavi .navItem_6 {
margin-top: 4.8em;
grid-area: 1 / 4 / 2 / 5;
}
#footer .footerNavi .navItem_7 {
	margin-top: 7.2em;
	grid-area: 1 / 4 / 2 / 5;
	}

#footer .footerNavi .navItem_8 {
	margin-top: 9.6em;
	grid-area: 1 / 4 / 2 / 5;
	}


/* generalIndexList
============================================== */
.generalIndexList {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.generalIndexList li figure {
max-width: 210px;
height: 271px;
}
.generalIndexList li h2 {
font-size: min(6vw,45px);
}
.generalIndexList li .caption {
line-height: 1.5;
font-size: min(6vw,22px);
}

/* postList
============================================== */
.entryList .postList {
padding-top: 50px;
padding-bottom: 20px;
}
.entryList .postList .time {
font-size: min(6vw,14px);
}
.entryList .postList h2 {
font-size: min(6vw,16px);
}
.entryList .postDetail {
padding-left: 25px;
padding-top: 4px;
}

.NewsIndexPage .entryList .postDetail {
	padding-top: 0;
	margin-top: -3px;
}
#header .headerWrap .navItem_7  {
	display: none;
	}


}/* PC END // SP BASE |||||||||||||||||||||||||||||| */
@media only screen and (max-width: 1079px){

/* base
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
body {
line-height: 2;
display:  inherit;
font-size: min(10vw,16px);
}
h1 {
font-size: min(10vw,30px);
}

body.News h1 {
	font-size: min(10vw,22px);
	}
h2 {
font-size: min(10vw,20px);
}
h3 {
font-size: min(10vw,18px);
}

.PcNon {
display: block;
}
.SpNon {
display: none;
}
.spNon {
	display: none;
}



/* header
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#header {
margin: 0;
position: fixed;
width: 100%;
background: #fff;
}
#header .headerWrap {
padding-top: 20px;
padding-left:  min(10vw,10px);
position: relative;
width: 100%;
height: 80px;
}
#header .logo {
width: 40%;
max-width: 194px;
display: block;
overflow: hidden;
}





/* globalnavi
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#navDrawer {
position: relative;
}
.navUnshown {
display:none;
}
#navOpen {
width: min(10vw,30px);
height: min(10vw,50px);
display: inline-block;
box-sizing: border-box;
vertical-align: middle;
position: fixed;
top: 20px;
right: min(10vw,15px);
z-index: 999;
}
#navOpen span, #navOpen span:before, #navOpen span:after {
content: '';
margin: auto;
width: 100%;
height: 3px;
position: absolute;
background-color: #0f1c22;
display: block;
z-index: 999;
right: 0;
left: 0;
}
#navOpen span:before {
bottom: -0.6em;
}
#navOpen span:after {
bottom: -1.2em;
}
#navClose {
width: 100%;
height: 100%;
display: none;
position: fixed;
z-index: 99;
top: 0;
right: 0;
background: black;
opacity: 0;
transition: .3s ease-in-out;
}
#navContent {
padding-top: 3em;
width: 90%;
max-width: 70%;
height: 100%;
position: fixed;
top: 0;
right: 0;
z-index: 100;
background-color: rgba(15,28,34,1);
overflow: auto;
transition: .3s ease-in-out;
-webkit-transform: translateX(105%);
transform: translateX(105%);
}
#navInput:checked ~ #navClose {
display: block;
opacity: .5;
transition: all .15s linear;
}
#navInput:checked ~ #navContent {
-webkit-transform: translateX(0%);
transform: translateX(0%);
box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
#navInput:checked ~ #navOpen span, #navInput:checked ~ #navOpen span:before, #navInput:checked ~ #navOpen span:after {
background-color: #ffffff;
}
#navOpen {
transition: all .15s linear;
transform: translateY(8px) rotate(0deg);
}
#navInput:checked ~ #navOpen span {
bottom: min(10vw,5px);
transform: translateY(0) rotate(45deg);
transition: all .15s linear;
}
#navInput:checked ~ #navOpen span:before {
visibility: hidden;
}
#navInput:checked ~ #navOpen span:after {
bottom: 0;
transform: translateY(0) rotate(95deg);
}
#gnav #nav {
margin-top: 1.5em;
margin-right: auto;
margin-left: auto;
padding-bottom: 87px;
display: block;
width: 76%;
height: auto;
position: inherit;
top: 0;
right: 0;
left: 0;
}
#gnav .subNav {
margin-right: 0;
margin-left: auto;
width: 100%;
font-size: min(10vw,16px);
}
#gnav li {
}
#gnav li a {
line-height: 3;
display: block;
color: #ffffff;
}
#gnav li a:hover {
text-decoration: none;
}
#gnav #nav > li.liLevel_1 {
font-size: min(10vw,20px);
}
#gnav #nav ul.ul-level-2{
	margin-left: 2rem;
	}

#gnav #nav > li a {
position: relative;
}
#gnav #nav > li:nth-child(2) > a::after,
#gnav #nav > li:nth-child(3) > a::after {
content: '';
margin-left: 0.8em;
width: 12px;
height: 12px;
line-height: 1;
display: inline-block;
vertical-align: middle;
border: 0.1em solid #ffffff;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: translateY(-25%) rotate(135deg);
}

/* footer
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
#footer .contents {
padding-top: 15%;
padding-bottom: 15%;
}
#footer .contentsWrap {
margin-right: auto;
margin-left: auto;
width: 80%;
text-align: left;
font-size: min(10vw,16px);
line-height: 1.6;
}
#footer .logo {
margin-bottom: 30px;
max-width: 232px;
display: block;
overflow: hidden;
}
.footerNavi {
display: none;
}

/* moreBtn
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
.moreBtn {
margin-top: 40px;
margin-right: auto;
margin-left: auto;
width: 100%;
max-width: 100%;
line-height: min(10vw,50px);
font-size: min(20vw, 20px);
}
.moreBtn a {
padding-right: 10%;
padding-left: 10%;
}
.moreBtn a::after {
content: '';
margin-right: 0;
width: min(13vw,70px);
height: min(13vw,15px);
display: inline-block;
border-right: 1px solid #0e1c22;
border-bottom: 1px solid #0e1c22;
transform: skewX( 40deg);
position: absolute;
right: 8%;
top: 37%;
}

/* generalIndexList
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
.generalIndexList {
/* margin-right: auto;
margin-left: auto;
width: 90%; */
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
justify-content: space-between;
gap: 3%;
}
.generalIndexList li figure {
width: min(43vw,210px);
height: max(60vw,180px);
}
.generalIndexList li h2 {
font-size: min(10vw,32px);
}
.generalIndexList li .caption {
line-height: 1.5;
font-size: min(10vw,15px);
}
.generalIndexList li {
margin-bottom: 50px;
}

/* postList
|||||||||||||||||||||||||||||||||||||||||||||||||||| */
.entryList .postList {
padding-top: min(10vw,50px);
padding-bottom: min(10vw,50px);
}
.entryList .postDetail {
margin-right: auto;
margin-left: auto;
/* width: 90%; */
}

.jisseki_header_sub.short{
    text-align: center;
    font-size: 1.6rem;
    margin-bottom: 10px;
  }

  .jisseki_header_sub.short:last-of-type {
    border-top: 1px solid;
    margin-bottom: 20px;
    padding-top: 50px;
}

}/* SP END |||||||||||||||||||||||||||||||||||||||| */





body .dn{
	display: none;
}