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

	初期設定用

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

:root{
	--main-width:1200px;
	--kihon-font:1.3rem;
	--kihon-color:#009ba7;
	
    --kihon-color2:#907908;
	--kihon-basecolor:#fcfaf1;

  scroll-padding: 230px;
  scroll-behavior: smooth;
}


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;

}




body{font:13px/1.231 "Noto Serif JP",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;
}

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


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


li{
	list-style: none;
}

.all_wrap{
	padding-top: 195px;

}


.tc{
	text-align: center;
}






.sp_menu,#nav-input{
	display: none;
}




.header{
display: flex;
justify-content: space-between;
align-items: center;
background: var(--kihon-basecolor);
position: fixed;
width: 100%;
top: 0;
z-index: 9999;
}

.header>li:nth-child(1){
max-width: 375px;
padding:20px;
width: 30%;
}

.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){

display: flex;
justify-content: flex-end;
padding:20px;
width: 70%;
}

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


.header>li:nth-child(2)>div>ul:nth-child(1){
margin-bottom: 10px;
display: flex;
max-width: 670px;
width: 100%;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 0 0 auto;
}


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

width: 49%;

margin-bottom: 15px;
}

.header>li:nth-child(2)>div>ul:nth-child(1)>li>a{
	background: var(--kihon-color);
border-radius: 10px;
padding: 13px 15px;
color: white;
font-size: calc(var(--kihon-font) + 0.3rem);
line-height: 100%;
text-decoration: none;
display: block;
}

.header>li:nth-child(2)>div>ul:nth-child(1)>li>a{
  background-size: 30px;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) 50%; 
}


.header>li:nth-child(2)>div>ul:nth-child(1)>li:nth-child(3)>a{
 background-image: url("../img/head_icon_fax.webp");
}

.header>li:nth-child(2)>div>ul:nth-child(1)>li:nth-child(2)>a{
 background-image: url("../img/head_icon_soudan.webp");
}

.header>li:nth-child(2)>div>ul:nth-child(1)>li:nth-child(4)>a{
 background-image: url("../img/head_icon_map.webp");
}

.header>li:nth-child(2)>div>ul:nth-child(1)>li:nth-child(1)>a{
 background-image: url("../img/head_icon_siryou.webp");
}




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



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

.header>li:nth-child(2)>div>ul:nth-child(2)>li{
margin-right: 10px;
}

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

.header>li:nth-child(2)>div>ul:nth-child(2)>li>a{
display: block;
padding: 1px 8px 1px 7px;
font-size: var(--kihon-font);
color: white;
background: var(--kihon-color);
border-radius: 10px;
text-decoration: none;
}


.header>li:nth-child(2)>div>ul:nth-child(2)>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:nth-child(2)>li>a:hover{
opacity: 0.9;
}


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

   /* 横幅が1120px以下の場合に適用するスタイル */


.header>li:nth-child(2)>div>ul:nth-child(2)>li{
margin-bottom: 10px;
width: 30%;
}

.header>li:nth-child(2)>div>ul:nth-child(2)>li:nth-child(3n){
margin-right: 0;
}


.header>li:nth-child(2)>div>ul:nth-child(2)>li:nth-last-child(1),
.header>li:nth-child(2)>div>ul:nth-child(2)>li:nth-last-child(2){
	margin-bottom: 0;
}


.all_wrap{
	padding-top: 233px;

}


.header>li:nth-child(2)>div>ul:nth-child(2)>li>a{
font-size: calc(var(--kihon-font) - 0.1rem);
}


}







.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-block;
	font-size: var(--kihon-font) ;
	line-height: 1.7;
}


.kihon_text{
	margin-bottom: 30px;
}




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

.footer_front>ul{
max-width: var(--main-width);
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: center;
}


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

.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{
	        pointer-events: none;
        cursor: default;
        text-decoration: none;
        color: black;
}

.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;
}

.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 {
	position: relative;
	height: 0;
	padding-top: 120%;
	overflow: hidden;
}

#map .map__inner iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.green_bt2{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding-bottom: 10px;
	border-bottom: 1px #333 solid;
}


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

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

.green_bt{
	margin-bottom: 20px;
}

.green_bt>a{
display: block;
max-width: 300px;
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.15rem);
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 0 60px 0;
}

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

footer>ul>li{
margin-right: 10px;
margin-bottom: 10px;
}



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



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



footer>ul>li:nth-last-child(1)>a{
margin-right: 0;
}

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;
}