@charset "utf-8";
/* CSS Document */
@media screen and (max-width:500px) {
.sp-none02 {display: none;}
.indent_content {padding: 30px 16px;}
.page_thumb {height: 150px; margin-top: 60px; position: inherit; background-size: cover;}
	.page_thumb p span {font-size: 3.8vw;}
.indent_content02 {margin-top: 30px;}
	.pan {display: none;}
	.page_title {font-size: 5vw; margin: 30px auto;}
	#reason .page_title {line-height: 1.5;}
	
	
/*header*/
	.front_main{margin-top: 60px;}
	.front_main img {min-width: inherit; left: 0; margin-left: inherit;}
	header {height: 60px; display: flex; align-content: center; justify-content: center; padding: 10px; box-sizing: border-box; position: fixed; top: 0; left: 0; z-index: 200; width: 100%;}
	header .inner {padding: 0;}
	header .right_box {display: none;}
	header h1 {display: none;}
	header h2 {width: 50%;}
	.front_contact_box,.global_nav {display: none;}

/*ハンバーガー*/	
	#nav-toggle {
  position: fixed;
  top: 6px;
  right: 5%;
width: auto;
  cursor: pointer;
  font-size: 2.5vw;
color: #000;
}
#nav-toggle > div {
  position: relative;
  width: 100%;
}
#nav-toggle span {
  width: 100%;
  height: 2px;
  left: 0;
  display: block;
  background: #000;
  position: absolute;
  transition: transform 0.3s ease-in-out, top 0.5s ease;
  /* #nav-toggle close */
}
#nav-toggle span:nth-child(1) {
  top: 0;
}
#nav-toggle span:nth-child(2) {
  top: 9px;
  width: 70%;
}
#nav-toggle span:nth-child(3) {
  top: 18px;
  width: 90%;
}

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

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

#container {
  z-index: 900;
}

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

#gloval-nav {
  background: url("img/sp/header/nav_bg.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: 3.5vw;
  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: 3% 0;
  transition: color 0.6s ease;
}
#gloval-nav ul {
  list-style: none;
padding: 0 16px;
letter-spacing: 3px;
}
#gloval-nav ul li {
  position: relative;
  width: 100%;
  border-bottom: 1px dashed #000;
color: #000;
}

.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;
}
	#gloval-nav .logo {width: 50%; margin-bottom: 5%;}
	


