@charset "utf-8";
/* CSS Document */
@media screen and (max-width:500px) {
.sp-none02 {display: none;}
.indent_content {padding: 30px 16px;}
.page_thumb {letter-spacing: inherit; font-size: 4vw; height: 100px; margin-bottom: 0; margin-top: 60px; background-position: center; background-size: cover;}
.page_thumb span {font-size: 3vw;}
.content {padding: 16px;}
.page_title p {font-size: 5vw; padding-bottom: 10px;}
.indent_content02 {margin-top: 30px;}

/*header*/
header {padding: 0; width: 100%; height: 60px; background: #fff; position: fixed; z-index: 1000; top: 0; left: 0;}
header h1 {display: none;}
header .inner {margin-top: 0; height: 100%;}
header .inner02,header .global_nav {display: none;}	
header h2 {width: 50%; margin-top: 3%;}	
.s_main_text {left: 16px; width: calc(100% - 32px); bottom: 11%;}
#gloval-nav {display: none;}	
/*sp-menu*/
/*ハンバーガー*/	
#nav-toggle {
position: fixed;
top: 0;
right: 16px;
width: 40px;
height: 40px;
border-radius: 40px;
box-sizing: border-box;
border: 2px solid #ed6c00;
cursor: pointer;
font-size: 14px;
line-height: 1;
margin-top: 10px;
}
#nav-toggle span {
width: 20px;
height: 2px;
left: 0;
right: 0;
margin: auto;
display: block;
background: #ed6c00;
position: absolute;
transition: transform 0.3s ease-in-out, top 0.5s ease;
/* #nav-toggle close */
}
#nav-toggle span:nth-child(1) {
top: 10px;
}
#nav-toggle span:nth-child(2) {
top: 17px;
}
#nav-toggle span:nth-child(3) {
top: 24px;
}

.open #nav-toggle span:nth-child(1) {
top: 17px;
transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
top: 17px;
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 17px;
transform: rotate(-45deg);
}

/* z-index */
#nav-toggle {
z-index: 1000;
}

#container {
z-index: 900;
}

#gloval-nav nav {
z-index: 999;
}

#gloval-nav {
background: url("img/sp/header/nav_bg.jpg")top center no-repeat,url("img/sp/header/nav_bg02.jpg")top center repeat;
position: fixed;
width: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 990;
display: flex;
flex-direction: column;
justify-content: center;
font-size: 4vw;
padding-left: 0;
transform: translateX(-100%);
transition: transform .7s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.open #gloval-nav {
transform: translateX(0);
}

#gloval-nav a {
display: inline-block;
text-decoration: none;
padding: 5px 0;
transition: color 0.6s ease;
}
#gloval-nav ul {
list-style: none;
padding: 0 16px;
letter-spacing: 3px;
}
#gloval-nav ul li {
transform: translateX(-250px);
transition: transform .4s ease;
position: relative;
width: 100%;
border-bottom: 1px dotted #000;
color: #000;
padding: 7px 0;
}

#gloval-nav ul li:nth-child(2) {
transition-delay: 0.15s;
}
#gloval-nav ul li:nth-child(3) {
transition-delay: 0.3s;
}
#gloval-nav ul li:nth-child(4) {
transition-delay: 0.45s;
}
#gloval-nav ul li:nth-child(5) {
transition-delay: 0.6s;
}
#gloval-nav ul li:nth-child(6) {
transition-delay: 0.75s;
}
#gloval-nav ul li:nth-child(7) {
transition-delay: 0.9s;
}
#gloval-nav ul li:nth-child(8) {
transition-delay: 1.05s;
}
#gloval-nav ul li:nth-child(9) {
transition-delay: 1.2s;
}
#gloval-nav ul li:nth-child(10) {
transition-delay: 1.35s;
}
#gloval-nav ul li:nth-child(11) {
transition-delay: 1.5s;
}
#gloval-nav ul li:nth-child(12) {
transition-delay: 1.65s;
}
#gloval-nav ul li:nth-child(13) {
transition-delay: 1.8s;
}
#gloval-nav ul li:nth-child(14) {
transition-delay: 1.95s;
}
#gloval-nav ul li:nth-child(15) {
transition-delay: 2.1s;
}
#gloval-nav ul li:nth-child(16) {
transition-delay: 2.25s;
}

