@charset "UTF-8";
/*---------------------------------------------

	初期設定用

---------------------------------------------*/

:root{
	--main-width:100%;
	--kihon-font:1rem;



    --kihon-color:#009ba7;
    --kihon-color2:#907908;

    
	--kihon-basecolor:#fcfaf1;


}

.mb30{
    margin-bottom: 30px!important;
}


.mb60{
    margin-bottom: 30px!important;
}


html,body{
	margin:0px;
	padding:0px;

    scroll-behavior: smooth;
background: var(--kihon-basecolor);
}


*{
font-family: "Noto Serif JP", serif,
"Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo;


font-feature-settings: "palt";
-webkit-text-size-adjust: 100%;
}

body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
	color: #333;

 }



iframe{
margin: 0;
padding: 0;

}






/*---------------------------------------------
	a
---------------------------------------------*/
a{
	color: #004680;
	text-decoration: none;
}
a:link {
}
a:visited{
}
a:hover{
	color: #e60;
	text-decoration: underline;
}
a:active{
}
a.on{
	color: #f60;
	text-decoration: underline;
}



li{
	list-style: none;
}

.all_wrap{
	padding: 0;
}






.mb20{
	margin-bottom: 20px;
}


.mb30{
	margin-bottom: 30px;
}

.mb60{
	margin-bottom: 60px!important;
}





.tc{
    text-align: center;
}










.header{

background: var(--kihon-basecolor);

}




.header>li:nth-child(1){

padding:20px;
}

.header>li:nth-child(1)>a>img{
width: 100%;
margin-bottom: 10px;
}

.header>li:nth-child(1)>div{
border: 1px solid #000;
padding: 0px 30px;
}


.header>li:nth-child(1)>div>a>img{
width: 100%;


}









.header>li:nth-child(2)>div>ul>li>a{
display: block;
padding: 5px 8px 5px 7px;
font-size: calc(var(--kihon-font) + 0.3rem);
color: white;
background: var(--kihon-color);
text-decoration: none;
border-bottom: 1px solid #fff;
}


.header>li:nth-child(2)>div>ul>li>a:before{

  content: '';/*何も入れない*/
  display: inline-block;
  width: 10px;/*画像の幅*/
  height: 10px;/*画像の高さ*/
  background-image: url("../img/head_arrow.webp");
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin-right: 5px;
  margin-left: 5px;

margin-bottom: 4px;
}


.header>li:nth-child(2)>div>ul>li>a:hover{
opacity: 0.9;
}





.drawer_wrap {

    top: 10px;
    right: 5px;
    position: fixed;
    z-index: 100
}

#nav-drawer {
    position: relative;
    z-index: 50;
}

.nav-unshown {
    display: none
}

#nav-open {
    display: inline-block;
    width: 35px;
    height: 35px;
    vertical-align: middle;
    padding: 7px 10px 4px 5px;
background: white;

}

#nav-open span,#nav-open span:before,#nav-open span:after {
    position: absolute;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background: #555;
    display: block;
    content: '';
    cursor: pointer;
}

#nav-open span:before {
    bottom: -8px;
}

#nav-open span:after {
    bottom: -16px;
}

#nav-close {
    display: none;
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    transition: .3s ease-in-out;
}

#nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 90%;
    max-width: 330px;
    height: 100%;
    background: #black;
    transition: .3s ease-in-out;
    -webkit-transform: translateX(-105%);
    transform: translateX(-105%);
background: var(--kihon-color);
}

#nav-input:checked~#nav-close {
    display: block;
    opacity: .5;
}

#nav-input:checked~#nav-content {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

.sp_menu{
        background: var(--kihon-basecolor);
        width: 100%;
}

.sp_menu>ul{
	        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 8px 10px 5px;
}

.sp_menu>ul>li:nth-child(1){
width: 45%;
max-width: 300px;
}

.sp_menu>ul>li:nth-child(1)>a>img{
width: 100%;
height: auto;
}


.sp_menu>ul>li:nth-child(2){
width: 53%;
max-width: 280px;
}

.sp_menu>ul>li:nth-child(2)>div{
margin-bottom: 10px;

        padding-right: 45px;
}


.sp_menu>ul>li:nth-child(2)>div>a>img{
width: 100%;
height: auto;
padding: 0px 2px;
border: 1px solid #000;
}


.sp_menu>ul>li:nth-child(2)>ul{
	display: flex;
	justify-content: flex-end;
}

.sp_menu>ul>li:nth-child(2)>ul>li{
max-width: 40px;
margin-right: 7px;
}

.sp_menu>ul>li:nth-child(2)>ul>li:nth-last-child(1){
margin-right: 0;
}

.sp_menu>ul>li:nth-child(2)>ul>li>a>img{
	width: 100%;
	height: auto;
	background: black;
}





.midasi{
	margin-bottom: 10px;
}

.midasi>div:nth-child(1){
font-size: calc(var(--kihon-font) + 0.1rem);
font-weight: bold;
}


