@charset "utf-8";
/* CSS Document */
@media screen and (max-width:500px) {
.sp-none02 {display: none;}
.indent_content {padding: 30px 16px;}
.page_thumb {display: none;}
.content {padding: 16px;}
.page_title p {font-size: 5vw; padding-bottom: 10px;}
.indent_content02 {margin-top: 30px;}

/*header*/
	header .sp_box {display: flex; align-items: center; position: fixed; top: 0; left: 0; width: 100%; height: 60px; background: #e07e20; padding: 16px; box-sizing: border-box; line-height: 1; z-index: 100;}
	header .sp_box .txt01 {font-size: 4.5vw; margin-bottom: 0;}
	header .sp_box .txt02 {font-size: 3.5vw; margin-top: 2%;}
	.front_main_box {margin-top: 60px;}
	.front_main_box .txt02 {bottom: 20px;}
	header .front_contact {display: none;}
	.global_nav_bg {display: none;}
	.swiper-slide img {height: 100%; background-size: cover; object-fit: cover; object-position: top center; position: absolute; min-width: inherit; left: inherit; margin: inherit;}
	.swiper-container {height: 100%;}
	

/*ハンバーガー*/	
	#nav-toggle {
  position: fixed;
  top: 6px;
  right: 5%;
width: auto;
  cursor: pointer;
  font-size: 2.5vw;
color: #fff;
}
#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: 100%;
}
#nav-toggle span:nth-child(3) {
  top: 18px;
  width: 100%;
}

.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/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;
	font-size: 4vw;
}

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



.sp_pop_inner {display: flex; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100;}
.sp_pop_inner a {width: 50%;}