.open #gloval-nav li {
transform: translateX(0);
}

.nav-bg {
opacity: 0;
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
transition: all 1s ease;
}
.nav-bg.active {
opacity: 1;
}

.nav_fixed #nav-toggle span {background: #000;}
.front_main {padding: 0; margin-top: 60px;}
.front_main .news_slider {width: calc(100% - 32px); right: 0; left: 0; margin: auto; bottom: 16px; height: auto; padding-left: 16px; font-size: 4vw;}
	.front_title{left: 0; top: 20%; padding: 16px 20px; display: inline-block; width: 210px;}	
.front_info_item {padding: 16px 0; height: 0!important;}
.front_txt {bottom: 70px; padding-left: 16px; left: inherit; width: 100%;}
	.js-cover {width: auto;}
	.front_txt .orange {font-size: 6vw;}
	.front_txt p {font-size: 5vw; padding: 2%; display: inline-table; width: auto; box-sizing: border-box;}
	.front_txt .js-cover02 {margin-top: 10px;}
	

/*index*/
#index .topic {padding: 30px 16px;}
#index .topic h2 {font-size: 4vw; line-height: 1.5;}
#index .topic .txt01 {font-size: 3.5vw; padding: 20px 16px 0; line-height: 1.5;}
#index .topic .txt02 {padding: 20px 16px 16px; line-height: 1.5;}
#index .topic h3 {font-size: 4.5vw;}
#index .box01 {background-size: cover;}
#index .box01 .link_box {flex-wrap: wrap; width: 100%; margin: 20px auto 0; padding: 0 16px; box-sizing: border-box;}
#index .box01 a {width: 28%;}
#index .box01 a:nth-child(2), #index .box01 a:nth-child(6) {margin: 0;}
#index .box01 a:nth-child(3), #index .box01 a:nth-child(7) {margin: 0;}
#index .box01 a:nth-child(n + 5) {margin-top: 0;}
#index .box01 a:nth-child(n + 4) {margin-top: 10%;}
#index .box01 a:nth-child(2),#index .box01 a:nth-child(5) {margin-left: 8%; margin-right: 8%;}
#index .box01 a:nth-child(7) {margin-right: 8%;}
#index .box01 a p {font-size: 3vw; margin-top: 10%;}
#index .box01 .txt01 {font-size: 6vw;}
#index .box01 h2 {font-size: 4vw; margin-top: 10px;}
#index .box01 .txt01::before,#index .box01 .txt01::after {display: none;}
#index .box02 {padding: 30px 0 0;}
#index .box02 .inner {display: block;}
#index .box02 .img_box {min-width: inherit; right: 0;}
#index .box02 .bg_box {display: none;}
#index .box02 .icon_text {font-size: 15vw; right: 0;}
#index .box02_left_box {position: relative; background: #ffdbae; padding: 30px 0;}
	#index .box02 h2 {text-align: center;}
	#index .box02 h2 span {font-size: 5vw; margin-bottom: 3%;}
	.box02_left_box h2 .char01::after,.box02_left_box h2 .char02::after {height: 2px; bottom: -4px;}
	#index .box02 .txt {font-size: 3.5vw; margin: 20px auto 30px; width: 100%; padding: 0 16px; box-sizing: border-box;}
	#index .box02 .btn {width: 70%; padding: 16px 0; font-size: 3.5vw; letter-spacing: 3px; margin: auto;}
	#index .box03 .inner {display: block;}
	#index .box03 a {width: 100%; padding: 30px; font-size: 4vw;}
	#index .box03_inner.inview .scrt-to-top:nth-child(n + 2) {margin-top: 20px;}
	#index .box03 .txt01 {font-size: 7vw;}	
	#index .box03 .icon {width: 20%; margin: 20px auto;}
	#index .box03 .txt03 {font-size: 4vw;}
	#index .box03 .txt03 p {margin-right: 3%;}
	#index .box03 .txt03 img {width: 2%;}
	#index .box03 .scrt-to-top:nth-child(1) .icon {padding-left: 4%;}
	#index .box04 .inner {display: block;}
	#index .box04 .box {width: 100%;}
	#index .box04 .title_box {font-size: 7vw; display: block; text-align: center;}
	#index .box04 .item {font-size: 3.5vw; padding: 16px 0;}
	#index .box04 .time {margin-right: 4%;}
	#index .box04 .btn {width: 70%; padding: 16px 0; font-size: 3.5vw; letter-spacing: 3px; margin: 30px auto;}
	#index .box04 h2 {margin-left: 0; font-size: 4vw; margin-top: 5px;}
	#index .box04 table {margin: 20px auto;}
	#index .box04 th, #index .box04 td {font-size: 3.5vw; padding: 10px 5px;}
	#index .box04 th {padding: 10px 0;}
	#index .box04 li {font-size: 3.5vw; line-height: 1.5;}
	#index .box04 .txt0101 {margin-left: inherit;}
	#index .box05 .inner {display: block;}
	#index .box05 a {width: 100%;}
	#index .box05_inner.inview .scrt-to-top:nth-child(n + 2) {margin-top: 20px;}
	#index .box06 {padding: 30px 0;}