.midasi>div:nth-child(2){
font-size: calc(var(--kihon-font) + 0.5rem);
font-weight: bold;
}

.kihon_text>span{
	display: inline;
	font-size: var(--kihon-font) ;
	line-height: 1.7;
}


.kihon_text{
	margin-bottom: 30px;
}




.footer_front{
	background: white;
	padding: 60px 10px;
}

.footer_front>ul{
max-width: var(--main-width);
margin: 0 auto;
}


.footer_front>ul>li{
width: 100%;
}

.footer_front>ul>li:nth-child(1){
	text-align: center;
}

.footer_front>ul>li:nth-child(1)>img{
max-width: 400px;
width: 100%;
height: auto;
}

.footer_front>ul>li:nth-child(1)>div:nth-of-type(1){
	margin-bottom: 20px;
}

.footer_front>ul>li:nth-child(1)>div:nth-of-type(1){
font-size: calc(var(--kihon-font) + 0.2rem);
 font-weight: bold;
}



.footer_front>ul>li:nth-child(1)>div:nth-of-type(2)>span{
font-size: calc(var(--kihon-font) + 0.2rem);
 background:linear-gradient(transparent 60%, #fee881 60%);
 font-weight: bold;
}


.footer_front>ul>li:nth-child(1)>div:nth-of-type(2){
	margin-bottom: 5px;
}

.footer_front>ul>li:nth-child(1)>div:nth-of-type(3)>a>span{
font-size: calc(var(--kihon-font) + 0.9rem);
 background:linear-gradient(transparent 60%, #fee881 60%);
 font-weight: bold;
 color: black;
}

.footer_front>ul>li:nth-child(1)>div:nth-of-type(3)>a>span:before{

  content: '';/*何も入れない*/
  display: inline-block;
  width: 25px;/*画像の幅*/
  height: 25px;/*画像の高さ*/
  background-image: url("../img/tel_icon.webp");
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;

margin-bottom: 4px;

}


.footer_front>ul>li:nth-child(1)>div:nth-of-type(3){
	margin-bottom: 0px;
}


.footer_front>ul>li:nth-child(1)>div:nth-of-type(4){
font-size: calc(var(--kihon-font) + 0.1rem);
 font-weight: bold;
}



.footer_front>ul>li:nth-child(1)>div:nth-of-type(4){
	margin-bottom: 10px;
}


.footer_front>ul>li:nth-child(1)>div:nth-of-type(5){
font-size: calc(var(--kihon-font) - 0rem);
 font-weight: bold;
}


.footer_front>ul>li:nth-child(1)>div:nth-of-type(5){
	margin-bottom: 30px;
}

#map {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
}

#map .map__inner {

}

#map .map__inner iframe {

	width: 100%;
	height: 300px;
}


.green_bt2{

	padding-bottom: 10px;
	border-bottom: 1px #333 solid;
}


.green_bt{
	margin-bottom: 20px;
}

.green_bt>a{
display: block;
width: 100%;
width: 100%;
background: url("../img/bt_arrow2.webp"),var(--kihon-color);
background-repeat: no-repeat,repeat;
background-position: 100% 50%,0;
background-size: 30px,100%;
color: white;	
padding: 20px 20px;
font-size: calc(var(--kihon-font) + 0.2rem);
line-height: 1;
border-radius: 5px;
text-decoration: none;
text-align: left;
border-radius: 5px;
}



.green_bt>a:hover{
opacity: 0.9;
}




.foot_chounai{
	padding-top: 20px;
}


.foot_chounai>div:nth-child(1){
font-size: calc(var(--kihon-font) + 0.5rem);
font-weight: bold;
margin-bottom: 10px;
}

.foot_chounai>div:nth-child(2){
font-size: calc(var(--kihon-font) + 0rem);
font-weight: bold;
margin-bottom: 20px;
}

.foot_chounai>div:nth-child(2)>span{
display: inline-block;
}

.foot_bt_tc>a{
	margin: 0 auto;
}




@media (min-width: 900px) and (max-width:1160px){

	#map .map__inner {
		padding-top: 160%;
	}



.green_bt2{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}


.green_bt2>li:nth-child(1){
width: 100%;
}

.green_bt2>li:nth-child(2){
width: 100%;
}


.green_bt>a{
max-width: 100%;
}


}






footer{
	background: var(--kihon-color);
	padding: 20px 10px 60px 10px;
}

footer>ul{
	display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

footer>ul>li{
margin-bottom: 10px;
width: 50%;
}



footer>ul>li>a{
	display: block;
padding: 2px 5px;
border-radius: 5px;
background: white;
color: var(--kihon-color);
font-size: calc(var(--kihon-font) - 0);
margin-right: 5px;
}



footer>ul>li>a:hover{
text-decoration: none;
opacity: 0.9;
}




footer>ul>li>a:before{
content: '';
display: inline-block;
width: 10px;
height: 10px;
background-image: url("../img/foot_arrow.webp");
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
margin-right: 5px;
margin-left: 5px;
margin-bottom: 4px;
}