#pop_banner {
padding: 0;
z-index: 50;
background: none;
width: 100%;
border: none;
bottom: 0;
position: fixed;
}
	.pan {padding: 20px 16px 0; margin-top: 60px;}
	.page_title {font-size: 4.5vw; margin-top: 30px;}
	.min_page_title {font-size: 3.5vw; margin: 10px auto 30px;}
	.page_title .title {font-size: 4.5vw;}	
	
	
	#sidebar {display: none;}
	.single_page {width: 100%;}
	
	
	/*header*/
	header .over {display:none;}
	header .haettens {display:none;}
	header .left_box {display:none;}
	header .inner .logo {width: 100%; padding: 20px 0 20px 10px;}
	header .right_box02 {display: none;}
	header {position:fixed; z-index: 100; height: 60px;}
	header .inner_bg a {width: 80%;}
	.sp_main {height: 100%; object-fit: cover;}
	
	/*index*/
	#index .sp_bnr {padding: 20px 16px; margin: auto; box-sizing: border-box;}
	#index .bnr_area {padding: 10px 0; width: 100%; padding: inherit;}
	#index .box01 {padding: 30px 0;}
	#index .box01 h2 {font-size: 5vw;}
	#index .box01 .min {margin: 10px auto 20px; font-size: 3.5vw;}
	#index .box01 .left_box .img {width: 60%;}
	#index .box01 .inner {display: block;}
	#index .box01 .inner img {display: none;} 
	#index .box01 h3 {margin-bottom: 20px;}
	#index .box01 .txt {font-size: 3.5vw; line-height: 2; width: 100%; margin-bottom: 20px; padding: 0 16px; box-sizing: border-box;}
	#index .box01 .inner02 {display: block; margin-top: 30px;}
	#index .box01 .btn_box {width: 100%;}
	#index .box01 .btn {width: 50%; font-size: 3vw; padding: 10px 0; line-height: 1.7; margin-top: 20px; height: 60px;}
	#index .box02 .box {padding: 0;}
	#index .box02 .big {font-size: 12vw;}
	#index .box02.inview h2 p {font-size: 4.5vw;}
	#index .box02 .txt {margin: inherit; margin-bottom: 20px; font-size: 3.2vw; line-height: 2.3; }
	#index .x_btn {width: 100%; height: 50px; font-size: 3.5vw;}
	#index .box03 .tax_tag {height: inherit; width: auto; margin: auto; padding: 1% 3%;}  
	#index .box03 .gallery_list::after,#index .box03 .gallery_list::before {display: none;}
	#index .box03 .btn01 {background-size: 4%;}
	#index .box04 .mail img {margin-right: 5%;}
	#index .box03 .item {width: 48%; margin-right: 4%; margin-bottom: 4%;}
	#index .box03 .item:nth-child(2n){margin-right: 0;}
	#index .box03 .img {margin-bottom: 4%;}
	#index .box03 h3 {font-size: 3.5vw; margin: 10px auto 5px;}
	#index .box03 .btn01 {font-size: 3.5vw; height: inherit; padding: 5% 0;}
	#index .box03 .item:nth-child(n + 5) {margin-top: 0;}
	#index .box03 .gallery_list {margin: 30px auto 10px;}
	#index .box03 .btn02 {font-size: 4vw; width: 100%; height: inherit; padding: 5%; background-size: 5%; padding-right: 2%;} 
	#index .box03 .img img {height: 110px;}
	#index .box04 .inbox12::before,#index .box04 .inbox12::after {display: none;}
	#index .box04 {padding: 30px 16px;}
	#index .box04 .inbox12::after {rigtht: -330px;}
	#index .box04 .inbox12::before {left: -330px;}
	#index .box04 .over {display: block; padding: inherit; width: 90%; margin: auto;}
	#index .box04 .inbox12 {padding: 0; border: none;}
	#index .box04 .txt02 {font-size: 8vw; text-align: center;}
	#index .box04 .txt03{font-size: 5vw; text-align: center; margin-top: 10px;}
	#index .box04 .and {margin: 10px 0; font-size: 5vw; text-align: center;}
	#index .box04 .txt04{font-size: 4vw; text-align: center;}
	#index .box04 .txt05 {font-size: 8vw; text-align: center; padding-bottom: 10px;}
	#index .box04 .txt01 {font-size: 3.5vw; text-align: center; padding-top: 0;} 
	#index .box04 .txt06 {font-size: 3.5vw; text-align: center; margin: 0px auto;}
	#index .box04 .inner {display: block;}
	#index .box04 .tel {font-size: 5vw; text-align: center; margin-right: 0; margin: 20px 0 10px;}
	#index .box04 .tel span {font-size: 7vw;}
	#index .box04 .mail {margin-right: 0; margin: auto; font-size: 4vw; height: inherit; padding: 15px 0; width: 80%;}
	#index .box04 .txt06 {margin: 20px auto 20px; font-size: 4vw; line-height: 1.5;}
	#index .box04 .txt07 {width: 100%; font-size: 3.5vw; line-height: 1.5;}
	#index .box04 .icon01,#index .box04 .icon02,#index .box04 .icon03,#index .box04 .icon04 {display: none;}
	#index .box04 .txt08 {font-size: 4vw; line-height: 1.5;}
	#index .box04 .txt09 {font-size: 4vw; line-height: 1.5;}
	#index .box05 {padding: 30px 0; padding: 30px 16px;}
	#index .box05 h2 {font-size: 5vw; line-height: 1.3;}
	#index .box05 .min {margin: 20px auto; font-size: 5vw;}
	#index .box05 .inner {display: block;}
	#index .box05 a {width: 100%;}
	#index .box05 a:nth-child(1) {margin-bottom: 20px;}
	#index .box05 a p {font-size: 3.5vw; line-height: 2; }
	#index .box06 {height: 200px;}
	#index .box06 .txt_box img {width: 80%;}
	#index .box06 .txt_box {top: 25px;}
	#index .box06 .btn {margin-top: 20px;}
	#index .box06 .btn img {width: 90%;}
	#index .box06 .txt01::after {display: none;}
	#index .box06 .movie {object-fit: contain; width: 100%; height: 100%;}
	#index .box07 {padding: 30px 16px;}
	#index .box07 .txt01{font-size: 4.5vw;}
	#index .box07 .title_box {display: block;}
	#index .box07 h2 {font-size: 8vw; margin: 5px 0;}
	#index .box07 h2 .big {font-size: 8vw;}
	#index .box07 .title_box p {display: none;}
	#index .box07 .item {width: 48%; margin-right: 4%;}	
	#index .box07 .item:nth-child(2n) {margin-right:0;}
	#index .box07 .img img {height: 100px;}
	#index .box07 .title_box {margin-bottom: 20px;}
	#index .box07 .tax_tag {padding: 1% 2% 3%; width: auto; height: inherit; font-size: 3.5vw;}
	#index .box07 .item {margin-bottom: 4%;}
	#index .box07 .text {line-height: 1.3; font-size: 3.5vw;}
	#index .box07 .btn {margin-top: 10px; width: 100%; background-size: 6%;}
	#index .box07 h3 {font-size: 3.5vw;}
	#index .box08 {padding: inherit;  background: url(img/index/box08_bg.jpg)center center repeat; background-size: cover; padding-bottom: 30px;}
	#index .box08 .title_box {margin-bottom: 20px; display: block; padding-top: 30px}
	#index .box08 .txt01 {text-align: center; font-size: 4.5vw;}
	#index .box08 .txt02 {font-size: 8vw; text-align: center; margin: 5px 0;}
	#index .box08 h2 {margin-left: 0; text-align: center; font-size: 7vw;}
	#index .box08 .inner {flex-wrap: wrap; padding: 0 16px;} 
	#index .box08 .inner a {width: 48%; margin-right: 4%;}
	#index .box08 .inner a:nth-child(2n) {margin-right: 0;}
	#index .box08 .text {font-size: 3vw; line-height: 1.7;}
	#index .box08 .over p {font-size: 8vw;}
	#index .box08 .over h3 {font-size: 4.5vw;}
	#index .box08 .inner a:nth-child(n + 3) {margin-top: 4%;}
	#index .box08 .inner a:nth-child(3) {margin-top: 0;}
	#index .box09 {padding: 30px 16px;}
	#index .box09 .inner {display:block;}
	#index .box09 .box {width: 100%;}
	#index .box09 h2 {font-size: 7vw;}
	#index .box09 .btn {top: 0; position:inherit; margin: 20px 0 0px; width: 100%; height: inherit; padding: 4% 0; font-size: 3.5vw;}
	#index .box09 .btn img {margin-left: 5%;}
	#index .box09 .time {font-size: 3.5vw; margin-right: 5%;}
	#index .box09 h3 {font-size: 3.5vw;}
	#index .box09 .text {font-size: 3.5vw;}
	#index .box09 .item {padding: 15px 0;}
	#index .box09 .box {width: 100%;}
	#index .box09 .box:nth-child(1) {margin-bottom: 30px;}
	#index .box09 .btn img {margin-left: 5%; width: 5%;}
	#index .box10 h2 {justify-content: center; margin-bottom: 20px;}
	#index .box10 .text {line-height: 2; font-size: 3.5vw;}
	#index .box10 h2 p:nth-child(1) {font-size: 9vw;}
	#index .box10 h2 p:nth-child(2) {font-size: 5vw; margin-left: 5%;}
	#index .box11 {background: url("img/index/box11_bg.jpg")center center repeat;}
	#index .box11 .txt01 {font-size: 4vw;}
	#index .box11 .f_size01 {font-size: 10vw;}
	#index .box11 .txt02 {font-size: 3.5vw; line-height: 1.5; padding: 16px 0;}
	#index .box11 .group01 {flex-wrap: wrap;}
	#index .box11 .group01 a {width: 48%; margin-right: 0; }
	#index .box11 .group01 a:nth-child(n + 3),#index .box11 .group01 a:nth-child(n + 4) {margin-top: 16px;}
	#index .box11 .group01 .title01 {font-size: 4vw; padding: 16px;}
	#index .box11 .group01 .title01 img {margin-bottom: 10px;}
	#index .box11 .group01 .text {font-size: 3.5vw; padding: 16px;}
	#index .box11 .group01 a::after {border-width: 10px 10px 0 0;}
	#index .c_img {display: none;}
	
	/*tf_wall*/
	#tf_wall .box01 .txt01 {margin-top: 30px; font-size: 4.5vw; text-align: center;}
	#tf_wall .box01 h2 .big {letter-spacing: 5px; font-size: 13vw;}
	#tf_wall .box01 h2 .min {font-size: 7vw;}
	#tf_wall .box01 h2 {font-size: 9vw; padding: 15px 0 10px; margin-bottom: 30px; width: 80%;}
	#tf_wall .box01 .inner {display: block; padding: 0px 16px; font-size: 3.5vw; line-height: 2.3;}
	#tf_wall .box01 .inner .img01 {margin-right: 0; margin-bottom: 10px;}
	#tf_wall .box01 .inner:nth-of-type(2) {margin: 20px 0;}
	#tf_wall .box01 ul {flex-wrap: wrap; padding: 0 16px;}
	#tf_wall .box01 ul li {width: 48%;	margin-right: 4%;}
	#tf_wall .box01 ul li:nth-child(2n) {margin-right: 0;}
	#tf_wall .box01 ul li:nth-child(n + 3) {margin-top: 4%;}
	#tf_wall .box02 {padding-top: 30px;}
	#tf_wall .box02 h2 {font-size: 5vw;}
	#tf_wall .box02 .con01 h3 {margin: 20px auto; font-size: 3.5vw;}
	#tf_wall .box02 .con01 .inner {display: block; padding: 0 16px; font-size: 3.5vw; line-height: 2.3;}
	#tf_wall .box02 .con01 .inner img {marign-right: 0; margin-bottom: 10px;}
	#tf_wall .box02 .con02 h3 {margin: 30px auto; font-size: 4vw;}
	#tf_wall .box02 .con02 .inner {display: block;}
	#tf_wall .box02 .txt01 {font-size: 6vw;}
	#tf_wall .box02 .box {width: 100%; padding: 0 16px;}
	#tf_wall .box02 .img {margin: 20px 0 20px;}	
	#tf_wall .box02 .u_box {width: 23%;}
	#tf_wall .box02 .txt02 {font-size: 3.5vw;}
	#tf_wall .box02 .icon_box img {width: 50%;}
	#tf_wall .box02 .box:nth-child(n + 2) {margin-top: 30px;}
	#tf_wall .box02 .txt03 {font-size: 3vw;}
	#tf_wall .bnr .big {font-size: 5vw; margin-bottom: 14px; line-height: 1.5;}
	#tf_wall .bnr .txt {font-size: 3.5vw; line-height: 2;}
	#tf_wall .bnr {margin-top: 30px; padding: 30px 16px; align-items: inherit; background: url(img/tf_wall/bnr_bg02.jpg)top left repeat; height: inherit; border-bottom: 2px solid #6d5328;}
	#tf_wall .bnr .big {margin-bottom: 20px;}
	
	/*suggestion*/
	#suggestion .main {height: inherit; padding: 30px 16px; margin-top: 30px;}
	#suggestion .main .txt01 {font-size: 3.5vw;}
	#suggestion .main .txt02 .haettens {font-size: 8vw; letter-spacing: 3px;}
	#suggestion .main .txt02 .big {font-size: 6vw;}
	#suggestion .main .txt02 {font-size: 5vw; margin-bottom: 14px;}
	#suggestion .main .txt03 {font-size: 3.5vw; line-height: 2.3;}
	#suggestion .box01 {margin-top: 30px;}
	#suggestion .box01 h2 {line-height: 1; font-size: 5vw;}
	#suggestion .box01 .inner {display: block; padding: 0 16px; margin: 30px 0; font-size: 3.5vw; line-height: 2.3;}
	#suggestion .box01 .inner .img01 {margin-right: 0; margin-bottom: 10px;}
	#suggestion .box01 .bnr ul {flex-wrap: wrap;}
	#suggestion .box01 li {width: 35%; margin-left: 0; margin-right: 4%; font-size: 4vw; height: inherit; padding: 3% 0;}
	#suggestion .box01 li:nth-child(n + 3) {margin-top: 4%;}
	#suggestion .box01 li:nth-child(2n) {margin-right: 0;}
	#suggestion .box01 .txt {font-size: 4vw; margin-top: 16px;}
	#suggestion .box01 .txt span {font-size: 7vw;}
	#suggestion .box01 .bnr {height: inherit; padding: 30px 0;}
	#suggestion .box01 .img_box {flex-wrap: wrap; display: flex;}
	#suggestion .box01 .img_box img:nth-child(2n) {margin-right: 0;}
	#suggestion .box01 .img_box img:nth-child(n + 3) {margin-top: 4%;}
	#suggestion .box01 .img_box img {width: 48%; margin-right: 4%;}
	#suggestion .box01 h2::after {margin-left: 30px;}
	#suggestion .box01 h2::before {margin-right: 30px;}
	#suggestion .box03 {margin-top: 30px;}
	#suggestion .box03 h2 {font-size: 5vw; margin: 20px 0;}
	#suggestion .box03 .txt01 {font-size: 4.5vw;}	
	#suggestion .box03 .inner {flex-wrap: wrap; padding: 0 16px;}
	#suggestion .box03 .img_box::after {display: none;}
	#suggestion .box03 .img_box::before {border-width: 60px 60px 0 0;}
	#suggestion .box03 .item,#suggestion .box03 .item:nth-child(n + 4) {width: 48%; margin-right: 4%;}
	#suggestion .box03 .item:nth-child(2n) {margin-right: 0;}
	#suggestion .box03 .item:nth-child(n + 3) {margin-top: 20px;}
	#suggestion .box03 h3 {margin-bottom: 10px; font-size: 4vw;}
	#suggestion .box03 .txt {font-size: 3.5vw;}
	#suggestion .bnr02 .big {font-size: 4.5vw; margin-bottom: 20px;}
	#suggestion .bnr02 {margin-top: 30px; padding: 30px 16px;}
	#suggestion .bnr02 .txt {font-size: 3.5vw; line-height: 2.3;}
	#suggestion .bnr02 {height: inherit; border-bottom: 3px solid #86a569;}
	
	/*exterior*/
	#exterior .box01 {padding: 26px 16px; background: url(img/exterior/box01_bg.jpg)top left repeat; border-right: none; border-left: none;}
	#exterior .box01 .txt01 {font-size: 4vw; line-height: 1.7;}
	#exterior .box01 .txt02 {margin: 15px auto 24px; font-size: 3.5vw; line-height: 2.3;}
	#exterior .box01 h2::after {display: none;}
	#exterior .box01 h2 {font-size: 4vw; height: inherit; padding: 10px 0; line-height: 1.3;}
	#exterior .box01 .con01 {display: block; margin-top: 30px;}
	#exterior .box01 .con01 img {margin: 0 auto 20px;}
	#exterior .box01 h3 {font-size: 5vw;}
	#exterior .box01 .bdr {margin: 10px auto;}
	#exterior .box01 .con01 p {line-height: 2.3; font-size: 3.5vw;}
	#exterior .box01 .icon_txt {font-size: 7vw; right: 0; text-align: center;}
	#exterior .box01 .btn {font-size: 3.5vw; line-height: 1.5; height: inherit; padding: 10px 0; background: url(img/exterior/box01_btn_arrow.svg)center right 5% no-repeat; background-color: #2b2b2b; background-size: 7%;}
	#exterior .box01 .con01 .icon_txt {display: none;}
	#exterior .box02 .con01 {padding: 30px 16px; border-right: none; border-left: none;}
	#exterior .box02 .con01 .txt01 {font-size: 4vw;}
	#exterior .box02 h2 {margin: 16px auto; font-size: 6vw;}
	#exterior .box02 .link_box a{width: 48%; margin-right: 4%;}
	#exterior .box02 .link_box a:nth-of-type(2) {width: 48%; margin: inherit ;margin-right: 4%;}
	#exterior .box02 .link_box a:nth-child(2n) {margin-right: 0;}
	#exterior .box02 .link_box a:nth-of-type(n + 3) {margin-top: 4%;}
	#exterior .box02 .link_box a p {font-size: 4vw; height: inherit; padding: 10px 0;}
	#exterior .box02 .con02 .title_box p {font-size: 4vw; height: 60px; width: 30%;}
	#exterior .box02 h3 {font-size: 6vw;}
	#exterior .box02 .con02 {border-right: none; border-left: none;}
	#exterior .box02 .con02 .inner {display: block;}
	#exterior .box02 .con02 .inner img {margin: auto; margin-bottom: 10px;}
	#exterior .box02 .con02 .inner p {font-size: 3.5vw; line-height: 2.3;}
	#exterior .box02 .con02 .under {padding: 0 16px; flex-wrap: wrap;}
	#exterior .box02 .con02 .under img {width: 48%; margin-right: 4%;}
	#exterior .box02 .con02 .under img:nth-child(2) {margin-right: 0;}
	#exterior .box02 .con02 .under img:nth-child(3) {margin-top: 4%;}
	#exterior .bnr {padding: 30px 16px; border-right: none; border-left: none;}
	#exterior .bnr p {font-size: 4vw; line-height: 1.7;}
	#exterior .bnr ul li {width: 30%;}
	
	/*flow*/
	#flow .box01 {background: none; padding: 30px 0; border: none; border-top: 2px solid #2b2b2b; border-bottom: 2px solid #2b2b2b;}
	#flow .box01 .no {font-size: 10vw;}
	#flow .box01 .bdr {width: 30%; margin: 20px auto;}
	#flow .box01 h2 {font-size: 5vw;}
	#flow .box01 .txt {font-size: 3.5vw; line-height: 2; padding: 0 16px;}
	#flow .box01 .inner {display:block; width: calc(100% - 32px); margin: auto;}
	#flow .box01 .inner a {width: 100%; height: inherit; padding: 3% 0;}
	#flow .box01 .inner a:nth-child(1) .txt01 {font-size: 3.5vw;}
	#flow .box01 .inner a:nth-child(1) .txt01 span {font-size: 5vw;}
	#flow .box01 .inner a:nth-child(1) .txt02 {font-size: 3.5vw;}
	#flow .box01 .inner a img {margin-right: 5%; width: 8%;}
	#flow .box01 .inner a:nth-child(2) .txt01 {font-size: 4vw;}
	#flow .box01 .inner a:nth-child(1) {margin-bottom: 10px;}
	#flow .box02 {display: block; padding: 30px 16px; border: none; border-bottom: 2px solid #2b2b2b; border-top: 2px solid #2b2b2b;}
	#flow .box02 .img01 {margin: 0 auto 10px;}
	#flow .box02 .txt {font-size: 3.5vw; line-height: 2;}
	#flow .box02 .title {margin-bottom: 20px;}
	#flow .box02 h2 {font-size: 6vw;}
	#flow .box02 .no {font-size: 7vw;}
	#flow .box02::before {border-width: 15px 25px 0 25px;}
	
	
	/*consultation*/
	#consultation .box01 {padding: 20px 16px; background: url(img/consultation/box01_bg01.jpg) repeat; border: 2px solid #000; border-right: none; border-left: none;}
	#consultation .box01 p:nth-child(1) {font-size: 4vw;}
	#consultation .box01 p:nth-child(2) {font-size: 9vw; margin-bottom: 3px; line-height: 1.1;}
	#consultation .box01 p:nth-child(3) {font-size: 4vw;}
	#consultation .box01 p:nth-child(2)::after {display: none;}
	#consultation .box02 {display: none;}
	#consultation .bg {display: none;}
	#consultation .txt03 {display: none;}
	#consultation .why {display: none;}
	#consultation .box03 {margin-top: 0; padding-top: 20px; padding-bottom: 0;}
	#consultation .box03 .txt01 {font-size: 4vw; line-height: 1.5;}
	#consultation .box03 ul {margin: 20px auto; width: inherit; padding: 0 16px;}
	#consultation .box03 ul::before,#consultation .box03 ul::after {display: none;}
	#consultation .box03 li {width: 100%;}
	#consultation .box03 li p {font-size: 3.5vw;}
	#consultation .box03 li:nth-child(1) {border-bottom: none;}
	#consultation .box03 li img {width: 8%; margin-right: 2%;}
	#consultation .box03 .inner a {width: 50%; height: 60px;} 
	#consultation .box03 .inner a:nth-child(2) {margin-left: 0; font-size: 3.5vw; line-height: 1.5;}
	#consultation .box03 .min {font-size: 3vw; margin-bottom: 5px;}
	#consultation .box03 .tel {font-size: 3vw;}
	#consultation .box03 .tel span {font-size: 4vw;}
	#consultation .box03 .inner a:nth-child(2) p {font-szie: 3.5vw;}
	#consultation .box04 {display: none;}
	#consultation .box05 .title {border-radius: 0; font-size: 4vw; padding: 10px 0;}
	#consultation .box05 {margin-top: 30px; border: none; overflow: inherit;}
	#consultation .box05 .merit p span {display: none;}
	#consultation .box05 .merit {padding: inherit;}
	#consultation .box05 .merit p {margin: 20px auto; font-size: 3.5vw; width: 90%; line-height: 1.5; border: 2px solid #2b2b2b; padding: inherit; padding: 5%;}
	#consultation .box06 {margin-top: 30px; padding: 30px 16px; border: 2px solid #2b2b2b; border-right: none; border-left: none;}
	#consultation .box06 .con01 h2 span {font-size: 4vw; padding-left: 3%; border-left: 5px solid #83a167; padding: 3%; justify-content: center;}
	#consultation .box06 .con01 h2 p {font-size: 3.5vw; line-height: 1.7; padding: 0 3%; }
	#consultation .box06 .con01 .inner {display: block; padding: 0;}
	#consultation .box06 .con01 .check .inner {padding: 0;}
	#consultation .box06 .con01 h2 {display: block; height: inherit;}
	#consultation .box06 .con01 h2 p {padding-right: 3%; border: 2px solid #2b2b2b; border-top: 0; text-align: center; justify-content: center; height: inherit; padding: 3% 0;}
	#consultation .box06 .con01 .inner img {margin-right: 0; margin-bottom: 10px;}
	#consultation .box06 .con01 .inner p {font-size: 3.5vw; line-height: 2;}
	#consultation .box06 .con01 .check h3 span {display: none;} 
	#consultation .box06 .con01 .check h3 {text-align: center; width: 100%; box-sizing: border-box; padding: 3%; height: inherit; font-size: 3vw; line-height: 1.7; justify-content: center; }
	#consultation .box06 .con01 .check .inner img {margin-right: 0; box-sizing: border-box; margin-left: 0; margin-bottom: 10px; border: 2px solid #303131;}
	#consultation .box06 .con01 .check .inner p {font-size: 3.5vw; line-height: 2;}
	#consultation .box06 .con01 .check {border: none;}
	#consultation .box07 {padding: 30px 16px;}
	#consultation .box07 .txt01 {font-size: 4vw; padding: 10px 0 10px 20px; line-height: 1.5; border: 2px solid #fff;}
	#consultation .box07 .txt01 {border: 2px solid #fff;}
	#consultation .box07 img {display: none;}
	#consultation .box07 .txt02 p {font-size: 4.5vw; padding: 10px 0 10px 20px;}
	#consultation .box07 .txt02::before {left: -375px;}
	#consultation .contact_form {margin-top: 30px; border: 2px solid #2b2b2b;}
	#consultation .contact_form p:nth-child(1) {font-size: 4.5vw; padding: 12px 0 15px;}
	#consultation .contact_form .form {padding: 0 16px;}
	#consultation .contact_form .form01 span.wpcf7-list-item:nth-child(4){margin-left: 5%;}
	#consultation .contact_form .checkbox {margin-left: -4%;}
	/*company*/
	#company th, #company td {display: block; width: 100%; text-align: center; padding: 3% 0; font-size: 3.5vw;}
	#company iframe {height: 200px;}
	#company .privacy p {margin-top: 15px; font-size: 3.5vw;}
	
	
	
	
	
	/*archives*/
	#archives .blog_list {padding: 15px 16px 0; border-right: none; border-left: none;}
	#archives .blog_list h3 {line-height: 1.5; font-size: 3.5vw;}
	#archives .blog_list .time {font-size: 3.5vw;}
	#news_single .box01 {border: 1px solid #ccc; padding: 20px 16px;}
	#news_single .box01 p {line-height: 2.3; font-size: 3.5vw;}
	#news_single .gallery_title h2 img {width: 70%;}
	.navigation .next-entries, .navigation .previous-entries {height: inherit; font-size: 3.5vw; font-weight: 400; width: 45%;}
	.nav_archive_btn {font-weight: 400; font-size: 3.5vw; width: 48%;}
	.page_title span {font-size: 3.5vw;}
	.nav_btn {width: 48%;}
	
	/*interview*/
	#interview .page_title {margin-bottom: 0 !important;}
	#interview .item:nth-child(2n) {margin-right: 0; margin: auto; margin-top: 5%;}
	#interview .interview_list {padding: 0 16px; display: block;}
	#interview .interview_list .item {width: 100%; margin: auto;}
	#interview .item img {height: auto;}
	#interview .tax_tag {font-size: 3vw; padding: 3px 5px;}
	#interview .interview_list h3 {font-size: 3.5vw; padding: inherit; padding-bottom: 2%; line-height: 1; padding-left: 1%;}
	#interview .item a {font-size: 3.5vw; margin-bottom: 4%;}
	#interview .btn {width: 100%; font-size: 3vw; padding: 5% 0;}
	#interview .item .text {font-size: 3.5vw; padding-left: 1%;}
	#interview .interview_list .item:nth-child(2) {margin-top: 20px;}
	#news_single .gallery_box a,#news_single .gallery_box a:nth-child(3n) {width: 48%; margin-right: 4%;}
	#news_single .gallery_box a img {height: 110px;}
	#news_single .gallery_box {padding: 0 16px;}
	#news_single .gallery_box a:nth-child(2n) {margin-right: 0;}
	#news_single .txt_box {font-size: 3.5vw;}
	
	/*contact*/
	#contact .box01 {padding: 15px 16px; background: url(img/contact/bg01.jpg)top left repeat;}
	#contact .txt01 {font-size: 4vw;}
	#contact .txt02 {font-size: 4vw; line-height: 1.5; padding-top: 10px;}
	#contact .tel {font-size: 4vw;}
	#contact .tel span {font-size: 5vw;}
	#contact .txt01 {font-size: 3.5vw; line-height: 1.5;}
	#contact .txt03 {font-size: 3.8vw; padding: 0 16px; line-height: 1.5;}
	#contact .txt04 {font-size: 3.8vw; line-height: 1.5; padding: 0 16px;}
	#contact li {font-size: 3.5vw; line-height: 1.5; padding: 0 16px;}
	#contact .wpcf7 {padding: 0 16px;}
	#contact .btn {margin-top: 30px; font-size: 4vw; background-size: 5%; width: 100%;} 
	#contact .thanks {line-height: 1.7; padding: 0 16px; font-size: 3.5vw;}
	
	/*gallery*/
	#gallery .box01 .item {width: 48%; margin-right: 4%; margin-bottom: 4%;}
	#gallery .box01 .item:nth-child(2n){margin-right: 0;}
	#gallery .box01 .img {margin-bottom: 4%;}
	#gallery .box01 h3 {font-size: 3.5vw; margin: 10px auto 5px;}
	#gallery .box01 .btn01 {font-size: 3.5vw; height: inherit; padding: 5% 0;  background-size: 4%;}
	#gallery .box01 .item:nth-child(n + 5) {margin-top: 0;}
	#gallery .box01 .gallery_list {margin: 0; padding: 30px 16px;}
	#gallery .box01 .btn02 {font-size: 4vw; width: 100%;}
	#gallery .box01 .img img {height: 110px;}
	#gallery .box01 .tax_tag {height: inherit; width: auto; padding: 2% 3%;}
	#single_gallery .gallery_box {padding: 0 16px;}
	#single_gallery .gallery_box a,#single_gallery .gallery_box a:nth-child(3n) {width: 48%; margin-right: 4%; height: 100%;}
	#single_gallery .gallery_box a:nth-child(2n) {margin-right: 0;}
	#gallery .page_title {margin-bottom: 0!important;}
	#single_gallery .gallery_title h2 img {width: 70%;}
	#single_gallery .gallery_box a img {object-fit: cover; height: 100px;}
	.nav_under {margin-top: 30px;}
	

	