#index .box06 .txt01 {font-size: 6vw;}
#index .box06 h2 {font-size: 4vw; margin-top: 10px;}
#index .box06 .txt01::before,#index .box06 .txt01::after {display: none;}
#index .box06 .inner {display: block; margin: 20px auto 0; padding: 0 16px;}
#index .box06 iframe {width: 100%; min-width: inherit; height: 250px; margin-bottom: 20px;}
	#index .box06 .box {width: 100%; min-width: inherit; margin-left: 0; padding: 20px 0; border-bottom: 3px solid #ed6c00;}
	#index .box06 .txt02 {font-size: 6vw;}
	#index .box06 .txt03 {font-size: 4vw;}
	#index .box06 .txt_box {font-size: 3.5vw; margin-top: 10px;}
	#index .box06 .btn {width: 70%; padding: 16px 0; font-size: 3.5vw; letter-spacing: 3px; margin: 16px auto 0;}
	#index .box06 .img {min-width: inherit; width: 100%; display: none;}
	#index .box06 .txt0101,#index .box07 .txt0101 {line-height: 1; margin-top: 0;}
	#index .box07 .txt01,#index .box08 .txt01 {font-size: 6vw;}
	#index .box07 .txt0101 {margin-bottom: 10px;}
#index .box07 h2,#index .box08 h2 {font-size: 4vw; margin-top: 10px;}
#index .box07 .txt01::before,#index .box07 .txt01::after,#index .box08 .txt01::before,#index .box08 .txt01::after {display: none;}
#index .box07 .inner {display: block;}
	#acMenu dt,#acMenu dd {width: 100%; background-size: 3.5%;}
	#acMenu dt img, #acMenu dd img {width: 7.5%; margin-right: 3%;}
	#acMenu h3 {font-size: 3.5vw;}
	#index .box08 .blog_box {border: 2px solid #eee; padding: 10px; margin-top: 10px;}
	#index .box08 .item {font-size: 3.5vw; padding: 10px 0;}
	#index .box08 .time {font-size: 3vw;}
	#index .box08 .tag {width: auto; height: auto; padding: 1% 2%; margin: 0 3%;}
	#index .box08 .btn {width: 70%; padding: 16px 0; font-size: 3.5vw; letter-spacing: 3px; margin: 30px auto 0;}
	
/*footer*/
	footer .box09 .nav {display: none;}
	footer .box09 .inner {display: block;}
	footer .box09 table {margin: 20px auto;}
	footer .box09 th, footer .box09 td {font-size: 3.5vw; padding: 10px 5px;}
	footer .box09 th {padding: 10px 0;}
	footer .box09 .ul01 li {font-size: 3.5vw; line-height: 1.5;}
	footer .box09 .mail {width: 70%; margin: 20px auto; font-size: 3.5vw;}
	footer .box09 .ul02 li {font-size: 3.5vw; margin-top: 10px; text-align: center;}
	footer .box09 .logo {width: 30%; margin: 30px auto 0;}
	footer .box09 .r_bnr{width: inherit; margin-bottom: 20px;}
	footer .box09 .r_bnr::after{position: inherit;}
	footer .box10 {padding: 30px 0; background-position: center; background-size: cover;}
	footer .box10 .logo {width: 60%;}
	footer .home_link,footer .box10 .inner {display: none;}
footer .copyright {display: block; font-size: 3vw;}
.stoker02 {display: flex; justify-content: space-between;}
.stoker02 li{width: 50%;}

