@charset "utf-8";

/* CSS Document */

@media screen and (max-width:500px) {

.sp-none02 {display: none;}

.indent_content {padding: 20px 16px;}

.page_thumb {letter-spacing: inherit; font-size: 4.5vw; height: 60px; margin-bottom: 0; margin-top: 60px; background-position: center; background-size: cover;}

.page_thumb span {font-size: 3vw;}

/*チェックボックス非表示*/

.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 h1 {display: none;}

	header .logo {width: 30%;}

	.main {width: 100%; min-width: 100%; margin-top: 60px;}

	.content {padding: 16px;}

	header .right_area {display: none;}

	.page_title p {font-size: 5vw; padding-bottom: 10px;}

	.indent_content02 {margin-top: 20px;}

/*ハンバーガー*/	

	#nav-toggle {

  position: fixed;

  top: 6px;

  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: #ff315f;

  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: #ff315f;

}

.open #nav-toggle span:nth-child(2) {

  top: 10px;

  width: 0;

  left: 50%;

background-color: #ff315f;

}

.open #nav-toggle span:nth-child(3) {

  top: 10px;

  transform: rotate(-45deg);

background-color: #ff315f;

}



/* 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;

}

#gloval-nav ul li {

  transform: translateX(-250px);

  transition: transform .4s ease;

  position: relative;

  width: 100%;

  border-bottom: 1px dotted #000;

}



#gloval-nav ul li:nth-child(2) {

  transition-delay: 0.15s;

}

#gloval-nav ul li:nth-child(3) {

  transition-delay: 0.3s;

}

#gloval-nav ul li:nth-child(4) {

  transition-delay: 0.45s;

}

#gloval-nav ul li:nth-child(5) {

  transition-delay: 0.6s;

}

#gloval-nav ul li:nth-child(6) {

  transition-delay: 0.75s;

}

#gloval-nav ul li:nth-child(7) {

  transition-delay: 0.9s;

}

#gloval-nav ul li:nth-child(8) {

  transition-delay: 1.05s;

}

#gloval-nav ul li:nth-child(9) {

  transition-delay: 1.2s;

}

#gloval-nav ul li:nth-child(10) {

  transition-delay: 1.35s;

}

#gloval-nav ul li:nth-child(11) {

  transition-delay: 1.5s;

}

#gloval-nav ul li:nth-child(12) {

  transition-delay: 1.65s;

}

#gloval-nav ul li:nth-child(13) {

  transition-delay: 1.8s;

}

#gloval-nav ul li:nth-child(14) {

  transition-delay: 1.95s;

}

#gloval-nav ul li:nth-child(15) {

  transition-delay: 2.1s;

}

#gloval-nav ul li:nth-child(16) {

  transition-delay: 2.25s;

}



.open #gloval-nav li {

  transform: translateX(0);

}



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

}

	

/*index*/

	.main li:nth-child(1) span {

    background-image: url(img/sp/main01.jpg);

	background-position: center;

}

.main li:nth-child(2) span {

    background-image: url(img/sp/main02.jpg);

    -webkit-animation-delay: 6s;

    animation-delay: 6s; 

	background-position: center right;

}

.main li:nth-child(3) span {

    background-image: url(img/sp/main03.jpg);

    -webkit-animation-delay: 12s;

    animation-delay: 12s; 

	background-position: center;

}

.main li:nth-child(4) span {

    background-image: url(img/sp/main01.jpg);

    -webkit-animation-delay: 18s;

    animation-delay: 18s; 

	background-position: center;

}

.main li:nth-child(5) span {

    background-image: url(img/sp/main02.jpg);

    -webkit-animation-delay: 24s;

    animation-delay: 24s; 

	background-position: center right;

}

