@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*/
	.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%;}
	

/*header*/
	header {padding: 10px 0; background: url(img/header/bg.jpg)top left repeat; height: 60px; box-sizing: border-box; position: fixed; z-index: 100; width: 100%;}
	header .right_box {display: none;}
	header h2 p {font-size: 7vw; word-break: keep-all;}
	header h2 img {width: 20%; margin: 0 5%;}
	header .front_contact {display: none;}
	header .insta {margin-right: 15%;}
	.front_main_box {overflow: hidden; margin-top: 60px;}
	.front_main_box .icon01 {left: -225px; top: -135px;}
	.front_main_box .icon02 {right: -290px; bottom: -120px;}
	.front_main_box .txt03,.front_main_box .txt04 {height: auto;}
	.front_main_box .txt03 img {width: 95%; margin: 5% auto 0;}
	.front_main_box .txt04 img {width: 95%; margin: 0 auto 5%;}
	.front_contact_box,.global_nav {display: none;}
	.front_main_box .txt_box {width: 70%;}
	.front_main_box .bdr {margin: 16px auto; height: 2px;}

/*ハンバーガー*/	
	#nav-toggle {
  position: fixed;
  top: 6px;
  right: 5%;
width: 25px;
height: 30px;
  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: #fff;
}
.open #nav-toggle span:nth-child(2) {
  top: 10px;
  width: 0;
  left: 50%;
background-color: #fff;
}
.open #nav-toggle span:nth-child(3) {
  top: 10px;
  transform: rotate(-45deg);
background-color: #fff;
}

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

#container {
  z-index: 900;
}

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

#gloval-nav {
  background: url("img/sp/nav_bg02.svg")bottom -135px center no-repeat,url("img/sp/nav_bg01.jpg")top left 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);
}
	#gloval-nav .logo {width: 30%; margin: 0 auto 20px;} 	

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

#gloval-nav a {
  display: inline-block;
  text-decoration: none;
  padding: 2% 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 solid #fff;
color: #fff;
}

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

	.pan {margin-top: 60px; margin-left: 16px; padding: 30px 0; font-size: 4vw;}
	.page_title {text-align: center; padding: 0; font-size: 5vw;}
	
	
