@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: 4vw; padding-bottom: 0px; margin-top: 5px;}
.indent_content02 {margin-top: 30px;}

/*header*/
	header {position: fixed; top: 0; left: 0; z-index: 600; background: #fff;}
	header .global_nav {display: none;}
	header h1 {font-size: 16px; margin-bottom: 0; padding: 0 16px; height: 60px; box-sizing: border-box; width: 60%; transition-delay: inherit; display: flex; align-items: center; justify-content: flex-start;}
	.front_main_box.inview .txt_box p::before {transition-delay: .7s;}
	.front_main_box .txt_box p .t {transition-delay: .8s;}
	.front_main_box.inview .txt_box p:nth-child(2)::before {transition-delay: .9s;}
	.front_main_box .txt_box p .t {transition-delay: 1.1s;}
	header h1 img {width: 100%;}
	.front_main_box .opening_box {display: none;}
	.front_main_box .logo {width: 40%; height: auto; transition-delay: .2s; transition-duration: .7s; transform: translateY(0);}
	.front_main_box .logo01 {bottom: 0; margin: auto;}
	.front_main_box .txt_box {bottom: 5%; left: 0;}
	.front_main_box .txt_box p:nth-child(1) {font-size: 5vw;}
	.front_main_box .txt_box p:nth-child(2) {font-size: 3.5vw; margin-top: 2%;}
	.front_main_box .sp_bg01 {position: absolute; left: 0; bottom: 0; top: 0; margin: auto; width: 25%; padding-top: 50%; transition-duration: .5s; opacity: 0; transform: translateX(-10%); transition-delay: .1s;}
	.front_main_box .sp_bg02 {position: absolute; right: 0; bottom: 0; top: 0; margin: auto; width: 25%; padding-bottom: 50%; transition-duration: .5s; opacity: 0; transform: translateX(10%); transition-delay: .1s;}
	.front_main_box.inview .sp_bg01,.front_main_box.inview .sp_bg02 {opacity: 1; transform: translateX(0);} 
	.front_main_box .box::before,.front_main_box .box::after {display: none;}
	.bdr_box {width: 40%; height: auto;}
	.bdr_box01 {top: 0%; left: 0%; width: 100%; height: 100%;}
	.bdr_box02 {top: inherit; left: inherit; width: 100%; height: 100%; right: 0; bottom: 0;}
	.bdr_box03 {left: 0; bottom: 0; width: 100%; height: 100%;}
	.bdr_box04 {top: inherit; left: inherit; right: 0; width: 100%; height: 100%; bottom: 0;}
	.util_bar {height: 150%;}
	.bdr_box02 .util_bar {right: 0; bottom: 0;}
	.bdr_box04 .util_bar {top: 0; right: 0;}
	.sp_menu_logo {width: 60%; margin: auto auto 10%;}
	
/*ハンバーガー*/	
	#nav-toggle {
  position: fixed;
  top: 6px;
  right: 16px;
width: auto;
  cursor: pointer;
  font-size: 2.5vw;
color: #fff;
}
#nav-toggle > div {
  position: relative; background: #000; height: 45px; width: 45px;
}
#nav-toggle span {
  width: 30px;
  height: 1px;
  left: 7.5px;
  display: block;
  background: #fff;
  position: absolute;
  transition: transform 0.3s ease-in-out, top 0.5s ease;
  /* #nav-toggle close */
}
#nav-toggle span:nth-child(1) {
  top: 15px;
}
#nav-toggle span:nth-child(2) {
  top: 22px;
  width: 25px;
}
#nav-toggle span:nth-child(3) {
  bottom: 15px;
  width: 20px;
}

.open #nav-toggle span:nth-child(1) {
  top: 22px;
  transform: rotate(45deg);
background-color: #fff;
}
.open #nav-toggle span:nth-child(2) {
  left: 50%; opacity: 0;
background-color: #fff;
}
.open #nav-toggle span:nth-child(3) {
  bottom: 22px; width: 30px;
  transform: rotate(-45deg);
background-color: #fff;
}
	
	
#nav {display: none;}

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

#container {
  z-index: 900;
}

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

#gloval-nav {
  background: #f5f4f4;
  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: 5% 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%;
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;
}
	
#st_header {display: none;}	
#gloval-nav li .logo {padding: 0;}
	#gloval-nav .logo_box {margin-top: 5%;}
	#gloval-nav .logo_box li {width: inherit;}
	#gloval-nav .logo_box .line {margin-left: 5%;}
