@charset "utf-8";
/* CSS Document */
@media screen and (max-width:500px) {
.spmgn-t10 {margin-top: 10px!important;}
.spmgn-t16 {margin-top: 16px;}
.spmgn-t20 {margin-top: 20px!important;}
.spmgn-b16 {margin-bottom: 16px;}
.spmgn-b0 {margin-bottom: 0!important;}
.sppdg-b0 {padding-bottom: 0!important;}
.sp_block {display: block!important;}
.sp-none02 {display: none;}
.indent_content {padding: 20px 16px;}
.page_thumb {letter-spacing: inherit; font-size: 4vw; height: 100px; margin-bottom: 20px; margin-top: 60px; background-position: center; background-size: cover;}
.page_thumb p{margin-left: 16px; font-size: 4.5vw;}
	
/*チェックボックス非表示*/
.nav-none { display:none; }
	header {width: 100%; padding: 10px; position: fixed; top: 0; z-index: 150; background-color: #fff; box-sizing: border-box; display: flex; align-items: center; height: 60px;}
	header .left_area {font-size: 3vw;}
	header h1 {display: none;}
	header h2 {font-size: 7vw;}
	header .left_area a {width: 50%;}
	header .left_area p {font-size: 5vw; margin-left: 5px;}
	.content {padding: 16px;}
	.front_main_box .front_man {display: none;}
	

/*ハンバーガー*/	
	#nav-toggle {
  position: fixed;
  top: 12px;
  right: 5%;
width: auto;
  cursor: pointer;
  font-size: 12px;
}
#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;
}

#container {
  z-index: 900;
}

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

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

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

#gloval-nav a {
  display: inline-block;
  text-decoration: none;
  padding: 5px 0;
  transition: color 0.6s ease;
}
#gloval-nav ul {
  list-style: none;
padding: 0 16px;
letter-spacing: 3px;
line-height: 1.5;
}
#gloval-nav ul li {
  position: relative;
  width: 100%;
  border-bottom: 1px dotted #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;
}
.sp_main {margin-top: 60px;}
	
