@media screen and (min-width:1185px) {
/* ここにPC向けのCSS指定 */
  #ham-menu {
	display: none;
 }
 
  body {
      font-size: 17px;
  }
  
  #notpc {
   display: none;
  }
  
}

@media screen and (max-width: 1600px) {
	.site-branding-sub .site-title {
		font-size: 2.0rem;
	}
	
	.heading06_conback {
		margin-top: -7vw;
	}
	
	#topback02 .heading06::before {
		left: 21vw;
	}
	
	.site-branding-sub  .site-branding-text {
		bottom: -1vw;
	}
	
	#topback03 .heading06::before {
		top: 3.5vw;
		left: 40vw;
	}
}

@media screen and (max-width: 1450px) {
  #site-header-logo {
   padding-left: 10px;
   font-size: 2.2rem;  
  }
  
  #global-nav ul li a {
   padding: 14px 0.6em;
  }
  
	.site-branding {
		top: 30vw;
	}
	
  .site-branding-text {
   width: 560px;
  }
  
  .home .site-title {
     font-size: 1.5rem;
    line-height: 2rem;
  }
	
	.heading06 {
	font-size: 30px;
		padding-left: 10vw;
}

.heading06::before {
	content: "";
    position: absolute;
    top: 4vw;
    left: 6.5vw;
    border: 15px solid transparent;
    border-top: 22px solid #009fe8; 
}

.heading06::after {
	font-size: 3rem;
	margin-left: -4vw;;
}
	
	.heading06_conback {
		margin-top: -8vw;
	}

#topback02 .heading06::before {
	left: 22vw;
}
	
	#topback03 .heading06::before {
	left: 40vw;
}
	
	.site-title #site-title-en {
 font-size: 1.5rem;
}
	
	.site-branding-sub .site-branding-text {
		width: 50%;
	bottom: -1vw;
	}
	
	#topimg {
	top: 6vw;
}
	
	.heading06_pro {
		 text-align: left;
		margin-left: 3%;
		margin-right: 0;
	}
	
	.heading06_proback {
		background-position: left top;
		background-size: 28%;
		height: auto;
	}
}

@media screen and (max-width: 1280px) {
		#topback03 .heading06::before {
			top:4.5vw; 
	left: 39vw;
}
}
@media screen and (max-width: 1184px) {
/* ここにpad向けのcss */
  body {
      font-size: 17px;
  }
  
  #global-nav {
   display: none;
  }
  
  #notsp {
   display: none;
  }
  
  #ham-menu h3 {
   font-size: 1.8rem
  }
  
  #ham-menu li {
   font-size: 1.5rem;
  }
	
	.site-branding {
		top: 23vw;
	}
    
  .site-title {
   font-size: 2.5rem;
   line-height: 3rem;
   width: 90%;
   margin-left: auto;
   margin-right: auto;
  }
  
  .site-title #site-title-en {
   font-size: 1.2rem;
  }
	
	#topimg {
		padding-bottom: 20%;
		height: 60%;
	}
	
	.img-frame {
		padding-top: 55vw;
	}
    
  .inner-wrap {
    clear: both;
    float: right;
    width: 100%;
    text-align: left;
  }
  
  .site-branding-text {
   width: 100%;
   float: none;
   clear: both;
    height: auto;
	  margin-top: 0;
  }
  
  .home .site-title {
     font-size: 1.6rem;
    line-height: 2rem;
    height: auto;
  }
      
  #logo {
   height: auto;
  }
  
  #topback01 {
   background-size: 80%;
  }
  
  #topback03 {
   background-size: 80%;
  }
  
  #contentspageback01 {
   background-size: 80%;
  }
  
  #zumenback {
   background-size: 80%;
  }
  
  #kouteiback {
   background-size: 80%;
  }
  
  #mailback {
   background-size: 80%;
  }
	
	 #topcontents {
	  margin-top: 0vw;
  }
  
  #topimg-sub {
   float: none;
   width: 100%;
   height: auto;
  }
  
  .site-branding-sub {
	  position: relative;
   padding-top: 20px;
   height: auto;
   max-height: 100%;
  }
  
  .site-branding-sub #titlemargin {
   position: static;
  }
  
  .site-branding-sub .inner-wrap {
   float: none;
	  position: absolute;
	  bottom: 0;
	  width: 100%;
	  height: 100%;
	  background-position: left top;
	  background-size: 60%;
	  background-repeat: repeat-y;
  }
	
	.site-branding-sub .site-branding-text {
		width: 50%;
		left: 0;
	}
	
	.site-branding-sub .site-title {
		font-size: 1.4rem;
	}
  
  p#kjinfo {
	width: 94%;
	margin-left: 3%;
	margin-right: 3%;
	font-size: 23px;
	text-align: left;
  }
	
	#kjinfoimg {
		width: 80%;
	}

  #topback02 .news dd {
   width: 90%;
  }
	#topback02 .heading06::before {
		top: 38%;
	left: 44vw;
		padding-top: 0;
}
	
	#topback02 {
		display: block;
   padding-bottom: 3%;
  }
	
	.newsback {
		background-size: contain;
		background-position: top center;
		margin-left: 0;
		height: auto;
	}
	
	#topback02 .heading06 {
		padding-top: 5%;
	}

	#topback03 .heading06::before {
		top: 5vw;
		left: 37vw;
	}
	
  #topcontents-sub {
   margin-top: -1vw;;
  }
  
  #page-top{
      width: 7%;
  }
	
	#w40 {
		width: 99%;
		margin-left: 0.5%;
		margin-right: 0.5%;
		float: none;
		clear: both;
		margin-bottom: 20px;
	}
	
		#w60 {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		float: none;
		clear: both;
		margin-bottom: 20px;
	}
	
	#contentsimg #w50 {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		float: none;
		clear: both;
		margin-bottom: 20px;
	}
	
	.button_con a {
		margin: 0 auto;
	}
	
	.heading06_proback {
		background-size: 30%;
		height: auto;
	}
	}
 