#pop_banner {
padding: 0;
z-index: 50;
background: none;
width: 100%;
border: none;
bottom: 0;
position: fixed;
}

.pan {
display: none;
}
.page_top_img {
margin-top: 30px;
}

.navigation {margin-bottom: 20px;}
	.page_title_box {font-size: 4.5vw; margin: 30px auto;}
	.b_page_title {font-size: 5vw; letter-spacing: 1px; display: block; margin-bottom: 10px;}	
	.b_page_title::before, .b_page_title::after {display: none;}
	/*general*/
	#general .box00 {padding: 20px 16px;}
	#general .box00 a {width: 27%;}
	#general .box00 a:nth-child(2) {margin: 0 5%;}
	.preventive .box00 a:nth-child(2) {margin-right: 0!important;}
	#general .box00 a p {font-size: 3.5vw; margin-top: 16px;}
	#general .box01 h2 {font-size: 4vw; line-height: 2; margin-bottom: 20px;}
	#general .box01 p {font-size: 3.5vw; padding: 0 16px;}
	#general .box01 .p01 {margin: 10px 0;}
	#general .box02 .inner {display: block;}
	#general .box02 .img {min-width: inherit;}
	#general .box02 .title {min-width: inherit; padding-right: 0; margin-left: 0; display: block; text-align: center; border-bottom: 2px solid #94b915; margin-top: 20px;}
	#general .box02 h2 {font-size: 5vw;}
	#general .box02 .title img {display: none;}
	#general .box02 .txt, #general .box02 .txt02, #general .box02 .txt03 {margin: 20px auto 10px;}
	#general .box02 p {font-size: 3.5vw; padding: 0 16px;}
	#general .box02 .title02 {margin-right: inherit; padding-left: inherit;}
	.sub_page {padding-bottom: 30px;}
	#general .flow,#general .img_txt01,#general .menu{margin-top: 30px;}
	
/*introduction*/
	#introduction .box00 {display: none;}
	#introduction .box01 h2 {display: block; font-size: 5vw; text-align: center;}
	#introduction .box01 .min {font-size: 3.5vw; margin: 30px auto; text-align: center;}
	#introduction .box01 .min span {font-size: 3.5vw;}
	#introduction .box01 ul {justify-content: space-between;}
	#introduction .box01 li {width: 48%; margin-right: 0;}
	#introduction .box01 li:nth-child(n + 3),#introduction .box01 li:nth-child(n + 5) {margin-top: 5%;}
	#introduction .box01 h3 {font-size: 4vw; padding: 5px 0 7px; line-height: 1.3;}
	#introduction .box01 li p {font-size: 3vw;}
	
	/*blog*/
	#blog .blog_area,#info .info_area {padding: 20px 16px; border: none; font-size: 3.5vw;}
	#blog .blog_item,#info .info_item {padding: 15px 0;}
	#blog .tag {width: auto; height: auto; padding: 1% 2%; margin: 0 3%;}
	#blog h3 {font-size: 3.5vw;}
	#info h3 {margin-left: 3%; font-size: 3.5vw;}
	#blog_single .box01,#info_single .box01 {padding: 20px 16px; border: none; margin-bottom: 20px; font-size: 3.5vw;}
	#blog_single .box01 h2,#info_single h2 {font-size: 4vw; margin: 10px auto;}
	
/*access*/
	#access .box01 {width: 100%; padding: 0 16px; box-sizing: border-box;}
	#access .box01 table {margin: 20px auto;}
	#access .box01 th, #access .box01 td {font-size: 3.5vw; padding: 10px 5px;}
	#access .box01 th {padding: 10px 0;}
	#access .box01 li {font-size: 3.5vw; line-height: 1.5;}
	#access .box02 .img {border: 2px solid #ed6c00;}
	#access .box03 iframe {width: 100%; height: 250px;}
	#access .box04 .inner {padding: 0 16px;}
	#access .box04 img {width: 48%;}
	#access .box04 img:nth-child(n + 3) {margin-top: 4%;}