/*index*/
	
	.main_nav {display: none;}
	#index .box01 {padding: 30px 0;}
	#index .box01 h2 {font-size: 5vw; line-height: 1.3;}
	#index .box01 h2 span {font-size: 5.5vw;}
	#index .box01 .band p {font-size: 3.2vw; border-left: 5px solid #ff8100; border-right: 5px solid #ff8100;}
	#index .box01 .inner {display: block; padding: 0 16px; box-sizing: border-box;}
	#index .box01 .box {width: 100%; font-size: 3.5vw; margin: 20px auto 0;}
	#index .box01 .txt01 {display: none;}
	#index .box01 .txt02 {display: none;}
	#index .box01 .icon01,#index .box01 .icon02 {display: none;}
	#index .box01 .no {font-size: 8vw; padding: 5px; width: auto; height: auto;}
	#index .box01 h3 {font-size: 5.5vw;}
	#index .box01 h3 span {font-size: 6vw;}
	#index .box01 .over {box-shadow: 3px 3px #7d7d7d;}
	.x_btn {width: auto; height: auto; margin: 20px 16px 0; padding: 16px 0; font-size: 4vw;}
	#index .box02 {padding: 0 0 20px; background: #1f2123;}
	#index .box02 .inner01 {display: block;}
	#index .box02 .txtbox01 {font-size: 6vw; line-height: 1.5; position: relative; padding: 16px 16px 0;}
	#index .box02 h3 {line-height: 1.3;}
	#index .box02 .inner01 .mask_img {right: inherit; margin-right: inherit;}
	#index .box02 .txtbox01 p {width: inherit; font-size: 3.5vw;}
	#index .box02 .btnbox {padding: 0 16px; display: block; margin-top: 20px;}
	#index .box02 .btn {width: 100%; border: 1px solid #fff; font-size: 3.5vw;}
	#index .box02 .btn02 {margin: 16px auto 0;}
	#index .box03 {border: none; padding: 0; background: none;}
	#index .box04 {padding: 0; font-size: 3.5vw; background: #fff;}
	#index .box04 .conbox {border: none; padding: 30px 16px;}
	#index .box04 .conbox .title::after {display: none;}
	#index .box04 .conbox .title {display: block; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid #000;}
	#index .box04 .conbox .title img {margin: auto; width: 50%;}
	#index .box04 .conbox .title h3 {font-size: 4vw; margin: 10px auto 0; text-align: center;}
	#index .box04 .btn {width: 100%; border: 2px solid #000; font-size: 4vw; padding: 12px 0; margin-bottom: 0;}
	#index .box04 .btn::after {display: none;}
	#index .box04 h4 {display: none;}
	#index .box04 .conbox .txt {display: none;}
	#index .box05 {padding: 30px 0; background-size: cover;}
	#index .box05 .title {font-size: 6vw; text-align: center; display: block; margin-bottom: 10px;}
	#index .box05 .title img {width: 50%; margin: 0 auto 10px;}
	#index .box05 .inner {flex-wrap: wrap; padding: 0 16px;}
	#index .box05 .inner a {font-size: 3.5vw; width: 48%;}
	#index .box05 .inner a:nth-child(n + 3) {margin-top: 16px;}
	#index .box05 .inner a p {margin-top: 10px; line-height: 1.5;}
	#index .box06 {padding: 30px 0; border-bottom: 2px solid #ff8100; background-repeat: repeat;}
	#index .box06 h2 {text-align: center; font-size: 6vw;}
	#index .box06 .inner {display: block; padding: 0 16px; box-sizing: border-box;}
	#index .box06 .box {width: 100%;}
	#index .box06 .blog_list {padding: 16px 10px;}
	#index .box06 .blog_item {font-size: 3.5vw; padding: 15px 0 10px;}
	#index .box06 .time {font-size: 3.5vw; margin-right: 15px;}
	#index .box06 h3 {font-size: 3.5vw;}
	#index .box06 .btn {position: relative; width: 100%; height: auto; margin-top: 16px; padding: 15px 0; font-size: 4vw;}
	.m_point03 .box:nth-child(2) {margin-top: 20px;}
	#index .box07 {padding: 30px 16px; font-size: 3.5vw; background-size: cover;}
	#index .box07 .title_box {font-size: 7vw; display: block; text-align: center; margin-bottom: 20px;}
	#index .box07 h2 {font-size: 4.5vw; margin: 10px auto 0;}
	
	
	#index .box08 {background-size: cover; padding: 30px 0;}
	#index .box08 .title {font-size: 6vw; margin-bottom: 20px; display: block; text-align: center;}
	#index .box08 .title h3 {margin-left: 0;}
	#index .box08 .title img {margin: 0 auto 10px; width: 50%;}
	#index .box08 .con01 {display: block; padding: 0 16px;}
	#index .box08 .con01 .inner01 .txt01 {margin-top: 20px;}
	#index .box08 .con01 .inner01 .txt02 {display: none;}
	#index .box08 .con01 .inner01 .txt03 {font-size: 4vw;}
	#index .box08 .con01 .inner01 .txt04 {font-size: 3.5vw;}

	
	footer {padding: 20px 0 0;}
	footer .logo_area {display: none;}
	footer .inner {margin-bottom: 0; display: block;padding: 0 16px 20px; margin-top: 0;}
	footer .link {display: none;}
	footer .box {padding: 16px 0;}
	footer .box img{margin: auto; padding-bottom: 5px; width: 40%;}
	footer .box p{text-align: center; font-size: 3.5vw; line-height: 1.2;}
	footer .box .txt01{font-size: 3.5vw; margin-top: 7px; line-height: 1.3;}
	footer .link_btn {display: none;}
	
	
	/*contactbnr*/
	.contact_banner {font-size: 3.5vw; padding: 20px 0;}
	.contact_banner .conbox{padding: 20px 16px; box-sizing: inherit; border: inherit; width: inherit; box-shadow: inherit;}
	.contact_banner .conbox::beftore,.contact_banner .conbox::after{content: none;}
	.contact_banner .conbox .title{align-items: inherit; display: inherit; box-sizing: inherit; border-bottom: inherit; margin-bottom: 0; padding-bottom: 15px;}
	.contact_banner .conbox .title::after{content: none;}
	.contact_banner .conbox .title img{display: none;}
	.contact_banner .conbox .title h3{margin: 0; font-size: 4vw; text-align: center;}
	.contact_banner .btn{font-size: 4vw; width: 100%; margin-bottom: 10px; padding: 12px; border: 2px solid #000;}
	.contact_banner h4{font-size: 3.5vw; line-height: 1.5; margin-bottom: 0;}
	.contact_banner .conbox .txt{display: none;}
	.contact_banner .btn::after {display: none;}

footer .copyright_area {display: block; text-align: center; font-size: 3vw; padding: 7px 0; line-height: 1.5;}
	.stoker02 {display: flex; justify-content: space-between;}
	
	#pop_banner {
padding: 0;
    z-index: 50;
    background: none;
    width: 100%;
    border: none;
    bottom: 0;
	position: fixed;
	}

