@charset "utf-8";
/* ------------------------------------------------------------------------------
トップ　top
------------------------------------------------------------------------------ */

/* PC -------------------------------------------------------------- */

footer{
margin-top:0;
}

.mainVisual{
padding:25px 0 35px;
background:url(../img/bg_top.jpg) no-repeat 50% 0;
background-size:cover;
}
.mainVisInner{
max-width:1000px;
margin:0 auto;
padding:0 10px;
}
.mainVisTxt{
margin-top:50px;
padding:20px 20px;
border:solid 2px #ff9505;
}
.mainVisTxt .date{
font-size:220%;
font-weight:bold;
line-height:1.5;
color:#ff9505;
float:left;
}
.mainVisTxt .txt{
font-size:160%;
line-height:1.5;
margin-left:155px;
}

.topCont01Wrap{
background:#eef3f8;
/*
margin-bottom:50px;
*/
}
.topNews{
margin:0 0 80px;
padding: 40px 0;
position:relative;
background:#fff;
box-shadow:0 0 5px rgba(0,0,0,0.2);
}
.topNewsWrap {
max-width: 1000px;
margin: 0 auto;
}
.topNewInner{
float: left;
width: 58%;
padding:0 10px;
position:relative;
box-sizing: border-box;
}
.topNewInner h3{
margin-bottom: 15px;
font-size:280%;
font-weight:bold;
color:#1f1f1f;
letter-spacing:0.1em;
}
.topNewInner h3 span{
display:block;
font-size:57.1%;
color:#ff9505;
padding-top:5px;
font-family: 'Open Sans', sans-serif;
letter-spacing:0.4em;
}
.topNewInner ul{
width: 100%;
}
.topNewInner li{
padding-left:230px;
position:relative;
font-size:160%;
line-height:1.3;
}
.topNewInner li + li{
margin-top:15px;
}
.topNewInner li a{
display: inline-block;
width: 85%;
color:#1a1b25;
text-decoration:none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.topNewInner li a:hover{
text-decoration:underline;
}
.topNewLabel{
display:inline-block;
font-weight:bold;
font-family:"游ゴシック", YuGothic;
color:#1f1f1f;
position:absolute;
top:0;
left:0;
}
.topNewLabCategory{
display:inline-block;
width:7em;
margin-left:10px;
padding: 3px 0;
color: #ffffff;
line-height:20px;
font-weight: bold;
text-align:center;
}
.topNewNew{
color:#eb6506;
font-weight:bold;
}
.topNewList,
.topNewList:visited{
display:block;
width:102px;
padding:10px 40px 10px 10px;
font-size:140%;
text-align:center;
color:#fff;
text-decoration:none;
background:linear-gradient(90deg, #0c21c3, #0874dc);
position:absolute;
top:0;
right:10px;
transition:0.3s;
}
.topNewList::after{
content:"";
display:block;
width:8px;
height:8px;
border-top:solid 2px #fff;
border-right:solid 2px #fff;
position:absolute;
top:calc(50% - 5px);
right:30px;
transform:rotate(45deg);
}
.topNewList:hover{
opacity:0.8;
}
.topFacebook {
float: right;
max-width: 40%;
overflow: hidden;
}

.topFacility{
max-width:1000px;
margin:0 auto;
position:relative;
}
.topFacility::before{
content:"";
display:block;
width:100%;
padding-top:81%;
}
.topFacility h3{
font-size:280%;
font-weight:bold;
color:#1f1f1f;
letter-spacing:0.1em;
position:absolute;
top:0;
left:0;
z-index:50;
}
.topFacility h3 .eiji{
display:block;
padding-top:5px;
font-family: 'Open Sans', sans-serif;
font-size:57.1%;
color:#ff9505;
letter-spacing:0.4em;
}
.topFacility .guidetxt{
width: 45%;
font-size:160%;
position:absolute;
top:15px;
right: 0;
}
.topFacility .sanka{
width:229px;
height:156px;
font-size:76px;
font-weight:bold;
font-family:"游ゴシック", YuGothic;
color:#eb6506;
line-height:1;
}

.topFacility .touroku{
width:293px;
height:156px;
font-size:76px;
font-weight:bold;
font-family:"游ゴシック", YuGothic;
color:#eb6506;
line-height:0.8;
}

.topFacility .fo{
width:366px;
height:156px;
font-size:76px;
font-weight:bold;
font-family:"游ゴシック", YuGothic;
color:#eb6506;
line-height:0.6;
}

.topFacility .sanka::before, .topFacility .fo::before, .topFacility .touroku::before{
content:"";
display:block;
width:100%;
padding-top:68.1%;
}
.topFacility .sanka{
background:url(../img/fkds_shisetu_pc.png) no-repeat;
background-size:contain;
position:absolute;
top:90px;
left:-5px;
z-index:50;
}
.topFacility .touroku{
background: url(../img/fkds_shorei.png) no-repeat;
background-size: contain;
position: absolute;
top: 245px;
left: 0px;
z-index: 50;
}
.topFacility .fo{
background: url(../img/fkds_fo.png) no-repeat;
background-size: contain;
position: absolute;
top: 245px;
left: 278px;
z-index: 51;
}
.topFacility .sanka span{
position: absolute;
top: 0;
left: 0;
display: block;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 14% 0 0 50%;
}

.topFacility .touroku span{
position: absolute;
top: 0;
left: 0;
display: block;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 14% 0 0 37%;
}

.topFacility .fo span{
position: absolute;
top: 0;
left: 0;
display: block;
box-sizing: border-box;
width: 100%;
height: 100%;
padding: 14% 0 0 33%;
}

.topFacility .map{
max-width:1082px;
margin-left:-8.2%;
position:absolute;
top:135px;
left:0;
z-index:100;
}
/* ipad用 */
@media screen and (max-width:768px){
.topFacebook iframe{
width: 96%;
}
.topFacility .sanka{
width:25.1%;
font-size:8vw;
}
.topFacility .touroku{
width:31.4%;
font-size:8vw;
}

.topFacility .fo{
width:36.1%;
font-size:8vw;
}

.topFacility .sanka{
top:90px;
left:5px;
}
.topFacility .touroku{
top:220px;
left:5px;
}

.topFacility .fo{
top:90px;
left:calc(1px + 27%);
}
}

@media screen and (max-width:1160px){
.topFacility .map{
max-width:1000px;
margin-left:0;
top: 144px;
}
.topFacility .sanka{
/*width:25.1%;*/
font-size:8vw;
}
.topFacility .touroku{
/*width:31.4%;*/
font-size:6.5vw;
}

.topFacility .fo{
/*width:40.4%;*/
font-size:6.5vw;
}

.topFacility .sanka{
top:90px;
left:5px;
}
.topFacility .touroku{
top:230px;
left:5px;
}

.topFacility .fo{
top:230px;
left:calc(1px + 27%);
}
}

.topFacBtn,
.topFacBtn:visited{
display:block;
box-sizing:border-box;
width:30.4%;
min-width:250px;
font-size:160%;
color:#fff;
text-decoration:none;
text-align:center;
line-height:1;
padding:20px 50px;
background:linear-gradient(90deg, #0c21c3, #0874dc);
position:absolute;
bottom:5%;
right:0;
z-index:50;
transition:0.3s;
}
.topFacBtn::after{
content:"";
display:block;
width:8px;
height:8px;
border-top:solid 2px #fff;
border-right:solid 2px #fff;
position:absolute;
top:calc(50% - 5px);
right:40px;
transform:rotate(45deg);
}
.topFacBtn:hover{
opacity:0.8;
}

.topCont02Wrap{
box-sizing:content-box;
max-width:1000px;
margin:0 auto 80px;
padding:0 10px;
}
.topCont02Wrap h3{
font-size:240%;
font-weight:bold;
color:#1f1f1f;
text-align:center;
margin-bottom:40px;
}
.topCon02WraTxtblock{
padding:50px 48px;
background:#f4f6f8;
}
.topCon02WraTxtblock p{
font-size:180%;
line-height:1.3;
}

/* ----------------------------------------------------------------- */
@media screen and (max-width:750px){
/* SP -------------------------------------------------------------- */

.mainVisual{
padding:30px 0 40px;
}
.mainVisTxt{
margin-top:25px;
padding:15px;
}
.mainVisTxt .date{
font-size:180%;
float:none;
}
.mainVisTxt .txt{
font-size:140%;
margin-left:0;
}

/*
.topCont01Wrap{
margin-bottom:30px;
}
*/

.topNews{
margin:0 auto 40px;
padding:0 10px;
position:relative;
}
.topNewInner{
float: none;
width: 100%;
margin-bottom: 25px;
padding:20px 0;
}
.topNewInner h3{
font-size:220%;
float:none;
text-align:center;
margin-bottom:15px;
}
.topNewInner ul{
width:auto;
margin:0 0 20px;
}
.topNewInner li{
padding-left:0;
padding-bottom:10px;
font-size:140%;
border-bottom:solid 1px #ccc;
}
.topNewInner li + li{
margin-top:10px;
}
.topNewLabel{
display:block;
margin-bottom:5px;
position:static;
}
.topNewList{
display:block;
width:160px;
padding:13px 40px;
margin:0 auto;
position:relative;
top:inherit;
right:inherit;
}
.topFacebook {
float: none;
width: 100%;
max-width: 100%;
margin: 0 auto;
margin-bottom: 25px;
}
.topFacebook iframe {
width: 100%;
}
.topFacility::before{
content:"";
display:block;
padding-top:calc(90px + 92%);
}

.topFacility h3{
font-size:220%;
left:10px;
}
.topFacility h3 .eiji{
padding-top:0;
font-size:57.1%;
}
.topFacility .guidetxt{
width:90%;
font-size:120%;
top:55px;
left:10px;
}
.topFacility .sanka{
width:30%;
font-size:10vw;
}
.topFacility .touroku{
width:31.4%;
font-size:7.5vw;
}

.topFacility .fo{
width:35.8%;
font-size:7.5vw;
}

.topFacility .sanka{
top:90px;
left:5px;
}
.topFacility .touroku{
top:170px;
left:5px;
}

.topFacility .fo{
top:170px;
left:calc(5px + 28%);
}

.topFacility .map{
width:calc(100% - 20px);
top:calc(95px + 14%);
left:10px;
}
.topFacBtn{
min-width:240px;
font-size:140%;
padding:15px 40px;
position:absolute;
bottom:3%;
right:50%;
transform:translateX(50%);
}
.topFacBtn::after{
right:30px;
}

.topCont02Wrap{
margin:0 auto 60px;
}
.topCont02Wrap h3{
font-size:200%;
margin-bottom:20px;
}
.topCon02WraTxtblock{
padding:25px 24px;
}
.topCon02WraTxtblock p{
font-size:160%;
}

}