/*contact_banner*/
	#contact_form tr:last-child {border-bottom: 1px solid #d2d2d2;}
	#contact_form tr input,#consultation #contact_form tr input {font-size: 16px; border: 1px solid #d2d2d2; font-weight: 400;}
	#contact_form tr td {paddingt-top: 0;}
	#contact_form tr {border-top: 1px solid #d2d2d2;}
	.form01 #contact_form {width: 100%;}

	#consultation table th, #consultation table td { font-size: 4.5vw; display: block; padding: 10px 0;}
	#consultation table th {padding-bottom: 0;}
	#contact table th, #contact table td {font-size: 3.5vw; display: block; width: 100%; padding: 3%;}
	#contact_form .example {font-size: 3.5vw; margin: 5px;}
	#contact_form span.wpcf7-list-item:nth-child(4) {margin-left: 4%;}
	#contact_form .checkbox {padding: 10px 0; margin-left: 0%;}
	#contact_form .wpcf7-list-item {font-size: 16px;}
	#contact_form .wpcf7-form-control {padding: 0 16px;}
		#contact_form textarea {box-sizing: border-box; margin-top: 0; height: 100px; border: 1px solid #d2d2d2; font-size: 16px; font-weight:400; padding: 10px!important;}
	#consultation .btn {margin: 20px auto 30px; width: 90%; font-size: 3.5vw; padding: 5% 0; background-size: 3%;}
	#contact_banner02 {margin: 30px 0;}
	#contact_banner02 .over .haettens {font-size: 12vw; margin-bottom: 1%;}
	#contact_banner02 .over img {width: 8%; margin-left: 5%;}
	#contact_banner02 .title{display: block; padding: 20px 16px;}
	#contact_banner02 .txt01 {font-size: 3.5vw; text-align: center; margin-bottom: 5px;}
	#contact_banner02 .txt02 {font-size: 6vw; text-align: center;}
	#contact_banner02 .inner {padding: 20px 0; display: block;}
	#contact_banner02 .txt04 {font-size: 4vw; margin: 5px auto 10px;}
	#contact_banner02 .txt04 span {font-size: 7vw;}
	#contact_banner02 .mail_box {margin-left: 0; margin: 20px auto 0; width: 90%;}
	#contact_banner02 .txt06 {font-size: 3.5vw;}
	#contact_banner02 .inner02 {padding: 15px 0; font-size: 4vw;}
	#contact_banner02 .and {font-size: 5vw; text-align: center; margin: 5px 0 7px;}
	#contact_banner02 .txt03 {font-size: 3.5vw;}
	#contact_banner02 .txt05 {font-size: 4vw;}	
	
	#contact_banner {magin-top: 30px;}
	#contact_banner .con_over {display: block; padding: 20px 16px;}	
	#contact_banner .con_txt01	{font-size: 3.5vw; text-align: center; margin-bottom: 5px;}
	#contact_banner .con_txt02 {text-align: center; font-size: 9vw;}	
	#contact_banner .con_txt03 	{font-size: 3.5vw; text-align: center; margin-top: 10px;}
	#contact_banner .con_txt04 {font-size: 4.5vw; text-align: center;}
	#contact_banner .con_under {display: block; padding: 20px 0;}
	#contact_banner .con_txt05 {font-size: 3.5vw;}
	#contact_banner .con_tel {font-size: 4vw;}
	#contact_banner .con_tel span {font-size: 7vw;}
	#contact_banner .con_txt06 {font-size: 4vw;}
	#contact_banner .con_mail {margin: 20px auto 0;}
	#contact_banner .con_txt08 {font-size: 4vw;}
	#contact_banner .con_txt07 {font-size: 3.5vw;}
	#contact_banner .con_title img {width: 7%; margin-right: 3%;}
	#contact_banner .contact {font-size: 10vw; margin-bottom: 1%;}
	#contact_banner .con_txt09 {font-size: 4vw;}
	#contact_banner .con_box {border: 2px solid #2b2b2b; border-right: none; border-left: none;}
	
	/*footer*/
	footer {padding-top: 30px;}
	footer .list {display: none;}
	footer .txt01 {font-size: 7vw;}
	footer .txt02 {font-size: 3.5vw;}
	footer .home_link {display: none;}
	footer .txt03,footer .txt04 {display: none;}
	footer li {margin-top: 10px; margin-top: 5px; font-size: 3.5vw; padding: 0 16px;}
	footer .inner::after {right: -125px; top: -10px; background-size: 55%;}
	footer .copyright {margin-top: 30px;}
	footer p {padding: 0 16px;}
	footer .inner02 {padding: 0 16px;}
	
	
	
	