.pan {
display: none;
}
.page_top_img {
margin-top: 30px;
}
.page_title {font-size: 4vw; line-height: 1.2; margin-bottom: 20px;}
	.sub_page {margin-bottom: 20px;}	
	
/* content */
#content01 h2{font-size: 4.5vw; margin: 20px 16px;}
#content01 p{font-size: 3.5vw; margin: 20px 16px;}
#content01 .con01{align-items: inherit; justify-content: inherit; display: inherit; margin: 20px 0;}
#content01 .inner01{margin-top: 20px;}	
#content01 .inner01 p{font-size: 3.5vw; margin: 10px 16px;}
#content01 .inner01 .img01{margin-right: 0; margin-bottom: 20px;}
#content01 .con01 h3{font-size: 4.5vw; line-height: 1.2; text-align: center;}
#content01 .con01 .img02{margin-left: 0;}	
#content01 .con02 {margin: 20px 0;}
#content01 .con02 h3{font-size: 4.5vw; width: 100%;}
#content01 .con02 .inner02 {margin: 20px 0 0;}
#content01 .con02 .inner02 p{margin: 20px 0;}
#content01 .con02 .inner02::after{content: none;}
#content01 .con02 p{margin: 0; padding: 16px;}
#content01 .end{margin: 20px 0;}
	
#content02 h2{margin-top: 20px; font-size: 4.5vw;}
#content02 .con01{margin: 20px 0;}
#content02 h3{font-size: 4.5vw; width: 100%; margin: 20px 0; text-align: center;}
#content02 h3::before{content: none;}
#content02 .box01{align-items: inherit; display: inherit; margin-bottom: 0;}
#content02 .txtbox01{margin: 0; width: 100%; padding: 20px 16px; font-size: 3.5vw;}
#content02 .box01 h4{font-size: 5vw; margin-left: 10px;}
#content02 .box01 h5{margin: 16px 0;font-size: 4vw;}
#content02 .box01 h5 span{font-size: 4.5vw;}
#content02 .box01 p{font-size: 3.5vw; padding: 0; line-height: 1.8;}
#content02 .box01 .txt01{margin: 20px 0;}
#content02 .menu01 {font-size: 4vw; margin-top: 20px;}	
	
#content03 h2{font-size: 4.5vw; box-sizing: inherit; border-bottom: inherit; margin: 0 0 0 16px; padding-bottom: 0;}
#content03 h2::before{content: none;}
#content03 .box01{margin: 20px 0; box-sizing: inherit; border: none;}
#content03 h3{font-size: 4.5vw; padding: 10px; }
#content03 .inner01{display: inherit; align-items: inherit; justify-content: inherit; padding: 0;}
#content03 .inner01 .img01{margin-right: 0;}
#content03 .inner02{margin: 20px 16px; font-size: 4vw;}
#content03 .table{width: 100%; line-height: 1.5;}
#content03 .inner02 th, #content03 .inner02 td{padding-bottom: 10px;}
#content03 .inner02 th{width: 50%; padding-right: 0;}
#content03 .inner02 p{margin-top: 0; font-size: 3.8vw;}
#content03 .inner03{display: inherit; align-items: inherit;}
	
/* about */	
#about01 h2,#about02 h2,#about03 h2 {font-size: 4vw; background: #000; margin: 20px 0;}
#about01 .con01,#about02 .con01,#about03 .con01{align-items: inherit; justify-content: inherit; display: inherit; margin: 20px 16px;}
#about01 p,#about02 p,#about03 p{font-size: 3.5vw; margin: 20px 16px;}
#about01 .con01 img,#about02 .con01 img,#about03 .con01 img{margin-bottom: 20px;}
#about01 .img01, #about02 .img01, #about03 .img01{margin-right: 0;}
#about01 .con01 img:last-child,#about02 .con01 img:last-child,#about03 .con01 img:last-child{margin-bottom: 20px;}
#about01 .con02 ,#about02 .con02,#about03 .con02 {align-items: inherit; justify-content: inherit; display: inherit;}
#about01 .img02, #about02 .img02, #about03 .img02{margin-left: 0;}
#about01 .end, #about02 .end, #about03 .end{margin-bottom: 20px;} 
#about01 .txt_item,#about02 .txt_item,#about03 .txt_item {margin-left: 0; margin-right: 0;}	
	
	
/* method */
#method h2{font-size: 4.5vw; background: #000; margin: 20px 0;}	
#method .con01{align-items: inherit; justify-content: inherit; display: inherit; margin-bottom: 20px;}	
#method .img01{margin-right: 0;}
#method .img00{margin-top: 0;}
#method p{font-size: 3.5vw; margin: 20px 16px;}
#method .con02{align-items: inherit; justify-content: inherit; display: inherit;}
#method .img02{margin-left: 0;}
#method .end{margin-bottom: 20px; margin-top: -10px;}
	
