@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: "メイリオ",'Meiryo', sans-serif;
	color: #000000;
	box-sizing: border-box;
	text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-o-text-size-adjust: 100%;
	overflow-x: hidden;
}

.rows, header, section, footer {
	width: 100%;
/*	float: left;*/
}

* {
	box-sizing: border-box;
}

*::after, *::before {
	box-sizing: border-box;
}

img {
	max-width: 100%;
}

a:hover, a:focus, a:visited {
	outline: none;
	border: none;
}

.cont {
	width: 90%;
	max-width: 1100px;
	margin: 0 auto;
	position: relative;
}

a {
	text-decoration: none;
	color: inherit
}

.clear{clear: both; overflow: hidden; margin:  auto;}

/* PCで電話リンクしない */
@media(min-width: 768px){
    a[href^="tel:"]{
        pointer-events: none;
    }
}

.ow{
	width:100%;
	overflow:hidden;
}
br{
	font-size: 0;
}











/*Header*/

#header{
    width: 100%;
    background-color: #fff;
    padding-top: 10px;
    padding-bottom: 8px;
}
#header .inner{
    width: 98%;
    max-width: 1350px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo{
	width: 310px;
	margin: 0 20px 0 0;
	padding-bottom: 10px;
}
h1{
	font-size: 11px;
	color: #808080;
	line-height: 120%;
    margin-bottom: 18px;
}
.navHd{
	width: 500px;
    padding-top: 50px;
}
.navHd ul{
	font-size: 0;
    display: flex;
    justify-content: space-between;
}
.navHd ul li{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-right: 15px;
}
.navHd ul li a{
	display: block;
	font-size: 17px;
	color: #000000;
	line-height: 140%;
	position: relative;
}
.navHd ul li:last-child{
	padding-right: 0;
}
.navHd ul li.sp{display: none;}

.infoHd{
	width: 340px;
	
}
.infoHd>ul{
	font-size: 0;
}
.infoHd>ul>li{
	display: inline-block;
	width: auto;
	font-size: 12px;
	line-height: 14px;
	color: #000000;
	line-height: 120%;
}
.infoHd>ul>li:nth-child(1){
	padding: 0 28px 15px 10px;
	vertical-align: middle;
}
.infoHd>ul>li:nth-child(2){
	padding: 0 0 0 0;
}
.infoHd>ul>li:nth-child(3){
	padding: 0 10px 0 0;
}
.infoHd>ul>li:nth-child(4){
	padding: 0 0 0 0;
}