/*index*/
	#index .box01 {padding: 16px;}	
	#index .box01 .inbox12::before {display: none;}
	#index .box01 ul {width: 100%; margin: 0; padding: 0;}
	#index .box01 li,#index .box01 li:nth-child(7n) {width: 32%; margin-right: 2%;}
	#index .box01 li:nth-child(3n) {margin-right: 0;}
	#index .box01 li:nth-child(n + 4) {margin-top: 2%;}
	#index .box01 li:nth-child(n + 7) {display: none;}
	#index .box02 {padding: 0 16px;}
	#index .section::before {display: none;}
	#index .box02 .txt01 {font-size: 5vw; text-align: center;}
	#index .box02 .icon_txt {display: none;}
	#index .box02 h2 {font-size: 5.5vw; margin: 0 auto 30px; text-align: center;}
	#index .box02 .logo {position: relative; top: inherit; right: inherit; width: 70%; margin: 20px auto;}
	#index .box02 .txt02 {font-size: 3.5vw; text-align: center; line-height: 2;}
	#index .bg {display: none;}
	#index .box02 ul {margin-top: 30px; display: none;}
	#index .box02 li {width: 100%; text-align: center;}
	#index .box02 .no {font-size: 5vw;}
	#index .box02 .txt03 {font-size: 5vw; margin: 10px 0 20px;}
	#index .box02 h3 {font-size: 6vw;}
	#index .box02 .txt04 {font-size: 4vw; margin: 20px 0;}
	#index .box02 .txt05 {font-size: 3vw; text-align: center;}
	#index .box02 li:nth-child(2),#index .box02 li:nth-child(3) {margin-top: 30px;}
	.x_btn {font-size: 3.5vw; height: auto; padding: 20px 0;}
	#index .box02 .x_btn {margin-top: 0; width: 100%;}
	#index .box02 .title {font-size: 5vw; margin-bottom: 10px;}
	
	#index .box03 {padding: 30px 16px;}
	#index .box03 h2 {font-size: 5vw; text-align: center;}
	#index .box03 .tag_box {margin: 30px auto;}
	#index .box03 .tag_box a {width: 30%; font-size: 3.5vw; margin-right: 5%; padding: 3.5% 0;}
	#index .box03 .tag_box a:nth-child(3n) {margin-right: 0;}
	#index .box03 .tag_box a:nth-child(n + 4) {margin-top: 5%;}
	#index .box03 .item {width: 48%; margin-right: 0;}
	#index .box03 .item:nth-child(n + 3) {margin-top: 30px;}
	#index .box03 .item img {height: auto;}
	#index .box03 .over {top: -4%;}
	#index .box03 .time {font-size: 3.5vw; padding: 1%; width: auto; height: auto;}
	#index .box03 .tax_tag {font-size: 3.5vw; width: auto; height: auto; padding: 1%;}
	#index .box03 .x_btn {width: 100%; margin: 30px auto 0;}
	#index .box03 .gallery_list {justify-content: space-between;}
	
	#index .box04 {padding: 30px 0 0;}
	#index .box04 .min_txt {font-size: 3.5vw; line-height: 2; margin: 0 auto 30px; text-align: center; padding: 0 16px;}
	#index .box04 .icon_txt {font-size: 5vw; text-align: center;}
	#index .box04 h2 {display: block; font-size: 5vw; margin: 20px auto; text-align: center;}
	#index .box04 li {width: 100%; height: 240px;}
	#index .box04 li .li_bg,#index .box04 li:nth-child(1) .li_bg,#index .box04 li:nth-child(2) .li_bg,#index .box04 li:nth-child(3) .li_bg,#index .box04 li:nth-child(4) .li_bg,#index .box04 li:nth-child(5) .li_bg,#index .box04 li:nth-child(6) .li_bg {padding: 25px; display: block; color: #fff; position: relative; z-index: 10;}
	#index .box04 .sp_img {position: absolute; top: 0; left: 0; height: 100%; object-fit: cover;}
	#index .box04 li:nth-child(1) {background: #ee8593;}
	#index .box04 li:nth-child(2) {background: #49041d;}
	#index .box04 li:nth-child(3) {background: #ee8593; margin-top: 0;}
	#index .box04 li:nth-child(4) {background: #49041d;}
	#index .box04 li:nth-child(5) {background: #ee8593;}
	#index .box04 li:nth-child(6) {background: #49041d;}
	#index .box04 li:nth-child(1) .li_bg,#index .box04 li:nth-child(2) .li_bg,#index .box04 li:nth-child(3) .li_bg,#index .box04 li:nth-child(4) .li_bg,#index .box04 li:nth-child(5) .li_bg,#index .box04 li:nth-child(6) .li_bg {background: none;}
	#index .box04 li:nth-child(1):hover .li_bg,#index .box04 li:nth-child(2):hover .li_bg,#index .box04 li:nth-child(3):hover .li_bg,#index .box04 li:nth-child(4):hover .li_bg,#index .box04 li:nth-child(5):hover .li_bg,#index .box04 li:nth-child(6):hover .li_bg {background: none;}
	#index .box04 .no {font-size: 7.5vw; color: #fff!important; text-align: center;}
	#index .box04 h3 {font-size: 5vw; text-align: left; margin: 20px auto;}
	#index .box04 li .title {justify-content: center;}
	#index .box04 .txt02 {font-size: 3.5vw; margin: 20px auto 0; text-align: left;}
	#index .box04 li .bdr01 {right: 5px;}
	#index .box04 li .bdr02 {top: 5px;}
	#index .box04 li .bdr03 {left: 5px;}
	#index .box04 li .bdr04 {bottom: 5px;}
	#index .box04 .min_txt02 {font-size: 3.5vw; margin: 20px auto 0; line-height: 2; text-align: center; padding: 16px; padding-top: 30px; display: block; background: none;}
	#index .box04 li .li_bg .on_icon {opacity: 1;}
	#index .box04 .min_txt02 a {width: auto; margin-top: 30px;}
	#index .box04 .min_txt02 .inner_txt {margin-right: 0;}
	
	#index .box05 .inner {display: block;}
	#index .box05 h2 {font-size: 6vw; margin: inherit; text-align: center;}
	#index .box05 table {margin-top: 20px;}
	#index .box05 th, #index .box05 td {font-size: 3.5vw; padding-top: 16px; line-height: 1.7;}
	#index .box05 th {padding-right: 20px;}
	#index .box05 .particles_item01 {width: 100%; left: 0; top: 0; height: 100%;}
	#index .box05 .particles_item02 {display: none;}
	
	#index .aboutus {margin-bottom: 50px; margin-top: 50px;}
	#index .aboutus h2 {font-size: 5vw; text-align: center; margin-bottom: 30px;}
	#index .aboutus .tag01 {width: calc(100% - 32px);}
	
	