/* introduction */
    #introduction .box01 {display: block; padding: 0 16px; margin: 20px 0;}
	#introduction .box01 .icon_txt {display: none;}
	#introduction .box01 h2 {font-size: 5vw; margin-bottom: 10px;}
	#introduction .box01 h3 {font-size: 12vw;}
	#introduction .box02 {display: block; padding: 0 16px;}
	#introduction .box02 .inner01 {width: 100%; margin-right: 0; margin-bottom: 20px;}
	#introduction .box02 .inner02 .img02 {width: 33%;}
	#introduction .box02 p {width: auto; font-size: 3.5vw; margin-top: 20px;}
	#introduction .box03 {padding: 20px 16px; margin: 20px auto; border: 3px solid #000;}
	#introduction .box03 h2 {font-size: 5vw; padding: 10px; margin-bottom: 20px;}
	#introduction .box03 h3 {font-size: 5vw; padding: 10px; width: 50%; margin: 20px auto;}
	#introduction .box03 .txt02 {font-size: 4vw; margin-bottom: 0;}
	#introduction .box03 .img01 {width: 46%; margin-right: 20px;}
	#introduction .box03 .img02 {margin-right: 0;}
	#introduction .end {margin-bottom: 20px;}
	#introduction .box03 table {width: auto; border-left: none;}
	#introduction .box03 tr {font-size: 4vw;}
	#introduction .box03 th {padding-left: 0;}
	#introduction .box03 td {padding-left: 20px;}

	
/*initiatives*/	
#initiatives  h1 {line-height: 1.5;}	
#initiatives .box {width: 100%; font-size: 3.5vw; padding: 16px; margin: 20px auto;}	
#initiatives .box h2 {font-size: 4.5vw; line-height: 1.5; margin-bottom: 20px;}
	
	
	
	

/* company */
#company .page_title{margin-bottom: 0;}
#company table{margin: 0;}
#company th,#company td{width: 100%; padding: 16px; display: block; border-bottom: none; border-top: none; font-size: 3.8vw;}
#company .last th, #company .last td{border-bottom: none; box-sizing: inherit;}
#company iframe{width: 640px; margin: 0;}
	
/*blog*/
	#blog .item {padding: 16px 0; font-size: 3.5vw; margin: 0 16px; border-bottom: 1px solid #000;}
	#blog .item:nth-child(1) {padding-top: 0;}
	#blog .tag {width: auto; height: auto; font-size: 3.5vw; padding: 2px; margin: 0 10px;}	
	#blog_single .box01 {border: none; padding: 20px 16px; margin: 0 auto; font-size: 3.5vw;}
	#blog_single h2 {font-size: 4vw; margin-bottom: 10px;}
	
/*contact*/
	#contact .box01 {border: none; padding-bottom: 0; margin-top: 20px;}
	#contact .title_box {background: #0b0c0d; font-size: 3.5vw; text-align: center; display: block; padding: 15px 0;}
	#contact h2 {font-size: 6vw; margin: 0 0 7px;}
	#contact .title_box .icon {display: none;}
	#contact table {width: auto; margin: 20px 16px 0;}
	#contact table th, #contact table td {width: 100%; display: block; padding-bottom: 16px; font-size: 4vw;}
	#contact table th {padding: 0;}
	#contact table input, #contact table textarea {font-size: 16px; border: 1px solid #000; padding: 5px;}
	.mw_wp_form_input .btn input {width: 70%; font-size: 4vw; padding: 16px 0;}
	#contact .thanks {font-size: 3.5vw; padding: 0 16px;}
	
}
@media screen and (max-width:350px) {
	header h1 {display: none;}
}