/* PCでメニュボタン非表示 */
.navBtn{display:none;}

    @media (min-width:811px) and (max-width:1377px){
        .logo{
            width: 22.5vw;
            margin-right: 2vw;
        }
        h1{
            font-size: 0.9vw;
            line-height: 1.1wm;
            margin-bottom: 1.3vw;
        }
        .navHd{
            width: 36.3vw;
            padding-top: 3.6vw;
        }
        .navHd ul li a{
            font-size: 1.23vw;
            line-height: 140%;
        }
        .infoHd{
            width: 24.6vw;
        }
        .infoHd>ul>li{
            font-size: 0.9vw;
            line-height: 1.1em;
        }
        .infoHd>ul>li:nth-child(1){
            width: 51%;
            padding-right: 2.9%;
            padding: 0 2.4vw 1.3vw 0.89vw;
        }
        .infoHd>ul>li:nth-child(2){
            width: 43%;
        }
        .infoHd>ul>li:nth-child(3){
            width: 51%;
            padding-right: 2.9%;
        }
        .infoHd>ul>li:nth-child(4){
            width: 43%;
        }
        .i-hato{
            width: 8.2vw;
        }

    }


    @media only screen and (max-width:810px){
        #header{
            padding-top: 10px;
        }

        #header .inner{
            padding-right: 60px;
        }

        .logo{
            width: 70%;
            max-width: 380px;
            margin: 0;
            padding-right: 20px;
        }

        h1{
            margin-bottom: 5px;
        }

        /* 開閉ボタン */
        .navBtn{display:block;}
        .navBtn button {
            display: block;
            background:#00aa71;
            border: none;
            padding: 3px 10px;
            width: 48px;
            color: #333;
            letter-spacing: 0.1em;
            cursor: pointer;
            position: fixed;
            top: 20px;
            right:10px;
            z-index: 1001;
            text-align: center;
            outline: none;
        }
        /* ハンバーガーボタン3本線 */
        .navBtn button span.bar {
            display: block;
            height: 3px;
            background-color: #fff;
            margin: 8px 0;
            transition: all 0.1s;
            transform-origin: 0 0;
        }
        /* メニューアクティブ時 */
        .navBtn button.active{
            background-color:#666;
        }
        .navBtn button.active span.bar {
            width: 36px;
        }
        .navBtn button.active .bar1 {
            transform: rotate(38deg);
        }
        .navBtn button.active .bar2 {
            opacity: 0;
        }
        .navBtn button.active .bar3 {
            transform: rotate(-38deg);
            margin-left:-2px;
        }

        .navHd {
            position: fixed;
            top: 0;
            right:0;
            width: 300px;
            height: 100%;
            background-color: #333;
            transition: all 0.1s;
            transform: translate(300px);
            z-index: 1000;
        }
        .navHd.open {
            transform: translate(0); 
        }
        .navHd ul {
            margin: 0;
            padding: 1em;
            font-size: 1rem;
            list-style-type: none;
            overflow: auto;
            display: block;
        }
        .navHd ul li {
            width: 100%;
            border-bottom: 1px solid #fff;
            text-align: left;
        }
        .navHd ul li a {
            display: block;
            text-decoration: none;
            color: #fff;
            padding: 1em 0;
        }
        .navHd ul li a:hover {
            text-decoration: none;
        }
        .navHd ul li.sp{display: block;}

        .infoHd{
            width: 165px;
        }
        .infoHd > ul > li:nth-child(1) {
            padding: 0 5px 5px 0;
            vertical-align: middle;
        }
        .infoHd>ul>li:nth-child(3),
        .infoHd>ul>li:nth-child(4){
            display: none;
        }
        .i-hato{
            display: none;
        }

    }

    @media only screen and (max-width:710px){
        #header .inner{
            width: 95%;
        }
        .logo{
            width: 100%;
            max-width: none;
            padding: 0;
        }

        .infoHd{
            display: none;
        }
    }












/*Footer*/
#footer{
    width: 100%;
    padding-top: 60px;
    background-color: #fafaf9;
}
#footer.f_top{
    background-color: transparent;
    margin-top: 40px;
}
.f_info1{
    width: 90%;
    max-width:940px; 
    margin: 0 auto 80px;
}
.f_info1 .ttl{
    text-align: center;
    font-size: 20px;
    line-height: 1.5em;
    font-weight: bold;
    margin-bottom: 30px;
}
.f_info1 ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.f_info1 li{
    width: 47%;
}
.f_info1 li a{
    width: 100%;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: solid 3px #f63636;
    border-radius: 12px;
    transition: 0.3s;
}
.f_info1 li a:hover{
    background-color: #f6f6f6;
}
.f_info1 li a p{
    margin-top: 15px;
    font-size:12px;
    line-height: 1.1em;
}

    @media only screen and (max-width:710px){
        #footer{
            border-top: solid 1px #ccc;
            padding-top: 40px;
        }

        .f_info1{
            margin-bottom: 30px;
        }
        .f_info1 .ttl{
            font-size: 16px;
            line-height: 1.4em;
            margin-bottom: 20px;
        }
        .f_info1 .ttl span{
            display: inline-block;
        }

        .f_info1 li{
            width: 100%;
            margin-bottom: 10px;
        }
        .f_info1 li a{
            width: 100%;
            height: 100px;
        }

    }