@media screen and (max-width: 1024px) {
	#topimg {
		max-height: 85%;
		height: auto;
		padding-bottom: 0;
	}
	
	.heading06::before {
		top: 5vw;
	}
	
	.site-branding-sub .site-branding-text {
        bottom: 0vw;
    }
	
	.heading06_pro {
		padding-top: 0;
	}
	
}

@media screen and (max-width: 920px) {
	#topback02 .heading06::before {
		top: 6vw;
		left: 42vw;
	}
	
	.heading06::before {
		top: 6vw;
		left: 4.5vw;
	}
	
	#topback03 .heading06::before {
		top: 6vw;
		left: 34vw;
	}
	
	#topimg {
		top: 6vw;
	}
}

@media screen and (max-width: 800px) {
	#site-header-logo {
		font-size: 1.8rem;
	}
	
	.site-branding-sub .site-branding-text {
		width: 70%;
	}
	
	#logo {
		width: 60%;
		max-width: 250px;
	}
	
	#topcontents-sub {
		margin-top: -3vw;
	}
	
	#pickup #w50 {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		float: none;
		clear: both;
		margin-bottom: 20px;
	}
	
	.site-branding-sub .site-title {
		font-size: 1.2rem;
	}
	
	.heading06::before {
		top: 6vw;
		left: 5.5vw;
	}
	
	.heading06_conback {
		margin-top: -9vw;
	}
	
	#topback02 .heading06::before {
	top: 6vw;
	left: 40vw;
}
	
	#topback03 .heading06::before {
		top: 7vw;
   left: 32vw;
}
	
	#maptitle {
 background-position: 50% 50%;
 background-size: 90%;
}	
	
}

@media screen and (max-width: 660px) {
	#topback02 .heading06::before {
		left: 37vw;
	}
	
	#topback03 .heading06::before {
		top: 8vw;
		left: 28vw;
	}
	
	.heading06::before {
        top: 8vw;
        left: 4vw;
    }
}