.main li:nth-child(6) span {

    background-image: url(img/sp/main03.jpg);

    -webkit-animation-delay: 30s;

    animation-delay: 30s; 

	background-position: center;

}

	.main .icon {width: 80%;}

	.nav_bg {display: none;}

	#index .box01 {padding: 20px 16px;}

	#index .big_title {font-size: 7vw; margin-bottom: 16px;}

	#index .big_title span {font-size: 9vw;}

	#index h2 {font-size: 4vw;}

	#index .box01 ul {width: 100%; margin: 20px auto;}

	#index .box01 li {width: 47.5%; font-size: 3.5vw; line-height: 1.4; padding: 10px 0; height: auto;}

	#index .box01 li img {display: none;}

	#index .box01 li:nth-child(2), #index .box01 li:nth-child(5) {margin: 0;}

	#index .box01 li:nth-child(1),#index .box01 li:nth-child(3),#index .box01 li:nth-child(5) {margin-right: 1px;}

	#index .box01 li:nth-child(n + 3) {margin-top: 1px;}

	#index .box01 .txt01 {font-size: 3.5vw;}

	#index .btn {width: 100%; font-size: 3.5vw; margin: 20px auto 0; padding: 16px 0;}

	#index #photo_list {display: block; margin-top: 0;}

	#index .photo_item {width: 100%; margin-top: 16px;}

	#index .box02 .type1:not(:hover) .txt_box {opacity: 1;}

	#index .box02 .hvr-trim:not(:hover):before {opacity: 1;}

	#index .box02 .txt_box {font-size: 3.5vw;}

	#index .box02 .txt01 {font-size: 4.5vw;}

	#index .box02 .txt02 {font-size: 7vw; margin: 16px auto;}

	#index .box03 .title_area {display: block; margin-bottom: 0;}

	#index .box03 .left_area {margin: 0;}

	#index .box03 .txt01 {font-size: 3.5vw; margin-top: 16px; text-align: center;}

	#index .box03 .inner {display: block; margin-top: 0;}

	#index .box03 .type1 {margin-top: 16px;}

	#index .big_title p {padding: 0;}

	#index .box04 .swiper-slide {margin: 0 auto; display: block; text-align: center;}

	#index .box04 .swiper_all {margin-top: 16px; overflow: hidden;}

	#index .box04 .img {margin-right: 0; min-width: inherit;}

	#index .box04 .btn_area {display: none;}

	#index .box04 .title_area {margin: 16px auto;}

	#index .box04 .title_area .icon {width: 10%;}

	#index .box04 h3 {font-size: 6vw;}

	#index .box04 .txt01 {font-size: 3.5vw; padding: 2px 5px;}

	#index .box04 .txt02 {font-size: 3.5vw; margin: 16px auto;}

	#index .box04 .inner a {width: 32%;}

	#index .box04 .inner a img {width: 100%;}

	#index .box04 .inner a:nth-child(n + 7),#index .box04 .inner a:nth-child(n + 4) {margin-top: 2%;}

	#index .box04 .txt_inner {justify-content: center;}

	#index .box04 .txt01_02 {margin-left: 3%;}

	#index .box05 .inner {margin-top: 16px;}

	#index .box05 a {width: 47.5%; font-size: 3vw; line-height: 1.5;}

	#index .box05 a:nth-child(n + 4),#index .box05 a:nth-child(n + 3) {margin-top: 4%;}

	#index .box05 a img {margin-bottom: 4%;}

	#index .box06 .over {display: block; margin: 16px auto 0; font-size: 3.5vw;}

	#index .box06 .big {font-size: 7vw; text-align: center; margin-right: 0; margin-bottom: 10px;}

	#index .box06 .voice_item {width: 47.5%; margin-right: 5%; font-size: 3.5vw; margin-top: 5%;}

	#index .box06 .voice_item:nth-child(2n) {margin-right: 0;}

	#index .box06 .voice_img {margin-bottom: 5%;}

	#index .box06 .voice_img img {height: 100px;}

	#index .box07 {padding: 20px 0;}

	#index .box07 .blog_item_area {margin: 20px auto; display: block;}

	#index .box07 .box {width: 100%; padding: 20px 16px; border: 1px solid #f3f3f3;}

	#index .box07 h3 {font-size: 7vw; border: none; padding-left: 0; text-align: center;}

	#index .box07 .box .btn {width: 100%; position: relative; right: inherit; top: inherit; font-size: 3.5vw; padding: 12px 0; margin-top: 20px;}

	#index .box07 .blog_item {margin-bottom: 10px; padding-bottom: 10px; font-size: 3vw;}

	#index .box07 .time {font-size: 3.5vw; margin-right: 5%;}

	#index .box07 h4 {font-size: 3.5vw; margin-bottom: 5px;}

	#index .box07 .list02 {margin-top: 20px;}

	#index .box07 .inner {flex-wrap: wrap; padding: 0 16px;}

	#index .box07 .inner a {width: 47.5%; height: auto; font-size: 3.5vw; padding: 10px 0;}

	#index .box07 .inner a:nth-child(n + 3) {margin-top: 5%;}

	#index .box07 .inner img {display: none;}

	#index .box07 .inner02 {display: block; margin-top: 20px;}

	#index .box07 iframe {flex: auto; width: 100%; height: 250px; border: none;}

	#index .box07 table {flex: auto; font-size: 3.5vw; width: 100%;}

	#index .box07 th,#index .box07 td {padding: 16px;}

	#index .box07 th {width: 28%;}

	#index .box08 .title {display: block; text-align: center; font-size: 4vw;}

	#index .box08 .title .big {font-size: 8vw; margin-bottom: 5px;}

	#index .box08 .bdr {margin: 16px auto;}

	#index .box08 h2 {font-size: 5vw; margin-bottom: 0;}

	#index .box08 a {width: 100%; height: auto; margin-top: 16px; padding: 10px 0; line-height: 1;}

	#index .box08 .tel {font-size: 7vw;}

	#index .box08 .mail {font-size: 4.5vw;}

	#index .box08 a img {width: 5%;}

	#index .box09 .text,#index .box09 .text:last-child {margin-top: 16px; font-size: 3.5vw;}

	#index .box10 table{width: 95vw; margin: 10px auto;}

	#index .box10 table th{font-size: 4vw; display: block;}

	#index .box10 table td{font-size: 3vw; display: block; line-height: 2;}

	#index .box10 table td.price{border-top: 1px dashed #000; border-left: none; text-align: right; font-size: 4vw;}



	

	footer {padding-top: 20px;}

	footer .over {display: none;}

	footer .link {display: none;}

	footer .inner ul {display: none;}

	footer .box {font-size: 3.5vw; margin: 0 auto; text-align: center;}

	footer .box img {width: 70%; margin: 16px auto;}

	footer .box .txt {margin-top: 16px;}

    footer .copyright_area {display: block; text-align: center; font-size: 3vw; padding: 7px 0; line-height: 1.5; margin-top: 16px;}

	footer .copyright_area p {margin-right: 0;}

	.stoker02 {display: flex; justify-content: space-between;}

	footer .insta {margin-top: 7px;}

	#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: 3.5vw; line-height: 1.2; margin: 20px auto;}

	

	/*contactbnr*/

	.contact_banner {margin-top: 20px;}

	.contact_banner .con_title {display: block; text-align: center; font-size: 4vw;}

	.contact_banner .con_title .con_big {font-size: 8vw; margin-bottom: 5px;}

	.contact_banner .con_bdr {margin: 16px auto;}

	.contact_banner h2 {font-size: 5vw; margin-bottom: 0;}

	.contact_banner a {width: 100%; height: auto; margin-top: 16px; padding: 10px 0; line-height: 1;}

	.contact_banner .con_tel {font-size: 7vw;}

	.contact_banner .con_mail {font-size: 4.5vw;}

	.contact_banner a img {width: 5%;}

	

	/*photo*/

	#photo #photo_arcive_list {padding: 0 16px;}

	#photo .item {width: 47.5%; margin-right: 5%;}

	#photo .item:nth-child(3n) {margin-right: 5%;}

	#photo .item:nth-child(2n) {margin-right: 0;}

	#photo .item img {height: 100px;}

	#photo .item .txt_area {font-size: 3.5vw;}

	#photo .item:nth-child(n + 3),#photo .item:nth-child(n + 4) {margin-top: 5%;}

	#voice_single .img {margin-bottom: 16px;}

	#voice_single .gallery_title {font-size: 3.5vw;}

	#voice_single h2 {font-size: 7vw; margin-right: 10px;}

	#voice_single .gallery_box {padding: 5%; padding-top: 0;}

	#voice_single .gallery_box a {width: 47.5%; margin-right: 5%; margin-top: 5%;}

	#voice_single .gallery_box a:nth-child(2n) {margin-right: 0;}

	

	/*BLOG＆NEWS*/

	#blog .box01 {padding: 0 16px;}

	#blog .blog_item {padding-bottom: 16px; margin-bottom: 16px;}

	#blog .tag {font-size: 3vw; width: 40px; height: 15px; padding-top: 2px; margin: 0 10px;}

	#blog h3 {font-size: 3.5vw;}

	#blog_single .box01 {border: 1px solid #000; margin: 0 16px 20px; font-size: 3.5vw; line-height: 1.8;}

	#blog_single h3 {font-size: 4vw; margin: 20px auto; line-height: 1.5; text-align: justify;}

	

	/*company*/

	#company .inner {display: block; padding: 0 16px;}

	#company .inner img {margin: 0 auto 16px;}

	#company table {font-size: 3.5vw;}

	#company th {width: 20%;}

	#company iframe {border: none; height: 250px;}

	#company .box02 {padding: 0 16px; font-size: 3.5vw;}

	

	/*photo*/

	#photo_single .slider-container {width: 100%;}

	#photo_single .slider-nav-container {margin: 0 auto 16px;}

	#photo_single .text {padding: 0 16px; font-size: 3.5vw;}

	

	/*contact*/

	#contact .min {font-size: 3.5vw; margin-bottom: 16px;}

	#contact .tel_area {font-size: 3.5vw;}

	#contact .tel_area a {padding: 20px 0;}

	#contact .tel_area .txt01 {font-size: 5vw;}

	#contact .tel {font-size: 5vw; margin: 16px auto;}

	#contact .tel span {font-size: 8vw; margin: 0;}

	#contact ul {margin: 0 auto; padding: 20px 16px; font-size: 3.5vw;}

	#contact .thanks {padding: 20px 16px 0; font-size: 3.5vw;}

	

	#contact table {margin: 16px auto; border: 1px solid #d2d2d2;}

	#contact table th, #contact table td {width: 100%; display: block; font-size: 3.5vw; padding: 16px; border-bottom: 1px solid #d2d2d2;}

	#contact table input {position: relative; margin: 0; vertical-align: middle;}

	#contact table input, #contact table textarea {font-size: 16px;}

	#contact .box02 {padding: 0 16px 20px; font-size: 3.5vw;}

	#contact .btn {width: 100%; margin: auto;}

	

		/*sitemap*/

	#sitemap li {font-size: 4vw; line-height: 2;}

	

	/*about*/

	#about .box00 {font-size: 3.5vw;}

	#about .box00 .inner {display: block; padding: 0 16px;}

	#about .box00 .big {font-size: 6vw; margin: 16px auto; text-align: center; line-height: 1.3;}

	#about .box00 .img01 {display: none;}

	#about .title01 {font-size: 6vw; margin: 20px 16px;}

	#about .title01 p {padding: 0;}

	#about .link_area a {width: 49%; font-size: 3.5vw; line-height: 1.4; padding: 10px 0; height: auto;}

	#about .link_area a:nth-child(1), #about .link_area a:nth-child(3), #about .link_area a:nth-child(5) {margin-right: 0;}

	#about .link_area a:nth-child(n + 3) {margin-top: 2%;}

	#about .link_area a img {display: none;}

	#about .link_area {padding: 0 16px;}

	#about .box01 {padding: 16px; border: 1px solid #000;}

	#about .box01 .no {font-size: 10vw;}

	#about .box01 h2 {font-size: 5vw;}

	#about .box01 .inner {display: block; margin: 20px auto; font-size: 3.5vw;}

	#about .box01 .inner img {margin: 0 auto 16px;}

	#about .box01 h3 {font-size: 4.5vw; line-height: 1.4; border-bottom: 1px solid #000;}

	#about .box01 .gallery_title {font-size: 4.5vw; margin-bottom: 20px;}

	#about .box01 .gallery_box img {width: 47.5%;}

	#about .box01 .gallery_box img:nth-child(n + 3),#about .box01 .gallery_box img:nth-child(n + 4) {margin-top: 5%;}

	#about .box01 .btn {font-size: 3.5vw; padding: 16px 0; width: 100%; margin: 16px auto 0;}

	#about .box01 .point_area {display: block; font-size: 3.5vw;}

	#about .box01 .point_area p {line-height: 1.5; padding: 10px;}

	#about .box01 .point_area .point {width: 100%; text-align: center; font-size: 4.5vw; height: auto; padding: 16px 0; margin: 0; line-height: 1;}

	#about .box01 .spot_title {font-size: 4vw; line-height: 1.4; padding: 10px 0;}

	#about .box01 li {width: 48%; margin-top: 4%;}

	#about .box01 li p {font-size: 3.5vw;}

	

	/*style*/

	#style .box00 .big {font-size: 5vw;}

	#style .box00 .txt {font-size: 3.5vw; margin: 16px auto;}

	#style .box00 li {width: 48%;}

	#style .box00 li:nth-child(n + 3),#style .box00 li:nth-child(n + 4) {margin-top: 4%;}

	#style .box01 .inner01 {display: block; font-size: 3.5vw;}

	#style .box01 .inner01 img {margin: 16px 0;}

	#style .box01 .inner01 p {padding: 0 16px;}

	#style .box01 .txt01 {font-size: 6vw; margin-bottom: 0; padding: 0;}

	#style .box01 h2 {font-size: 10vw; margin: 16px auto 0;}

	#style .box01 .txt02 {font-size: 4.5vw; margin-bottom: 10px; padding: 0; line-height: 1.4;}

	#style .box01 ul {margin-top: 16px;}

	#style .box01 li {width: 32%;}

	#style .box01 h3 {font-size: 7vw; text-align: center;}

	#style .box01 .inner02 {display: block;}

	#style .con01 {margin-top: 30px;}

	#style h4 {font-size: 4.5vw; border-bottom: 1px solid #000; margin: 16px auto; text-align: center; padding-bottom: 10px;}

	#style .box01 .inner02 p {font-size: 3.5vw; padding: 0 16px; margin-top: 10px;}

	#style .box01 .inner02 .img01,#style .box01 .inner02 .img02 {margin: 0;}

	#style .contact_area {padding: 20px 16px;}

	#style .contact_area .title_area {font-size: 3.5vw;}

	#style .contact_area .title_area .big {font-size: 7vw; margin-right: 10px;}

	#style .contact_area .bdr {margin: 16px auto;}

	#style .contact_area .txt {font-size: 4vw;}

	#style .contact_area .inner {display: block;}

	#style .contact_area .tel {width: 100%; height: auto; margin: 0; font-size: 7vw; padding: 10px 0;}

	#style .contact_area .mail {font-size: 4vw; width: 100%; height: auto; margin: 0; padding: 12px 0; margin-top: 16px;}

	

	/*menu*/

	#menu .txt01 {font-size: 5vw; margin-bottom: 16px;  line-height: 1.5;}

	#menu .link_title {font-size: 5.5vw; margin: 20px auto;}

	#menu .link_area a {width: 48%;}

	#menu .link_area a:nth-child(n + 3) {margin-top: 4%;}

	#menu .box01 {border: 1px solid #000; padding: 20px 16px;}

	#menu .box01 .title_area {font-size: 7vw; text-align: center; display: block;}

	#menu .box01 .no {display: none;}

	#menu .box01 h2 {font-size: 4.5vw; margin: 10px 0 15px;}

	#menu .box01 .inner {font-size: 3.5vw; display: block;}

	#menu .box01 .inner img {margin: 0 auto 10px;}

	#menu .course_title {font-size: 4.5vw; caption-side: 16px 0;}

	#menu .c_inner01 {display: block; padding: .02px 16px 16px;}

	#menu .c_box {width: 100%; margin: 20px 0 0; font-size: 3vw;}

	#menu .c_title {font-size: 4vw; margin-bottom: 10px;}

	#menu .c_inner02 {display: block;}

	#menu .c_box .text {width: 100%;}

	#menu .c_box .big {font-size: 5.5vw; text-align: right; margin-top: 10px;}

	

	

}

@media screen and (max-width:350px) {

	header h1 {display: none;}

}