/*index*/
	#index .box01 {background: url("img/index/box01_bg02.jpg")top left repeat;}
	#index .box01 h2 {font-size: 5vw; color: #fff;}
	#index .box01 .min {font-size: 3.5vw; margin-bottom: 30px; color: #fff;}
	#index .box01 .online_list  {display: block; border: 3px solid #ce2323;}
	#index .box01 .item {border-bottom: solid 3px #ce2323; padding: 16px;}
	#index .box01 .img_box img {height: auto;}
	#index .box01 .txt {font-size: 3.5vw;}
	#index .box01 .time {font-size: 3.5vw; width: auto; padding: 0 10% 2px;}
	#index .box01 h3 {font-size: 3.7vw; word-break: keep-all;}
	#index .box01 .date {font-size: 3.5vw; margin-left: 100px; padding-left: 10px;}
	#index .box01 .number {font-size: 4vw;}
	#index .box02 h2 {font-size: 5vw;}
	#index .box02 .min {font-size: 3.5vw; margin-bottom: 20px;}
	#index .box02 .inner {display: block;}
	#index .box02 .inner::before {display: none;}
	#index .box02 .img {position: relative; margin-bottom: 20px;}
	#index .box02 .txt_box {position: relative; width: 100%; bottom: inherit; right: inherit;}
	#index .box02 h3 {width: 80%;}
	#index .box02 .txt01 {margin: 20px auto;}
	#index .box02 .txt01 p span {font-size: 3.5vw;}
	#index .box02 .txt01 p:nth-child(2) {margin-top: 10px;}
	#index .box02 .inner::after {display: none;}
	#index .box02 .txt02 {padding: 10px; font-size: 3.5vw;}
	#index .box02 .btn_box {display: block; margin-top: 20px;}
	#index .box02 .btn_box a {width: 100%; padding: 12px 0; font-size: 4vw; background: #000; color: #fff;}
	#index .box02 .btn_box .item:nth-child(2) a {margin: 16px 0;}
	#index .box02 .main .btn02::after{display: none;}
	#index .box02 .inner .logo {position: absolute; right: 0px; top: 0px; width: 18%; height: auto;}
	
	
	#index .box11 {background: none;}
	#index .box11 .map_area{flex-wrap: wrap; padding: 16px;}
	#index .box11 .map_area::before{display: none;}
	#index .box11 .map_area img{width: 48%; margin-top: 4%;}
	#index .box11 .map_area .img01{margin-top: 0;}
	
	
	
	#contact_banner {background: url("img/index/box03_bg02.jpg")top left repeat; border-top: 2px solid #000;}
	#contact_banner .txt01 {font-size: 3.5vw; line-height: 1.5; padding: 10px 0; width: 100%;}
	#contact_banner .box {padding: 16px; border: 2px solid #000; background: linear-gradient(-65deg, #ebbe58 0%, #b99648 20%, #bb894e 45%, #eddd65 65%, #cb9732 100%); margin-top: 0;}
	#contact_banner .sp-img02 {margin-top: 20px;}
	#contact_banner .title {display: block; text-align: center; font-size: 4vw;}
	#contact_banner .title img {display: none;}
	#contact_banner .txt02 {font-size: 3.5vw; margin: 10px auto; text-align: center;}
	#contact_banner .txt03 {font-size: 5vw; text-align: center;}
	#contact_banner .btn {position: relative; right: 0; bottom: 0; margin: 16px auto 0; width: 100%; height: auto; padding: 12px 0; font-size: 4vw; border: 2px solid #000;}
	#contact_banner .btn::after {display: none;}
	#contact_banner .tel {margin-top: 20px;}
	#contact_banner .tel::before,#contact_banner .tel::after {display: none;}
	#contact_banner .tel p:nth-child(1) {font-size: 4vw; margin-bottom: 10px;}
	#contact_banner .tel p:nth-child(1) span {font-size: 7vw;}
	#contact_banner .tel p:nth-child(2) {font-size: 3.5vw;}
	#contact_banner .txt01::before {transform: inherit;}
	#index .box04 {background: url("img/index/box04_bg02.jpg")top center no-repeat; background-size: cover;}
	#index .box04 h2 {margin-bottom: 30px;}
	#index .box04 ul,#index .box04 .txt {display: none;}
	#index .box04 .item {width: 48%;}
	#index .box04 .item:nth-child(n + 3),#index .box04 .item:nth-child(n + 4) {margin-top: 4%;}
	#index .box04 .icon_txt {font-size: 3.5vw; width: inherit; height: auto;}
	#index .box04 .img_box {display: none;}
	#index .box04 .text {font-size: 3vw;}
	#index .box05 .inner {display: block;}
	#index .box05 .box {width: 100%;}
	#index .box05 .box:nth-of-type(2) {margin-top: 30px;}
	#index .box05 h2 {font-size: 4vw;}
	#index .box05 .btn {font-size: 3.5vw; right: inherit; top: inherit; margin-top: 20px; background: #000; color: #fff; padding: 16px 0; position: relative; text-align: center;}
	#index .box05 .list {padding: 2px;}
	#index .box05 .list_in {padding: 0 16px 20px;}
	#index .box05 .list a {font-size: 3.5vw; padding: 15px 0;}
	#index .box05 .over {margin-bottom: 10px;}
	#index .box05 .time {font-size: 3.5vw; margin-right: 5%;}
	#index .box05 h3 {font-size: 4vw;}
	#index .box06 .inner {display: block;}
	#index .box06 .bnr {width: auto;}
	#index .box06 .left a,#index .box06 .right a {margin-top: 16px; width: auto;}
	#index .box06 .left a:first-child, #index .box06 .right a:first-child {margin-top: 16px;}
	#index .box06 a:nth-child(n + 3) {margin-top: 4%;}
	#index .box06 a .icon {min-width: inherit; height: auto; padding: 10px; width: 30%; box-sizing: border-box;}
	#index .box06 p {font-size: 3.5vw;}
	#index .box12 h2{font-size: 5vw; line-height: 1.5;}
	#index .box12 .txt_area,#index .box12 ul{margin: 30px auto;}
	#index .box12 .txt_area p{font-size: 3.5vw;}
	#index .box12 ul li{width: 14.8%; margin-left: 2%;}
	#index .box12 ul li:nth-child(n+7){margin-top: 2%;}
	#index .box12 .txt01{font-size: 3.5vw; line-height: 1.5;}
	
	
	#index .box07 h2 {font-size: 6vw; text-align: center;}
	#index .box07 h2 span {font-size: 5vw; padding-left: 3%;}
	#index .box07 .txt {font-size: 3.5vw; line-height: 2; margin-top: 30px;}
	#index .c_img {min-width: inherit; left: 0; margin-left: inherit; border: none;}
	footer .home_link {display: none;}
	footer .inner {padding: 30px 16px; display: block;}
	footer .inner::after {display: none;}
	footer .inner .ul03 {display: none;}
	footer .box {width: 100%; border: 2px solid #000; border-bottom: 4px solid #000;}
	footer .box .title {padding: 10px; background-size: 10%; background-position: 
	right 10px bottom 10px;}
	footer .box .title img {width: 80%;}
	footer .box .title p {font-size: 3.5vw;}
	footer .box .under {padding: 16px 10px;}
	footer .box .txt {font-size: 3.5vw;}
	footer .box .btn {display: none;}
	footer .copyright {font-size: 3.5vw; padding: 10px 0;}
	.sp_pop_inner {display: flex; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100;}
    .sp_pop_inner a {width: 50%;}
    .sp_pop_inner a:nth-child(2),.sp_pop_inner a:nth-child(3) {width: 25%;}
	
	/*about*/
	#about .main {display: none;}
	#about .box01 {border: 2px solid #000; border-left: none; border-right: none;}
	#about .box01 h2 {font-size: 4.5vw; padding: 20px 0;}
	#about .box01 h2::before, #about .box01 h2::after {display: none;}
	#about .box01 .inner {font-size: 3.5vw; padding: 0 16px; display: block;}
	#about .box01 .inner .img01,#about .box01 .inner .img02 {margin: 0 auto 16px;}
	#about .box01 ul {padding: 0 16px; flex-wrap: wrap;}
	#about .box01 li {width: 48%;}
	#about .box01 li:nth-child(n + 3) {margin-top: 4%;}
	#about .box02 h3 {font-size: 5vw; margin: 30px auto 20px;}
	#about .box02 .txt01 {font-size: 3.5vw;}
	#about .box02 li p {font-size: 3.5vw;}
	#about .link_box, #reason .link_box {display: block; padding: 0 16px;}
	#about .link_box a, #reason .link_box a {width: 100%;}
	#about .link_box a:nth-child(2), #reason .link_box a:nth-child(2) {margin-top: 20px;}
	#about .link_box a p, #reason .link_box a p {font-size: 4vw;}
	#about .link_box a img, #reason .link_box a img {width: 40%;}
 	
	/*reason*/
	#reason .box02 {border-left: none; border-right: none; background: url("img/reason/box02_bg02.jpg")top left repeat; padding-top: 30px; margin-top: 30px;}
	#reason .box02 .icon_text {display: none;}
	#reason .box02 h2 {width: calc(100% - 32px); border-bottom: 2px solid #ce2323; padding-bottom: 20px;}
	#reason .box02 h2::after {display: none;}
	#reason .box02 .inner {display: block; padding: 30px 16px 0; font-size: 3.5vw;}
	#reason .box02 .inner .img01,#reason .box02 .inner .img02 {margin: 0 auto 16px;}
	#reason .box02:nth-of-type(1) h2 img {width: 85%; margin: auto;}
	#reason .box02:nth-of-type(3) h2 img {width: 80%; margin: auto;}
	#reason .box02:nth-of-type(4) h2 img {width: 70%; margin: auto;}
	
	/*company*/
	#company th, #company td {display: block; font-size: 3.5vw; padding: 16px;}
	#company h2 {font-size: 5vw; padding: 16px 0 20px;}
	#company iframe {height: 250px; border: none;}
	#company .box01 p {font-size: 3.5vw; padding: 0 16px; margin-top: 20px;}
	
	/*blog*/
	#blog .item {width: calc(100% - 32px); margin: 0 auto; border-bottom: 1px solid #000; padding: 16px 0;}
	#blog .time {font-size: 3.5vw;}
	#blog .tag, #blog_single .tag {font-size: 3.5vw; width: auto; height: auto; padding: .5% 2%;}
	#blog h2 {font-size: 4vw;}
	.nav_over {margin-bottom: 30px;}
	.nav_under {margin-top: 30px;}
	.navigation .nav_btn {width: 50%;}
	.nav_archive_btn {width: 47%; font-size: 3.5vw; background-size: 2.5%; padding: 10px 0; height: auto;}
	.navigation .next-entries, .navigation .previous-entries {width: 47%; height: auto; font-size: 3.5vw; padding: 10px 0; background-size: 6%; background-position: center left 10%;}
	#blog_single .box01 {border: 2px solid #000; padding: 30px 16px; border-left: none; border-right: none;}
	#blog_single .time {font-size: 4vw;}
	#blog_single h2 {font-size: 4vw; line-height: 1.8; margin: 16px 0;}
	#blog_single .text {font-size: 3.5vw; line-height: 2;}
	
	/*online*/
	#online .online_list {padding: 0 16px; margin-top: 0;}
	#online .img_box img {height: auto;}
	#online .number, #online .date {font-size: 3.5vw;}
	#online .inner {margin: 16px auto;}
	#online .txt {font-size: 3.5vw;}
	#online .time {font-size: 3.5vw; width: auto; padding: 0 15% 1%;}
	#online h2 {font-size: 3.5vw; word-break: keep-all;}
	#online .date {padding-left: 10px;}
	#online_single .box01 {display: block; border: 2px solid #000; border-left: none; border-right: none; padding: 30px 16px;}
	#online_single .box01 .img {min-width: 100%; margin: 0 auto 16px;}
	#online_single .box01 .img img {height: auto;}
	#online_single .tag01 {font-size: 4vw; height: auto; padding: 10px 0; width: auto;}
	#online_single .box01 h2 {font-size: 4vw; margin: 16px 0;}
	#online_single .box01 .txt {font-size: 3.5vw; border: 2px solid #000; padding: 15px 10px;}
	#online_single .text {font-size: 3.5vw; padding: 0 16px;}
	#online_single .contact_box {padding-bottom: 0; border-bottom: 3px solid #000;}
	#online_single .contact_box h2 {font-size: 4vw; margin-bottom: 30px;}
	#online_single .contact_box .big {font-size: 5vw; margin: 30px auto;}
	#online_single table {width: 100%;}
	#online_single table th, #online_single table td {display: block; padding: 16px;}
	#online_single table th {width: 100%;}
	#online_single .btn {font-size: 3.8vw; width: 100%; height: auto; padding: 16px 0; margin-top: 10px; background-size: 2%; margin: 0;}
	#online_single .sp-flow {width: 80%;}
	#online_single .btn_box {margin: 30px auto; padding: 0 16px; justify-content: space-between;}
	#online_single .btn02,#online_single .btn03 {width: 48%; margin: 0; height: auto; padding: 16px 0; font-size: 3.8vw; background-size: 3%; background-position: center right 10%;}
	
	#contact {padding: 0 16px; font-size: 3.5vw;}
	
	
	/*form02*/
	#form02 .contact_box p {font-size: 5vw; padding: 30px 0;}
	#form02 table {width: 100%;}
	#form02 table th, #form02 table td {display: block; padding: 16px; width: 100%;}
	#form02 .btn_box {margin: 30px auto 0; padding: 0 16px; justify-content: space-between; display: block;}
	#form02 .btn {font-size: 3.8vw; width: 100%; height: auto; padding: 16px 0; background-size: 2%; margin: 0;}
	#form02 .btn02, #form02 .btn03 {width: 100%;}
	#form02 .btn03 {margin: auto;}
	
	#form02_end {padding: 0 16px; font-size: 3.5vw;}
	#form02_end .btn_box {width: auto; height: auto; margin: 30px auto; background: url("img/form02/btn_download.svg")center left 20px no-repeat; background-color: #000;}
    #form02_end #complete {padding-top: 45px; margin-top: -45px;}
	
	
/*sitemap*/
#sitemap li {font-size: 4vw; line-height: 2;}
	
	
	
	
	
}
@media screen and (max-width:350px) {
header h1 {display: none;}
}