/*sitemap*/
#sitemap li,#sitemap li:nth-child(3n),#sitemap li:nth-child(n + 4) {display: block; width: 100%; margin: 0; font-size: 4vw; margin-top: 10px;}
#sitemap ul {padding: 0 16px;}	
#sitemap .min_page_title {margin: 10px auto 10px; font-size: 5vw;}	
	
	
	
	/*tf_series*/
	#tf_series .main {display: block; height: auto; background-size: cover; padding: 4%; border-bottom: 3px solid #86a569;}
	#tf_series .main .txt {margin-left: 0; text-align: center;}
	#tf_series .main .txt01 {font-size: 4.5vw; margin-bottom: 30px; line-height: 1.5;}
	#tf_series .main .txt02 {font-size: 6vw; padding: 10px; margin: auto;}
	#tf_series .main .txt03 {margin: 10px auto 20px;}
	#tf_series .main .txt04 {font-size: 12vw;}
	#tf_series .main .icon01 {display: none;}
	#tf_series .box01 {margin-top: 30px; padding: 0 16px;}
	#tf_series .box01 .title_box {margin-bottom: 30px;}
	#tf_series .box01 .title_box h2 {font-size: 6vw; margin-bottom: 20px; line-height: 1.5;}
	#tf_series .box01 .title_box h2::before {width: 20px; height: 20px; top: 8px; left: 330px;}
	#tf_series .box01 .title_box h2::after {width: 20px; height: 20px; top: 8px; right: 330px;}
	#tf_series .box01 .title_box p {font-size: 3.5vw; margin-bottom: 20px; line-height: 2;}
	#tf_series .box01 .inner {flex-wrap: wrap;}
	#tf_series .box01 .inner .item01 {width: 48%;}
	#tf_series .box01 .inner .item03,#tf_series .box01 .inner .item04 {margin-top: 16px;}
	#tf_series .box01 .inner .item01::after {left: 72px;}
	#tf_series .box02 {margin-top: 50px;}
	#tf_series .box02 .inner {display: block; padding: 0 16px; margin: 30px 0; font-size: 3.5vw; line-height: 2.3; }
	#tf_series .box02 .inner .img01 {margin-right: 0; margin-bottom: 10px;}
	#tf_series .box02 .inner .img02 {margin-left: 0; margin-top: 10px;}
	#tf_series .box01 .inner .con01 img {width: 50%; margin-bottom: 10px;}
	#tf_series .box01 .inner .con01 p {padding: 5px; text-align: center; font-size: 4vw;}
	#tf_series .box02 .img_box {flex-wrap: wrap; display: flex;}
	#tf_series .box02 .img_box img {width: 48%; margin-right: 4%;}
	#tf_series .box02 .img_box img:nth-child(2n) {margin-right: 0;}
	#tf_series .box02 .img_box img:nth-child(n + 3) {margin-top: 4%;}
	#tf_series .box02 .unit01 {background: url("img/sp/tf_series/box03_bg01.jpg")top left no-repeat; background-size: cover; height: inherit; display: block; border: solid 3px #96a569;}
	#tf_series .box03 .unit01 {background: url("img/sp/tf_series/box03_bg02.jpg")top left no-repeat; background-size: cover; height: inherit; display: block; border: solid 3px #615034;}
	#tf_series .box04 .unit01 {background: url("img/sp/tf_series/box03_bg03.jpg")top left no-repeat; background-size: cover; height: inherit; display: block; border: solid 3px #96a569;}
	#tf_series .box05 .unit01 {background: url("img/sp/tf_series/box03_bg04.jpg")top left no-repeat; background-size: cover; height: inherit; display: block; border: solid 3px #615034;}
	#tf_series .box02 .unit01 .txt {margin-left: 0; font-size: 4vw; padding: 20px 16px;}
	#tf_series .box02 .unit01 .txt02 {font-size: 5.5vw; margin: 10px auto; padding-bottom: 10px;}
	#tf_series .box02 .unit01 .txt03 span {font-size: 5.5vw;}
	#tf_series .box02 .unit01::before {border-width: 20px 20px 0 0;}
	#tf_series .box02 .title_box {display: block; margin-bottom: 0; background: #86a569; padding: 16px;}
	#tf_series .box03 .title_box,#tf_series .box05 .title_box {background: #615034;}
	#tf_series .box02 .title_box img {background: none; width: auto; height: auto; margin: 0 auto 10px; padding: 0;}
	#tf_series .box02 .title_box h3 {font-size: 3.5vw;}
	#tf_series .box02 .title_box .caption {display: block; height: auto;}
	#tf_series .box02 .title_box .caption p {padding-left: 0; font-size: 12vw; margin-top: 10px;}
	#tf_series .box02 .title_box .caption::after {display: none;}
	#tf_series .bnr {background: none; width: auto; height: auto; margin-top: 30px;}
	#tf_series .bnr .unit {position: static; width: auto; height: auto; border: none; padding: 16px;}
	#tf_series .bnr .unit img {margin: 0 auto 10px;}
	#tf_series .bnr .unit .txt01 {width: auto; font-size: 3.5vw;}
	#tf_series .bnr .unit .txt02 {width:auto; font-size: 7vw; margin: 10px auto; padding-bottom: 10px;}
	#tf_series .bnr .unit .txt03 {font-size: 5vw;}
	#tf_series .bnr .unit .txt04 {font-size: 12vw;}

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