/*footer*/
	footer {padding-top: 30px;}
	footer .icon_box {display: none;}
	footer .logo01 {width: 15%;}
	footer .logo02 {width: 35%; margin: 30px auto;}
	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%;}

#pop_banner {
padding: 0;
z-index: 50;
background: none;
width: 100%;
border: none;
bottom: 0;
position: fixed;
}
	.pan {padding: 20px 16px 0; margin-top: 10px; font-size: 3.5vw;}
	.page_title {text-align: center; font-size: 6vw; margin-top: 30px;}
	
/*gallery*/
	#archives-gallery .box01 .tag_box,#archives-gallery-tax .box01 .tag_box {margin: 30px auto; padding: 0 16px;}
	#archives-gallery .box01 .tag_box a,#archives-gallery-tax .box01 .tag_box a {width: 30%; font-size: 3.5vw; margin-right: 5%; padding: 3.5% 0;}
	#archives-gallery .box01 .tag_box a:nth-child(3n),#archives-gallery-tax .box01 .tag_box a:nth-child(3n) {margin-right: 0;}
	#archives-gallery .box01 .tag_box a:nth-child(n + 4),#archives-gallery-tax .box01 .tag_box a:nth-child(n + 4) {margin-top: 5%;}
	#archives-gallery .box01 .gallery_list,#archives-gallery-tax .box01 .gallery_list {padding: 0 16px;}
	#archives-gallery .box01 .item {width: 100%; margin-right: 0; padding: 0;}
	#archives-gallery-tax .box01 .item:nth-child(n + 3) {margin-top: 30px;}
	#archives-gallery .box01 .over,#archives-gallery-tax .box01 .over {top: -4%;}
	#archives-gallery .box01 .time,#archives-gallery-tax .box01 .time {font-size: 3.5vw; padding: 1%; width: auto; height: auto;}
	#archives-gallery .box01 .tax_tag,#archives-gallery-tax .box01 .tax_tag {font-size: 3.5vw; width: auto; height: auto; padding: 1%;}
	#archives-gallery .box01 .item img,#archives-gallery-tax .box01 .item img {height: auto;}
	#archives-gallery,#single-gallery,#archives-gallery-tax {margin-bottom: 30px;}
	#archives-gallery .box01 .logo_box {margin: 20px;} 
	#archives-gallery .box01 .item:nth-child(n + 4) {margin-bottom: 20px;}
	#archives-gallery .box01 .item:last-child {margin-bottom: 0;}
	#archives-gallery .box01 .item h2 {font-size: 4.5vw;}
	#archives-gallery-tax .box01 .item {width: 48%; margin-right: 0; padding: 0;}
	#archives-gallery-tax .box01 .gallery_list {justify-content: space-between;}
	#archives-gallery-tax .logo_box {justify-content: center; margin-top: 30px;}
	#archives-gallery-tax .intro_box {font-size: 4vw; width: 70%; margin: 10px auto 0; padding-top: 10px; box-sizing: border-box; border-top: solid 1px #c8c8c8;}
	#archives-gallery-tax .intro_box p {padding: 10px 0;}
	#single-gallery h1 {font-size: 5vw; text-align: center; margin-top: 30px;}
	#single-gallery h1 p {font-size: 5vw; margin-top: 10px;}
	.nav_over {margin: 30px 0;}
	.nav_under {margin-top: 30px;}
	.nav_over .nav_btn,.nav_under .nav_btn {width: 48%;}
	.nav_archive_btn {width: 48%; height: auto; background-size: 3.5%; background-position: center left 7.5%; font-size: 3.5vw; padding: 10px 0;}
	.navigation .next-entries, .navigation .previous-entries {width: 30%; height: auto; font-size: 3.5vw; padding: 10px 0; background-size: 7%; background-position: center left 15%;}
	#single-gallery .gallery_area {margin-top: 30px;}
	#single-gallery .gallery_title {justify-content: center; align-items: center; font-size: 3.5vw;}
	#single-gallery .gallery_title p {margin-top: 0;}
	#single-gallery .gallery_box {margin-top: 30px; padding: 0 16px;}
	#single-gallery h2 {font-size: 6vw; margin-right: 4%;}
	#single-gallery .gallery_box a,#single-gallery .gallery_box a:nth-child(3) {width: 48%; margin-right: 4%;}
	#single-gallery .gallery_box a:nth-child(2n) {margin-right: 0;}
	#single-gallery .gallery_box a img {height: 100px;}
	#single-gallery .gallery_box a:nth-child(n + 3) {margin-top: 4%;}
	#single-gallery .txt_box {padding: 30px 16px; margin-top: 30px; font-size: 3.5vw;}
	#single-gallery .txt_box .bar {display: none;}
	#single-gallery .txt_box .title {font-size: 4vw;}
	#single-gallery .txt_box p {font-size: 3.5vw; line-height: 2;}
	
	/*contact*/
	.indent_content03 {margin-top: 20px;}
	#contact table {width: calc(100% - 32px); margin: 30px auto 0;}
	#contact_form th, #contact_form td {font-size: 4vw;}
	#contact_form .essential {font-size: 3.5vw; left: inherit; right: 16px;}
	#contact_form td input,#contact_form textarea {font-size: 16px; height: auto;}
	.form_btn {font-size: 3.5vw; padding: 15px 0; width: calc(100% - 32px);}
	#contact {margin-bottom: 30px;}
	#contact .thanks {font-size: 3.5vw; padding: 30px 16px 0;}
	#contact h2{font-size: 4vw; margin: 30px 16px; padding: 16px;}
	
	/*about*/
	#about {margin-bottom: 30px;}
	#about .table01 {margin-top: 30px;}
	#about .table01 th, #about .table01 td {padding: 16px; font-size: 3.5vw;}
	#about .table01 th {width: 30%; word-break: keep-all;}
	#about .table01 span {margin-right: 0;}
	#about .table01 tr:nth-child(2n) th {border-bottom: solid 1px #f4f4f4;}

	#about .box01 .title {font-size: 4vw; margin-bottom: 10px;}
	#about .box01 h2 p {font-size: 4.5vw; margin-bottom: 30px; line-height: 1.8; border: none;}
	#about .box01 p:nth-of-type(2) {font-size: 3.5vw; padding: 0;}
	#about .box01 .boxs {display: none;}
	#about .con .title {font-size: 4vw; margin: 40px 0 10px;}
	#about .con h3 {font-size: 4.5vw;}
	#about .con h3:nth-of-type(1) p {margin-bottom: 0; border: none; line-height: 1.8;}
	#about .con .inner {display: block; margin-top: 30px;}
	#about .con .inner img {margin: 0 auto 16px;}
	#about .con .inner p {font-size: 3.5vw; padding: 0 16px;}
	#about .con02 .txt,#about .con03 .txt {font-size: 3.5vw; line-height: 2; margin-bottom: 30px;}
	#about .con02 .fade_under {flex-wrap: wrap;}
	#about .fade_under .item {width: 48%;}
	#about .fade_under .item:nth-child(3) {margin-top: 4%;}
	#about .con03 .txt {margin: 30px 0;}
	#about .con .under {font-size: 3.5vw; padding: 0 16px 30px;}
	#about .con .under::before,#about .con .under::after,#about .con .under .txt::before,#about .con .under .txt::after {display: none;}
	#about .con .under .txt {font-size: 3.5vw;}
	#about .con .under p {margin-top: 20px;}
	#about .box03 {padding: 30px 16px; margin: 30px auto 0; display: block;}
	#about .box03 p:nth-child(1) {font-size: 5vw; margin-bottom: 30px;}
	#about .box03 h2 {font-size: 4vw; line-height: 1.5;}
	#about .box03 .bdr {height: 2px; margin: 20px 0;}
	#about .box03 .text {font-size: 3.5vw; line-height: 2;}
	#about .box03 .link_img {margin-bottom: 25px;}
	#about .box03 .link_img .link {margin-top: 10px;}
	#about .box03 .link_img .link:nth-of-type(1) {margin-top: 0;}
	#about .box03 .img {width: 48%;}
	#about .box03 .sns {width: 48%; margin-right: 4%;}
	#about .box03::after {display: none;}
	#about .contact_box {padding: 30px 16px; margin-top: 30px; width: calc(100% - 32px);}
	#about .contact_box .title {font-size: 6vw; letter-spacing: 1px;}
	#about .contact_box .title::before,#about .contact_box .title::after {display: none;}
	#about .contact_box .txt02 {font-size: 4vw; margin: 15px auto 10px;}
	#about .contact_box .txt03 {font-size: 3.5vw;}
	#about .contact_box a::before,#about .contact_box a::after {display: none;}
	#about .contact_box a {width: 100%; height: auto; font-size: 3.5vw; margin: 20px auto 0; padding: 16px 0;}
	#about .contact_box a img {width: 5%; margin-right: 2%;}
	
	
	
	