/*index*/
	#index .box01 {padding:  30px 0; background: url(img/index/box01_bg.jpg)top center repeat;}
	#index .box01 .inner {display: block;}
	#index .box01 .txt {padding: 0 16px; margin: 30px 0 0;}
	#index .box01 h2 {font-size: 8vw; transition-delay: .8s;}
	#index .box01 .txt01 {font-size: 4vw; margin:14px 0; transition-delay: 1.2s;}
	#index .box01 .txt02 {font-size: 3.5vw; line-height: 2.3;}
	#index .box01 .txt02 span {}
	#index .box01 .x_btn {margin-top: 30px; width: 100%;}
	#index .x_btn {color: #fff; background: url(img/index/arrow.svg) center left 10% no-repeat; background-color: #000; background-size: 2%; font-size: 3.5vw; height: 50px; width: 100%;}
	#index .box01 .icon {display: none;}
	#index .box01 .img01 {position: relative; left: inherit; top: inherit; min-width: inherit; transition-delay: .2s;}
	.bg_clip_l {clip-path: inherit;}
	#index .box01 .txt02 span {transition-delay: 1.4s; animation-delay: 1.4s;}
	
	#index .box02 .title_box {display: block;}
	#index .box02 h2 {margin: inherit; text-align: center; font-size: 8vw;}
	#index .box02 .title_box p {font-size: 3.5vw; text-align: center; margin-top: 24px; margin-bottom: 15px;}
	#index .box02 .shadow {display: none}
	#link_box {flex-wrap: wrap;}
	#index .box02 .con {width: 48%; height: inherit; font-size: 3.5vw; padding: 4%;}
	#index .box02 .con:nth-of-type(n + 3) {margin-top: 4%;}
	#index .box02 .con:nth-of-type(1) img {width: 80%; margin: inherit; margin-bottom: 10%;}
	#index .box02 .con:nth-of-type(2) img {width: 30%; margin-bottom: 10%;} 
	#index .box02 .con:nth-of-type(3) img {width: 40%; margin-bottom: 10%;}
	#index .box02 .con:nth-of-type(4) img {width: 90%; margin-bottom: 10%;} 
	#index .box02 #link_box {margin: 10px auto 30px; padding: 0 16px;}
	#index .box02 .inner {display: block;}
	#index .box02 .inner .box {display: block; width: 100%; height: 156px;}
	#index .box02 {padding: 30px 0 0;}
	#index .box02 h3 {font-size: 6vw;}
	#index .box02 .text {margin: 10px auto 20px; font-size: 3.5vw;}
	#index .box02 .btn {background: url(img/index/arrow02.svg) center right 10% no-repeat; background-color: #fff; font-size: 3.5vw; color: #000;}
	#index .box02 .txt_box .img {position: absolute; top: 0; bottom: 0; right: 0; left: 0;} 
	#index .box02 .box::before {background: none;}
	#index .box02 .box:nth-child(1) .txt_box {background: rgba(209,39,0,.6); border: 1px solid #fff; margin: 2%;}
	#index .box02 .box:nth-child(2) .txt_box {background: rgba(202,87,3,.6); border: 1px solid #fff; margin: 2%;}
	#index .box02 .box:nth-child(3) .txt_box {background: rgba(176,157,0,.6); border: 1px solid #fff; margin: 2%;}
	#index .box02 .box:nth-child(4) .txt_box {background: rgba(0,105,47,.6); border: 1px solid #fff; margin: 2%;}
	#index .box03 .min {font-size: 4vw; text-align: center;}
	#index .box03 h2 {font-size: 7vw; text-align: center; line-height: 1;}
	#index .box03 .tag_box a {width: 48%; margin-right: 4%; font-size: 4vw;}
	#index .box03 .tag_box a:nth-child(2n) {margin-right: 0;}
	#index .box03 .tag_box a:nth-child(n + 3) {margin-top: 4%;}
	#index .box03 .tag_box a:nth-of-type(n + 7) {margin-top: 4%;}
	#index .box03 .tag_box {margin: 30px auto 40px;}
	#index .box03 .item,#index .box03 .item:nth-child(5n) {width: 48%; margin-right: 4%;}
	#index .box03 .item:nth-child(2n) {margin-right: 0;}
	#index .box03 .item:nth-child(n + 3) {margin-top: 8%;}
	#index .box03 .time {font-size: 3.5vw;}	
	#index .box03 .tax_tag {font-size: 3.5vw;}
	#index .box03 .img img {height: 100px;}
	#index .box03 h3 {line-height: 1.5; font-size: 3.5vw;}
	#index .box03 .txt01 {font-size: 3vw;}
	#index .box03 .no {min-width: 20%; margin-right: 5%; font-size: 3.5vw;}
	#index .box03 .x_btn {width: 100%; margin-top: 30px; color: #000; background: url(img/index/arrow02.svg) center left 10% no-repeat; background-color: #fff;}
	#index .box04 h2 {display: none;}
	#index .box04 {background: url("img/sp/index/box04_bg01.jpg")top center no-repeat; background-size: contain; padding: 205px 0 30px;}
	#index .box04 .icon_text {font-size: 13vw; right: 10px; bottom: -6px;}
	#index .box04 .interview_list {padding: 0 16px;} 
	#index .box04 .item {width: 48%; margin-right: 4%; padding-bottom: 10px;}
	#index .box04 .item:nth-child(2n) {margin-right: 0;}
	#index .box04 .item:nth-child(n + 3) {margin-top: 8%;}
	#index .box04 h3 {font-size: 3vw; line-height: 1.5;}
	#index .box04 .time {font-size: 3.5vw;}
	#index .box04 .pick {width: 40%; font-size: 3.5vw; padding: 0 5%;}
	#index .box04 .img_box {margin-bottom: 10px;}
	#index .box04 .img img {height: 100px;}
	#index .box04 .x_btn {margin-top: 30px; width:calc(100% - 32px);}
	#index .box04 .title_box {margin-bottom: 45px;}
    #index .box04 .tax_tag {font-size: 3.5vw; width: auto; height: auto; padding: 5px;}
    
	#index .box05 .inner {display: block; }
	#index .box05 h2 {margin-bottom: 30px; font-size: 6vw;}
	#index .box05 .box {width: 100%;}
	#index .box05 .btn {font-size: 3.5vw;}
	#index .box05 h3 {font-size: 3.5vw;}
	#index .box05 .time {font-size: 3.5vw;}
	#index .box05 .text {font-size: 3vw; line-height: 1.7;}
	#index .box05 .over {margin-bottom: 10px;}
	#index .box05 .item {padding: 15px 0 10px;}
	#index .box05 .box:nth-of-type(2) {margin-top: 30px;}
	#index .box06 {padding: 30px 0;}
	#index .box06 .inner {flex-wrap: wrap; padding: 0 16px;}
	#index .box06 a {width: 48%; margin-right: 4%; font: 4vw; height: 50px; } 
	#index .box06 a:nth-child(2n) {margin-right: 0;}
	#index .box06 a:nth-child(n + 3) {margin-top: 4%;}
	#index .box06 .inner a img {width: 15%;}
	#index .box06 .inner a p {font-size: 4vw;}
	#index .box07 h2 span {font-size: 7vw; line-height:  1;}
	#index .box07 h2 {font-size: 4vw; text-align: center; margin-bottom: 24px;}
	#index .box07 .text {font-size: 3.5vw;}	
	#intro {margin-top: -60px; padding-top:60px;}
	
	#index .box08 {background: none; padding: 0;}
	#index .box08 a {width: auto; height: auto;}
	
	
	/*about*/
	#about h2 {font-size: 5vw; height: 50px; word-break: keep-all;}
	#about .con01 .inner {display: block; padding: 0 16px; font-size: 3.5vw; line-height: 2.3;}
	#about .con01 .inner img {margin: inherit; margin-bottom: 10px;}
	#about .con01 .bnr p:nth-child(1) {font-size: 4.5vw; padding: 2% 5%;}
	#about .con01 .bnr p:nth-child(2) {font-size: 4.5vw; top: 40%; left: 7%;}
	#about .con01 .bnr p:nth-child(2) span {font-size: 5vw;}
	#about .con01 .bnr .bg03 {bottom: inherit; left: inherit; width: 91%; position: relative;}
	#about .con01 .bnr .bg02 {position: relative; top: inherit; left: inherit; width: 70%; padding-top: 1%;}
	#about .con01 .bnr {height: 150px; border-bottom: 3px solid #d12700; padding: 3% 0; background: url(img/about/box01_bg01.jpg)top right -20px no-repeat; background-size: cover;}
	#about .con01 .bnr .text01 {position: absolute; bottom: 12%; left: 20%; width: 43%;}
	#about .con02 .bnr02 {height: auto; background: url(img/about/box01_bg05.svg)bottom right -70px no-repeat,url(img/about/box01_bg04.svg) bottom left 0px no-repeat; background-size: contain; border-bottom: 3px solid #d12700;}
	#about .con02 .bnr02 .txt p:nth-child(1) {font-size: 3.5vw; padding: 2% 5%;}
	#about .con02 .bnr02 .icon .txt {padding: 20px 0;}
	#about .con02 .bnr02 .icon {background-size: contain;}
	#about .con02 .bnr02 .txt .text01 {width: 50%; margin: 3% 0 3% 4%;}
	#about .con02 .bnr02 p:nth-of-type(2) {font-size: 5vw; margin-left: 30%;}
	#about .con02 .bnr02 .text02 {display: none;}
	#about h2::after,#about h2::before {display: none;}
	#about .con03 .inner {display: block; padding: 0 16px; font-size: 3.4vw; line-height: 2.3;}
	#about .con03 .inner img {margin-right: 0; margin-bottom: 10px;}
	#about .con03 .inner:nth-of-type(2) img {margin-left: 0;}
	#about .con03 .img_box {padding: 0 16px; flex-wrap: wrap; align-items: center; justify-content: start;}
	#about .con03 .img_box img {width: 48%; margin-right: 4%;}
	#about .con03 .img_box img:nth-child(2n) {margin-right: 0;}
	#about .con03 .img_box img:nth-child(n + 3) {margin-top: 4%;}
	#about .con03 .bnr03 .img_bg {background: none; padding: 4% 0;}
	#about .con03 .bnr03 p:nth-of-type(1) {font-size: 5vw; text-align: center;}
	#about .con03 .bnr03 .txt02 {width: inherit;}
	#about .con03 .bnr03 .txt02 p:nth-of-type(1) {font-size: 6vw; text-align: center; margin-left: -30%;}
	#about .con03 .bnr03 .bdr {height: 2px; margin: 4% auto; width: 90%;}
	#about .con03 .bnr03 {height: inherit; margin-bottom: 30px; background: url(img/about/box01_bg09.svg) top -25px left -100px no-repeat,url(img/about/box01_bg10.svg) bottom 0px left -80px no-repeat,url(img/about/box01_bg08.jpg) center center no-repeat; background-size: cover;}
	#about .con03 .bnr03 .txt01 {width: inherit;}
	#about .con03 .bnr03 .txt02 p:nth-of-type(2) {margin-left: 40%; font-size: 7vw; margin-top: 3%;}
	
	/*painting*/
	#painting .box01 {height: auto; margin-top: 30px; background: url(img/painting/box01_bg02.svg) center left 190px no-repeat,url(img/painting/box01_bg01.jpg) center center no-repeat; background-size: cover; padding: 4% 0;}
	#painting .box01 p:nth-of-type(1) {font-size: 4vw; padding: 2% 4%; margin-bottom: 4%; word-break: keep-all;}
	#painting .box01 .txt {margin-left: 4%;}
	#painting .box01 p:nth-of-type(2) {font-size: 5vw; line-height: 1.5;}
	#painting .box02 h2 {font-size: 4.5vw; text-align: center; padding: 10px 0; line-height: 1.5;}
	#painting .box02 h2::before {display: none;}
	#painting .box02 .inner {display: block; padding: 30px 16px 0; font-size: 3.5vw; line-height: 2.3;}
	#painting .box02 .inner img {margin-right: 0; margin-bottom: 10px;}
	#painting .box02 .img_box {flex-wrap: wrap; padding: 0 16px 30px; margin-bottom: 30px; align-items: center;
    justify-content: flex-start; }
	#painting .box02 .img_box img {margin-right: 4%; width: 48%;}
	#painting .box02 .img_box img:nth-child(2n) {margin-right: 0;}
	#painting .box02 .img_box img:nth-child(n + 3) {margin-top: 4%;}
	#painting .box02 .bnr01 p:nth-of-type(1) {font-size: 3.5vw; padding: 2% 4%; word-break: keep-all;}
	#painting .box02 .bnr01 p:nth-of-type(2) {font-size: 4vw; padding: 6% 0;}
	#painting .box02 .bnr01 p:nth-of-type(3) {font-size: 5vw;}
	#painting .box02 .bnr01 {display: none;}
	#painting .box03 .title {height: auto; border: 5px solid rgba(255,255,255,.3); padding: 6% 0; text-align: center;}
	#painting .box03 .title p:nth-of-type(1) {font-size: 4vw; margin-bottom: 5px;}
	#painting .box03 .title h2 {font-size: 5vw;}	
	#painting .box03 .con01 .theme span {font-size: 6vw; padding: 0 2%;}
	#painting .box03 .con01 .theme h3 {font-size: 4.5vw; padding-left: 3%; word-break: keep-all;}
	#painting .box03 .con01 {padding: 30px 0 0;}
	#painting .box03 .con01 .theme {width: calc(100% - 32px); margin: 0 auto; border-bottom: 2px solid #d12700;}
	#painting .box03 .con01 .inner {display: block; padding: 0 16px; font-size: 3.5vw; line-height: 2.3;}
	#painting .box03 .con01 .inner img {margin-right: 0; margin-bottom: 10px;}
	#painting .box03 .con01 .bnr .bdr p:nth-of-type(1) {font-size: 3.5vw; padding: 2%; word-break: keep-all;}
	#painting .box03 .con01 .bnr .txt02::before {height: 2px;}
	#painting .box03 .con01 .bnr .bdr .txt03 {font-size: 4vw; margin-top: 6vw;}
	#painting .box03 .con01 .bnr .bdr .txt03 span {font-size: 5vw;}
	#painting .box03 .con01 .bnr {height: auto; padding: 2%;}
	#painting .box03 .con01 .bnr .txt {padding: 3% 0 6%;}
	#painting .box03 .con02 .theme h3 span {font-size: 4.5vw;}
	#painting .box03 .con02 .inner img {margin-left: 0;}
	#painting .box03 .title h2 strong {font-size: 10vw;}
	#painting .box03 .title p:nth-of-type(1) {font-size: 4vw; margin-bottom: 2%; border-bottom: 2px solid #fff;}
	#painting .box04 {margin-bottom: 30px; border: 3px solid #d12700; height: auto; padding: 20% 0;}
	#painting .box04 p:nth-of-type(1) {font-size: 4vw; padding: 2% 3%; top: 10%;}
	#painting .box04 p:nth-of-type(2) {font-size: 4vw; padding: 2% 3%; top: 14%; margin-top: inherit;}
	#painting .box04 p:nth-of-type(3) {font-size: 4.5vw; padding: 2% 3%;}
	#painting .box04 p:nth-of-type(3) span {font-size: 4.5vw;}
	
	/*mortar_aging*/
	#painting .mortar_aging .box01 {background: url(img/mortar_aging/box01_bg02.svg) center left 190px no-repeat,url(img/mortar_aging/box01_bg01.jpg) center center no-repeat;}
	#painting .mortar_aging .box04 {border: 3px solid #b09d00;}
	
	/*plasterer_mortex*/
	#painting .plasterer_mortex .box01 {background: url(img/plasterer_mortex/box01_bg02.svg) center right no-repeat,url(img/plasterer_mortex/box01_bg01.jpg) center left no-repeat; background-size: contain;}
	#painting .plasterer_mortex .box03 .con01 .theme h3 span {font-size: 4.5vw;}
	#painting .plasterer_mortex .box04 {border: 3px solid #ca5703;}
	
	/*construction*/
	#painting .construction .box01 {background: url(img/construction/box01_bg02.svg) center left 190px no-repeat,url(img/construction/box01_bg01.jpg) center left no-repeat; background-size: contain;}
	#painting .construction .box03 .con01 .theme h3 span {font-size: 4.5vw;}
	#painting .construction .box04 {border: 3px solid #00692f;}
	
	/*contact_banner*/
	#contact_banner .title {background:url("img/contact_banner/sp_bg.svg")top center no-repeat; width: 100%; height: 195px; background-size: cover; padding: 50px 0; box-sizing: border-box; display: block;}
	#contact_banner .title .bdr {margin: 10px auto;}
	#contact_banner .title .inner {width: 65%;}
	#contact_banner .tel {font-size: 5vw;}
	#contact_banner .tel span {font-size: 7vw;}
	#contact_banner .txt01 {font-size: 3.5vw; line-height: 1.5; margin: 10px auto 30px;}
	#contact_banner .txt02 {font-size: 3.5vw; padding: 4% 0; line-height: 1.7;}
	#contact_banner .txt03::before {display: none;}
	#contact_banner .txt03 {margin: 30px auto 20px; font-size: 4.5vw;}    
	#contact_banner .x_btn {width: 100%; color: #fff; font-size: 3.5vw; height: 50px; background: url(img/index/arrow.svg) center left 10% no-repeat; background-color: #000; background-size: 2%;}
	
	
	
	
	
	/*footer*/
	footer {padding-top: 50px;}
	footer .home_link {display: none;}
	footer .inner {padding-bottom: 50px;}
	footer .inner left_box {display: none;}
	footer .txt01 {display: none;}
	footer .tel {display: none;}
	footer .txt02 {display: none;}
	footer .left_box {display: none;}
	footer .title_box {display: block; font-size: 8vw;}
	footer .title_box img {width: 10%; margin: auto;}
	footer .title_box p {margin-top: 20px; font-size: 6vw;}
	footer .copy {font-size: 3vw;}
	
	.sp_pop_inner {display: flex; position: fixed; bottom: 0; left: 0; width: 100%; z-index: 100;}
	.sp_pop_inner a {width: 50%;}
	
	/*company*/
	#company table {margin-top: 30px; border-right: none; border-left: none;}
	#company th, #company td {display: block; font-size: 3.5vw; padding: 4% 0; padding: 16px;}
	#company th {width: 100%;}
	#company td {padding: 4% 16px;}
	#company h2 {margin-top: 30px; font-size: 5vw; padding: 0;}
	#company iframe {margin-top: 30px; border: 1px solid #000; height: 250px; border-right: 0; border-left: 0;}
	#company .policy {margin: 30px 0; padding: 0 16px;}
	#company .policy p {font-size: 3.5vw;}
	#company .address td,#company .l td {line-height: 1.8;}
	
	/*contact*/
	#contact .tel {padding: 20px 0; background: none; background-color: #000;}
	#contact .tel p:nth-of-type(1) {font-size: 8vw;}
	#contact .tel p:nth-of-type(1) span {font-size: 5vw;}
	#contact .tel p:nth-of-type(2) {font-size: 3.5vw; line-height: 1.7; margin-top: 10px;}
	
	/*contact_form*/
	#contact_form {border-spacing: 0 10px; margin-top: 30px; padding: 0 16px; font-size: 4vw;}
	#contact_form tr th,#contact_form tr td {display: block; padding: 0 16px;}
	#contact_form td input, #contact_form textarea {margin-left: 0; width: 100%; font-size: 3.5vw;}
	#contact_form tr th {width: 100%; margin-bottom: 2%; padding-top: 4%;}
	#contact_form textarea {height: 100px;}
	#contact .form_btn {width: 100%; font-size: 4vw; padding: 5% 0; height: inherit; margin-top: 20px; background: url(img/index/arrow.svg)center left 10% no-repeat; background-color: #000; background-size: 2%;}
	.wpcf7-response-output,.wpcf7 .ajax-loader {display: none;}
	#contact form {margin-bottom: 0;}
	#contact_form .essential {right: 2%;}
	
	
	
	/*end*/
	#end .thanks {padding: 0 16px; font-size: 3.5vw; line-height: 2; margin: 30px 0; text-align: left!important;}
	
	/*blog*/
	#blog .page_title {padding: 0;}
	#blog .blog_list {padding: 0 16px; margin: 10px 0 30px;}
	#blog .item {padding: 20px 0;}
	#blog .over {margin-bottom: 10px;}
	#blog .time {font-size: 4vw;}
	#blog h3 {font-size: 4vw;}
	#blog .text {font-size: 3.5vw; line-height: 2;}
    .single_page {z-index: 0;}
	#blog {padding: 0;}
	#single_blog .navigation .next-entries, #single_blog .navigation .previous-entries {width: 80px; font-size: 4vw;}
	#single_blog .nav_archive_btn {width: 150px; font-size: 4vw;}
	#single_blog .nav_over {margin-bottom: 30px;}
	#single_blog .over .time {font-size: 4vw; padding-right: 3%; margin-right: 5%;}
	#single_blog .tag {font-size: 3.5vw; padding: 0 3%;}
	#single_blog h2 {margin-top: 10px; font-size: 3.5vw;}
	#single_blog .text {font-size: 3.5vw; line-height: 2;}
	#single_blog .box01 {padding: 26px 16px;}
	
	/*interview*/
	#interview .interview_list {margin: 40px 0 30px; padding: 0 16px;}
	#interview .interview_list .item,#interview .interview_list .item:nth-of-type(4n) {width: 48%; margin-right: 4%;}
	#interview .interview_list .item:nth-of-type(2n) {margin-right: 0;}
	#interview .interview_list .item:nth-child(n + 3) {margin-top: 8%;}
	#interview .interview_list h3 {font-size: 3vw; line-height: 1.5;}
	#interview .interview_list .time {font-size: 3.5vw; padding: 2% 4%;}
	#interview .interview_list .pick {width: 40%; font-size: 3.5vw; padding: 0 5%;}
	#interview .interview_list .img_box {margin-bottom: 10px;}
	#single_interview .navigation .next-entries, #single_interview .navigation .previous-entries {width: 48%; font-size: 4vw; height: 100%;}
	#single_interview .nav_archive_btn {font-size: 4vw; width: 48%;}
	#single_interview .interview_box .txt {padding: 30px 16px 26px; border: 2px solid #000; border-right: 0; border-left: 0;}
	#single_interview .interview_box .txt h2 {font-size: 3.5vw;}
	#single_interview .interview_box .txt .p {font-size: 3.5vw; margiun-top: 14px;}
	#single_interview .nav_btn {width: 48%;}
	#single_interview .nav_over,#single_interview .nav_under {height: 35px;}
	#single_interview .gallery_title p {margin-top: 10px;}
	#single_interview .gallery_box {padding: 0 16px; margin-top: 30px;}
	#single_interview .gallery_box a,#single_interview .gallery_box a:nth-child(3n) {width: 48%; margin-right: 4%;}
	#single_interview .gallery_box a:nth-child(2n) {margin-right: 0;}
	#single_interview .gallery_box a:nth-child(n + 3) {margin-top: 4%;}
	#single_interview .gallery_box a img {height: 100px;}

	
	
	#works .tag_box {margin: 30px auto 45px; padding: 0 16px;}
	#works .tag_box a,#works .tag_box a:nth-of-type(2n) {width: 48%; margin-right: 4%; font-size: 4vw; height: inherit; padding: 3% 0;}
	#works .tag_box a:nth-of-type(2n) {margin-right: 0;}
	#works .tag_box a:nth-of-type(n + 3) {margin-top: 4%;}
	#works .works_list .time {font-size: 3.5vw;}	
	#works .works_list .tax_tag {font-size: 3.5vw;}
	#works .works_list .img img {height: 100px;}
	#works .works_list h3 {line-height: 1.5; font-size: 3.5vw;}
	#works .works_list .txt01 {font-size: 3vw;}
	#works .works_list .no {min-width: 20%; margin-right: 5%; font-size: 3.5vw;}
	#works .works_list .item,#works .works_list .item:nth-of-type(5n) {width: 48%; margin-right: 4%;}
	#works .works_list .item:nth-of-type(2n) {margin-right: 0;}
	#works .works_list .item:nth-of-type(n + 3) {margin-top: 8%;}
	#works .works_list {padding: 0 16px; margin-bottom: 30px;} 
	#single_works h2 {font-size: 5vw; margin-bottom: 10px;}
	#single_works .works_title p {font-size: 3vw;}
	#single_works .txt {border: 2px solid #000; padding: 30px 16px; font-size: 3.5vw; border-right: 0; border-left: 0;}
	#single_works .navigation .next-entries, #single_works  .navigation .previous-entries {width: 80px; font-size: 4vw;}
	#single_works .nav_archive_btn {width: 150px; font-size: 4vw;}
	#single_works .nav_under {margin: 30px 0;}
	#single_works .works_box .img_box {padding: 0 16px; flex-wrap: wrap;}
	#single_works .works_box a,#single_works .works_box a:nth-of-type(3n) {width: 48%; margin-right: 4%;}
	#single_works .works_box a:nth-of-type(2n) {margin-right: 0;}
	#single_works .works_box a:nth-of-type(n + 3) {margin-top: 4%;}
	#single_works .works_box a img {height: 100px;}
	#single_works .works_box {padding: 0 16px;}
	
	#archives-works-tax .box01 .tag_box {margin: 30px 0; padding: 0 16px;} 
	#archives-works-tax .box01 .tag_box a,#archives-works-tax .box01 .tag_box a:nth-child(4n) {width: 48%; margin-right: 4%; font-size: 4vw; height: inherit; padding: 3% 0;}
	#archives-works-tax .box01 .tag_box a:nth-child(2n) {margin-right: 0;}
	#archives-works-tax .box01 .tag_box a:nth-child(n + 3) {margin-top: 4%;}
	#archives-works-tax .box01 .time {font-size: 3.5vw;}	
	#archives-works-tax .box01 .tax_tag {font-size: 3.5vw;}
	#archives-works-tax .box01 .img img {height: 100px;}
	#archives-works-tax .box01 h3 {line-height: 1.5; font-size: 3.5vw;}
	#archives-works-tax .box01 .txt01 {font-size: 3vw;}
	#archives-works-tax .box01 .no {min-width: 20%; margin-right: 5%; font-size: 3.5vw;}
	#archives-works-tax .box01 .item,#works .works_list .item:nth-of-type(5n) {width: 48%; margin-right: 4%;}
	#archives-works-tax .box01 .item:nth-of-type(2n) {margin-right: 0;}
	#archives-works-tax .box01 .item:nth-of-type(n + 3) {margin-top: 8%;}
	#archives-works-tax h1 {font-size: 5vw;}
	#archives-works-tax .works_list {margin: 45px 0 30px; padding: 0 16px;}
	
	
	
	
	
	