@media screen and (max-width: 560px) {
	.site-branding-sub .site-branding-text {
		width: 80%;
	}
	
	.heading06_leftback {
		background-position: 0% 0%;
    background-size: 50%;
		height: auto;
	}
	
	.heading06 {
	font-size: 20px;
		padding-left: 11vw;
}

.heading06::before {
    top: 8vw;
    left: 3.5vw;
    border: 13px solid transparent;
    border-top: 20px solid #009fe8; 
}
	.heading06_conback {
		margin-top: -10.5vw;
		background-position: 100% 0%;
    background-size: 50%;
	}
	
	.heading06_proback {
		background-size: 50%;
		height: auto;
	}
	
	#topback03 .heading06::before {
   left: 31vw;
}
	
	#topback03 .heading06::after {
		margin-left: 0;
}
	
	.heading06::after {
		margin-left: -9vw;
	}
	
	#topimg {
		clip-path: none;
	}
	
	#topcontents {
		margin-top: 20vw;
	}
	
	#topback {
		top: 22vw;
	}
	
	#topback02 .heading06 {
   padding-left: 5vw;
}
	
	#topback02 .heading06::before {
   left: 37vw;
}
	
	#topback02 .heading06::after {
		margin-left: -3vw;
}
}

@media screen and (max-width: 500px){
/* ここにスマホ向けのcss */
  body {
      font-size: 14px;
  }

  #global-nav {
   display: none;
  }

  #notsp {
   display: none;
  }
  
  .site-branding-text {
    padding-bottom: 0;
  }
  
  .home .site-title {
     font-size: 1.2rem;
    line-height: 1.4rem;
    height: auto;
    padding-bottom: 10px;
    margin-bottom: 0;
	  margin-left: 3%;
  }

  .site-title {
   font-size: 1.3rem;
   line-height: 1.3rem;
  }
  
  .site-title #site-title-en {
   font-size: 1rem;
  }
  
  .site-branding {
   padding-top: 30px;
	  top: 25vw;
  }
  
  #ham-menu h3 {
   font-size: 1.3rem
  }
  
  #ham-menu li {
   font-size: 1rem;
  }
  
  #topcontents h2 {
   margin-top: 10px;
   font-size: 1.0rem;
  }
	
	#apiback {
		background-size: 100%;
		background-position: center top;
	}
  
  #topback02 dl {
   margin-top: -2vw;
  }
  
  #topcontents {
   padding-bottom: 20px;
	  margin-top: 45vw;
  }  

  #topback01 {
   background-size: 90%;
  }
  
  #topback03 {
   background-size: 70%;
  }
  
  #contentspageback01 {
   background-size: 90%;
	  padding-bottom: 0;
  }
  
  #zumenback {
   background-size: 90%;
  }
  
  #kouteiback {
   background-size: 90%;
  }
  
  #mailback {
   background-size: 90%;
  }
  
  #topcontents-sub h2 {
   font-size: 1.0rem;
   margin-top: 10px;
   padding-top: 10px;
  }
  
  p#kjinfo{
  font-size: 17px;
  }
	
	#kjinfoimg {
		width: 90%;
	}
  
  #site-header-logo {
   font-size: 1.3rem;
  }
  
  #banner30 {
   width: 80%;
   margin-left: auto;
   margin-right: auto;
   float: none;
   clear: both;
   margin-top: 10px;
   margin-bottom: 10px;
  }
  
	#topback02 {
   padding-bottom: 50px;
  }
	
  #topback02 .news dt {
   font-size: 16px;
  }
  
  #topback02 .news dd {
   padding-left: 5px;
   padding-right: 5px;
   font-size: 15px;
   line-height: 20px;
   margin-left: 15px;
   margin-bottom: 20px;
  }
  
  #w50 {
   width: 99%;
   margin-left: 0.5%;
   margin-right: 0.5%;
   margin-top: 15px;
   margin-bottom: 2px;
   float: none;
   clear: both;
  }
  
	#pickup #w50 {
   width: 99%;
   margin-left: 0.5%;
   margin-right: 0.5%;
   margin-top: 15px;
   margin-bottom: 2px;
   float: none;
   clear: both;
	}
	
  #pickup h3 {
   font-size: 1.0rem;
  }
  
  .btn, a.btn, button.btn {
   font-size: 16px;
  }
  
  #topcontents-sub {
	  margin-top: -2vw;
  }
  
  #ft #banner30 h3 {
   font-size: 17px;
   line-height: 20px;
   margin-top: 0px;
   margin-bottom: 10px;
   padding-top: 30px;
  }
  
  .site-branding-sub .inner-wrap {
   float: none;
   /*margin-top: -57vw;*/
  }
	