/*guidance*/
	#guidance .box01 h3 {font-size: 4.5vw; margin-bottom: 30px;}
	#guidance .box01 .inner {display: block; font-size: 3.5vw;}
	#guidance .box01 .inner img {margin: 0 auto 16px;}
	#guidance .box01 .inner p {padding: 0 16px;}
	#guidance .box02 table,#guidance .box03 table {font-size: 4vw; box-sizing: border-box; width: calc(100% - 32px); border-spacing: 0; border-collapse: collapse;}
	#guidance .box02 table th,#guidance .box02 table td,#guidance .box03 table th,#guidance .box03 table td {display: block; width: 100%;}
	#guidance .box02 table td,#guidance .box03 table td {margin-bottom: 10px;}
	#guidance .box02  ul {padding: 0 16px;}
	#guidance .box02 li ,#guidance .box02 li:nth-child(3n){width: 48%; font-size: 3.5vw;margin-right: 4%;}
	#guidance .box02 li:nth-child(2n){margin-right: 0;}
	#guidance .box02 .txt01 {font-size: 4vw;}
	#guidance .box02 li:nth-child(n + 4),#guidance .box02 li:nth-child(n + 3) {margin-top: 4%;}
	#guidance .box000 .txt01{font-size: 3.5vw; text-align: start; padding: 0 16px;}
	#guidance .box000 h3{font-size: 4.5vw; position: inherit; margin: 30px auto;}
	#guidance .box000 .box01{padding: 0 16px 20px 16px; border: none; border-bottom: solid 3px #ed6c00}
	#guidance .box000 table tr:first-child th{border-top: solid 2px #dcdcdc;}
	#guidance .box000 table tr th, #guidance .box000 table tr td{width: 100%; padding: 20px 16px; display: block;}
	#guidance .box000 table tr th{text-align: center;}
	#guidance .box000 table tr td{border-top: none; padding-top: 0;}
	
	
	#guidance .box03 .inner {display: block;}
	#guidance .box03 .inner img {margin: 0 auto;}
	#guidance .box03 .txt01 {font-size: 3.5vw;line-height: 2; margin-top: 16px; padding: 0 16px;}
	#guidance .box03 .txt02 {position: relative; font-size: 4vw; right: inherit; bottom: inherit; text-align: right; margin-right: 16px; padding: 0 16px;}
	#guidance .box03 .txt02 p:first-child {margin-bottom: 2%;}
	#guidance .page_title_box02 {margin-bottom: 20px;}
	#guidance .page_title_box02 p {font-size: 5vw;}
	#guidance .page_title_box02 h3 {font-size: 4.5vw;}
	#guidance .box03 .link_box {width: 100%; font-size: 4vw; padding: 0 16px; box-sizing: border-box;}
	#guidance .box03 .link_box a {width: 35%; font-size: 3.5vw; border-radius: 15px; padding: 5px 0; height: auto;}
	#guidance .box03 .link_box01 {margin-bottom: 16px;}

/*contact*/
#contact .box01 {border: none; box-shadow: none; border-bottom-radius: 0; background: none; padding: 0 16px; font-size: 3.5vw; line-height: 1.5;}
#contact .box01 ul {margin-top: 20px;}	
	#contact .box01 li {margin-top: 10px;}
	#contact .txt01 {font-size: 4.5vw; border-radius: 0; width: 100%;}	
	#contact .txt02 {font-size: 4vw; margin: 30px auto 16px;}
	#contact .tel {font-size: 7vw;}
	#contact .tel span {font-size: 9vw;}
	#contact .box02 table {font-size: 3.5vw; margin-bottom: 20px;}

#contact .table01 {margin: 16px auto; border: 1px solid #d2d2d2;}
.mw_wp_form {padding: 0 16px;}
#contact .table01 th, #contact .table01 td {width: 100%; display: flex; justify-content: space-between; font-size: 3.5vw; padding: 10px; border-bottom: 1px solid #d2d2d2;}
#contact .table01 input {position: relative; margin: 0; vertical-align: middle;}
#contact .table01 input, #contact .table01 textarea {font-size: 16px;}
.mw_wp_form_input .btn input {width: 100%!important; font-size: 3.5vw!important; padding: 15px 0!important; margin-bottom: 20px;}
#contact .thanks {padding: 20px 16px; font-size: 3.5vw; margin-bottom: 0;}
/*sitemap*/
#sitemap li {font-size: 4vw; line-height: 2;}



}
@media screen and (max-width:350px) {
header h1 {display: none;}
}