.f_info2{
    width: 90%;
    max-width: 710px;
    margin: 0 auto 60px;
}
.f_info2 .f_logo{
    text-align: center;
}

    @media only screen and (max-width:810px){
        .f_info2{
            margin-bottom: 30px;
            text-align: center;
        }
    }




.f_info3{
    width: 100%;
    max-width: 1300px;
    margin: auto;
    padding-bottom: 80px;
    position: relative;
}

.f_info3 .cha-1{
    position: absolute;
    left: 0;
    bottom: 10px;
    z-index: 1;
}
.f_info3 .cha-2{
    position: absolute;
    right: 0;
    bottom: 10px;
    z-index: 1;
}
.f_info3 .f-hato{
    width: 75%;
    max-width: 710px;
    margin: auto;
}
.f_info3 .f-hato a{
    display: block;
    width: 100%;
    text-align: center;
    padding: 45px 0;
    border: solid 1px #000;
    border-radius: 12px;
}
.f_info3 .f-hato a:hover{
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
#footer .btn-hato{
    display: none;
    
}
    @media only screen and (max-width:1200px){

        .f_info3{
            padding-bottom: 6.6vw;
        }

        .f_info3 .cha-1{
            width: 18.3vw;
        }
        .f_info3 .cha-2{
            width: 17.3vw;
        }
    }
    @media only screen and (max-width:810px){

        .f_info3 .f-hato a{
            padding: 3.5vw 0;
        }
        .f_info3 .f-hato a img{
            width: 32vw;
            height: auto;
        }

        #footer .btn-hato{
            display: block;
            text-align: center;
            margin-bottom: 30px;

        }

    }

    @media only screen and (max-width:480px){
        .f_info3 .f-hato a img{
            width: 160px;
            height: auto;
        }
    }






.f_info4{
    width: 95%;
    max-width: 1200px;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.f_info4 .item{
    width: 48.5%;
    max-width: 566px;
    border: solid 1px #e2e2e2;
}

.f_info4 .item .inner{
    padding: 30px 30px 0 30px;
    min-height: 200px;
    line-height: 1.3em;
}

.f_info4 .item .name,
.f_info4 .item .off-name{
    font-weight: bold;
    margin-bottom: 10px;
}
.f_info4 .item p br.sp{
    display: none;
}

.f_info4_b{
    width: 95%;
    max-width: 1200px;
    margin: auto;
	border: solid 1px #e2e2e2;
}

.f_info4_b .inner{
    padding: 30px 30px 0 30px;
    min-height: 200px;
    line-height: 1.3em;
}

.f_info4_b .name,
.f_info4_b .off-name{
    font-weight: bold;
    margin-bottom: 10px;
}
/*
.f_info4_b p br.sp{
    display: none;
}
*/
.fg-map{
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 370px;/*高さ*/
}
.fg-map iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    @media only screen and (max-width:810px){
        .f_info4 .item{
            width: 100%;
            max-width: initial;
            max-width: auto;
            margin-bottom: 25px;
        }
        .f_info4 .item .inner{
            padding: 20px;
            min-height: initial;
            min-height: auto;
            font-size: 90%;
            line-height: 1.5em;
        }

        .fg-map{
            padding-top: 50vw;/*高さ*/
        }

    }
    @media only screen and (max-width:480px){
        .f_info4 .item p br.sp{
            display: inline-block;
        }

        .fg-map{
            padding-top: 70vw;/*高さ*/
        }

    }




.copyRight{
	text-align: center;
	font-size: 10px;
	color: #000;
	line-height: 140%;
	padding-top: 40px;
	padding-bottom: 30px;
}
.scrolltop {
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    background-color: #fff;
    display: block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 99;
}
.scrolltop:hover,.scrolltop:focus {
    color: #fff;
    text-decoration: none;
}







@media screen and (min-width: 680px){   
  .pc_br { display:block; }
  .sp_br { display:none; }
}
@media screen and (max-width: 680px){   
  .pc_br { display:none; }
  .sp_br { display:block; }
}













@media only screen and (max-width:810px){
}
@media only screen and (max-width:710px){
}