.site-branding-sub  .site-branding-text {
   width: 80%;
	bottom: 1vw;
}
	
	.site-branding-sub .site-title {
		font-size: 1.2rem;
	}
  
  th {
   font-size: 17px;
   width: 50%;
   line-height: 23px;
   display: block;
   padding-left: 5px;
   margin-top: 5px;
   margin-bottom: 5px;
	  margin-left: 0;
  }
  
  td {
   font-size: 16px;
   width: 92%;
   line-height: 23px;
   display: block;
   padding-left: 5px;
   margin-top: 5px;
   margin-bottom: 15px;
   margin-left: 5%;
  }
  
  #photo30 {
   width: 99%;
   margin-left: 0.5%;
   margin-right: 0.5%;
   margin-top: 15px;
   margin-bottom: 2px;
   float: none;
   clear: both;
  }
  
  h3 {
   font-size: 18px;
  }
  
  #page-top{
      width: 10%;
  }
	
	.heading06 {
		padding-top: 0;
		padding-bottom: 0;
  }
  
  .heading06::after {
   font-size: 1.5rem;
	  margin-left: -8vw;
  }
  
  .heading06::before {
	  top: 1vw;
    left: 4.5vw;
    border: 8px solid transparent;
    border-top: 12px solid #009fe8; 
  }
	
	#topcontents-sub .heading06_con {
	padding-top: 20px;
}
	
		#topcontents-sub .heading06_left {
	padding-top: 20px;
}
	
	.heading06_con::before {
	font-size: 15px;
}
	
	.heading06_map::before {
	font-size: 15px;
}

	.heading06_left::before {
	font-size: 15px;
}
	
	#logo {
   width: 60%;
  }
	
	#topback03 .heading06::before {
		top: 2vw;
   left: 34vw;
}
	
	.newsback {
		background-size: contain;
		background-position: top center;
		margin-left: 0;
		height: 200px;
	}
	
#maptitle {
 background-size: contain;
padding-bottom: 10px;
	margin-top: 10vw;
}
	
	.backpath {
		background-size: cover;
	}
	
	#w50 {
		width: 99%;
		margin-left: 0.5%;
		margin-right: 0.5%;
		float: none;
		clear: both;
		margin-bottom: 20px;
	}
	
	#ft {
		margin-top: -3vw;
	}
	
	#ftback {
		background-position: 140% 0%;
		background-repeat: repeat-y;
	}
	
	.heading06_map {
		padding-bottom: 0;
	}
	
	#topimg {
		width: 100%;
		padding-bottom: 6%;
	}
	
	#topback {
		top: 45vw;
	}
	
	.button_con a {
		width: 200px;
		font-size: 15px;
	}
	
	.img-frame {
		padding-top: 80vw;
	}
	
	#topback02 .heading06 {
		padding-top: 15%;
   padding-left: 11vw;
}
	
	#topback02 .heading06::before {
   top: 16vw;
	left: 42vw;
}
	
	#topback02 .heading06::after {
		margin-left: -8vw;
}
	
	#topback03 .heading06 {
    padding-left: 5vw;
} 
	
	#topback03 .heading06::after {
        margin-left: -8vw;
    }
	
	#topback03 .heading06::before {
        left: 36vw;
    }
	
	.heading06_pro::before {
		font-size: 20px;
	}
  
}

@media screen and (max-width: 390px) {
	
	#site-header-logo {
		font-size: 1.2rem;
	}
	
	.site-branding-sub  .site-branding-text {
   width: 90%;
}
	
	#topback03 .heading06::before {
		top: 2vw;
		left: 33vw;
	}
	
	#topback02 .heading06::before {
		top: 17vw;
		left: 41vw;
	}
	
	#topback {
		top: 45vw;
	}
	
	.site-branding {
		top: 25vw;
	}
	
	.heading06::before {
		top: 2vw;
	}
}