/*sitemap*/
	#sitemap li,#sitemap li:nth-child(n + 4) {margin-top: 10px; padding: 3% 0;}
	#sitemap .link_box {padding: 0 16px;}
	#sitemap h1 {font-size: 5vw;}

/*w8w*/	
    #w8w {padding-bottom: 30px;}
    #w8w .gallery_box h2 {font-size: 5vw; padding: 16px 0; border-left: 5px solid #d12700; border-right: 5px solid #d12700;}
    #w8w .gallery_inner {padding: 0 16px;}
    #w8w .gallery_box .gallery_inner a {width: 48%;}
    #w8w .gallery_box .gallery_inner a:nth-child(n + 3),#w8w .gallery_box .gallery_inner a:nth-child(n + 5) {margin-top: 4%;}
    #w8w .box01 .con {padding: 30px 16px;}
    #w8w .box01 .inner {display: block; font-size: 3.5vw; line-height: 2;}
    #w8w .box01 .inner02 {margin-top: 30px;}
    #w8w .box01 .inner .img01,#w8w .box01 .inner .img02 {margin: 0 auto 16px;}
    #w8w .box01 .min_box h3 {font-size: 5vw; padding: 16px 0; border-left: 5px solid #b09d00; border-right: 5px solid #b09d00; margin-bottom: 30px;}
    #w8w .box01 .min_box02 {margin-top: 30px;}
    #w8w .box01 li {width: 100%;}
    #w8w .box01 li:nth-child(n + 2),#w8w .box01 li:nth-child(n + 3) {margin-top: 30px;}
    #w8w .box01 li .title {font-size: 4.5vw; padding: 7px 0 10px;}
    #w8w .box01 li .over {border: 3px solid #b09d00;}
    #w8w .box01 li .text {font-size: 3.5vw; margin-top: 10px; line-height: 2;}
	
	
}
@media screen and (max-width:350px) {
header h1 {display: none;}
}