/*voice*/
	#archives-voice {padding-bottom: 30px;}
	#archives-voice h2 {font-size: 5vw; margin-bottom: 0; text-align: center;}
	#archives-voice .voice_list {padding: 0 16px; margin-top: 0;}
	#archives-voice .item {width: 100%; margin-right: 0; margin-top: 60px; height: auto;}
	#archives-voice .txt01 {font-size: 4vw; margin: 20px 0 0;}
	#archives-voice .txt01:last-of-type {margin-top: 10px;}
	#archives-voice h3 {font-size: 4vw; margin-top: 20px;}
	#archives-voice .link_box p {font-size: 3.5vw;}
	#archives-voice .link_box a {font-size: 3.5vw;}
	#archives-voice .min_btn {height: auto; margin-top: 20px; font-size: 3.5vw; padding: 15px 0; position: relative; width: 100%; margin-top: 60px;}
	#archives-voice .txt02 {margin-top: 20px;}
	#single_voice {margin-bottom: 30px;}
	#single_voice .img {padding: 0 16px;}
	#single_voice .gallery_box {margin: 30px auto;}
	#single_voice .gallery_box .title {font-size: 5vw;}
	#single_voice .gallery_box .min {font-size: 3.5vw; margin-top: 10px;}
	#single_voice .gallery_list {margin-top: 30px; padding: 0 16px;}
	#single_voice .gallery_list a,#single_voice .gallery_list a:nth-child(n + 4) {width: 48%; margin-right: 4%;}
	#single_voice .gallery_list a:nth-child(2n) {margin-right: 0;}
	#single_voice .gallery_list a:nth-child(n + 3) {margin-top: 4%;}
	#single_voice .txt_box {padding: 30px 16px;}
	#single_voice .link_box {margin-bottom: 30px; font-size: 3.5vw; display: flex;}
	#single_voice .link_box a {margin: 20px auto 0;}
	#single_voice .link_box p {margin-bottom: 0; margin-right: 10px; padding-top: 10px;}
	#single_voice h1 {font-size: 3.7vw; margin-bottom: 30px; margin-top: 0;}
	#single_voice .text {font-size: 3.5vw; line-height: 1.7;}
	#single_voice .title_box {display: block;}
	#single_voice .name_box {font-size: 5vw; line-height: 1; text-align: center;}
	#single_voice .txt02 {font-size: 4vw;}


	
/*sitemap*/
#sitemap li {font-size: 4vw; line-height: 2;}
	
	
	
	
	
}
@media screen and (max-width:350px) {
header h1 {display: none;}
}