@charset "utf-8";
/* CSS Document */
@media screen and (max-width:500px) {
.sp-none02 {display: none;}
.page_thumb {letter-spacing: inherit; font-size: 4vw; height: 100px; margin-bottom: 0; margin-top: 60px; background-position: center; background-size: cover;}
.page_thumb span {font-size: 4vw;}
.content {padding: 16px;}
.page_title p {font-size: 5vw; padding-bottom: 10px;}
.indent_content {padding: 30px 16px;}
.indent_content02 {margin-top: 30px;}

/*header*/	
header .sp_head {display: flex; align-items: center; justify-content: flex-start; background: #fff; width: 100%; height: 60px; position: fixed; top: 0; left: 0; z-index: 100; padding-left: 16px; font-size: 3vw;}
header .sp_head  img {width: 10%; margin-right: 10px;}
header .sp_head .big {font-size: 5vw;}
#gloval-nav {display: none;}	
/*sp-menu*/
/*ハンバーガー*/	
#nav-toggle {
position: fixed;
top: 0;
right: 16px;
width: 40px;
height: 40px;
box-sizing: border-box;
background: #000;
cursor: pointer;
font-size: 14px;
line-height: 1;
margin-top: 10px;
}
#nav-toggle span {
width: 20px;
height: 2px;
left: 0;
right: 0;
margin: auto;
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: 11px;
}
#nav-toggle span:nth-child(2) {
top: 19px;
}
#nav-toggle span:nth-child(3) {
top: 27px;
}

.open #nav-toggle span:nth-child(1) {
top: 17px;
transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
top: 17px;
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 17px;
transform: rotate(-45deg);
}

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

#container {
z-index: 900;
}

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

#gloval-nav {
background: #1b1b1b;
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 {
transition: transform .4s ease;
position: relative;
width: 100%;
border-bottom: 1px dotted #fff;
color: #fff;
padding: 7px 0;
line-height: 1;
}

.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;
}
    .nivoSlider img {width: 100%;}
.nav_fixed #nav-toggle span {background: #000;}
header .main_txt {top: 0; bottom: inherit; width: 70%;}
header .main_txt img {position: absolute; top: 0; bottom: 0; margin: auto;}
header .sp-slide {height: 100%;}
header .nivoSlider {width: 100%; margin-left: inherit; left: inherit;}
    
header .front_box {padding: 20px 16px;}
header .front_box .inner {display: block;}
header .inner02 {width: 100%;}
header .tel {font-size: 7vw; text-align: center; margin-bottom: 16px;}
header .tel span {font-size: 7vw;}
header .mail {width: 48%; height: auto; font-size: 3.5vw; padding: 10px 0;}
.nav_bg {display: none;}
	
/*index*/
#index .box01 .btn01 {position: relative; top: inherit; right: inherit; width: 100%; height: auto; padding: 16px; font-size: 3.5vw; margin-top: 30px;}
#index .box01 .news_item {width: 100%; margin-right: 0; font-size: 3.5vw; margin-top: 20px;}
#index .box01 .news_item:first-child {margin-top: 0;}
#index .box01 h2 {font-size: 5vw; text-align: center; line-height: 1.5;}
#index .box01 h2 span {font-size: 7vw;}
#index .box01 .min_txt {font-size: 3.5vw; text-align: center; margin: 10px auto 20px;}
#index .box01 .tag {font-size: 3.5vw;}
#index .box01 h3 {font-size: 3.5vw;}
#index .box01 .news_img img {height: 160px;}
#index .box02 {padding: 30px 0;}
#index .box02 h2 {font-size: 5vw;}
#index .box02 .txt01 {font-size: 3.2vw; margin: 20px auto; display: block;}
#index .box02 .txt01::before, #index .box02 .txt01::after {display: none;}
#index .box02 .inner {display: block;}
#index .box02 .cover-slide {min-width: inherit; margin-left: auto;}
#index .box02 .left_box {min-width: inherit; padding: 20px 16px 0;}
#index .box02 .txt02 {font-size: 3.5vw; margin-top: 5px;}
#index .box02 .img_box02 {position: relative; margin-top: 20px; bottom: inherit; right: inherit;}	
#index .box02 .img_box02 img {width: 50%;}
#index .box02 .txt03 {font-size: 3.2vw; margin-top: 20px;}
#index .box03 h2 {font-size: 6vw;}	
#index .box03 .txt01 {font-size: 3.5vw; margin: 20px auto;}
#index .box03 .btn01 {width: 100%; height: auto; padding: 16px; font-size: 3.5vw; margin-top: 30px;}
#index .box03 .swiper-container {width: 100%;}
#index .box03 .swiper-slide {width: 48%;}
#index .box03 .tag_list {width: 100%; top: -5%;}
#index .box03 .tag {width: 30%; font-size: 3vw; margin-right: 2%;}
#index .box03 .lineup_img {margin-bottom: 12px;}
#index .box03 .lineup_img img {height: 100px;}
#index .box03 h3 {font-size: 3.5vw; margin-top: 20px;}
#index .box04 h2 {font-size: 6vw;}	
#index .box04 ul {display: block; margin-left: 0; margin-top: 20px;}
#index .box04 li {width: 100%; display: block; margin-left: inherit; margin-top: 20px;}
#index .box04 li:first-child {margin-top: 0;}
#index .box04 .btn_box {padding: 0 16px 16px;}
#index .box04 .btn01 {width: 100%; height: auto; padding: 15px 0; font-size: 3.5vw; margin-top: 16px; background: #fff; color: #000;}
#index .box05 .title_box {display: block; font-size: 5vw; text-align: center; line-height: 1.5; margin-bottom: 10px;}
#index .box05 h2 {font-size: 8vw; margin-left: auto}
#index .box05 .link_box {flex-wrap: wrap;}
#index .box05 .link_box a {width: 48%; font-size: 3.5vw; margin-top: 16px;}
#index .box05 .pro_item {width: 48%; margin-right: 4%;}
#index .box05 .pro_item:nth-child(2n) {margin-right: 0;}
#index .box05 .pro_item:nth-child(n + 3) {margin-top: 4%;}
#index .box05 h3 {font-size: 3.5vw;}
#index .box05 .tag {width: auto; height: auto; padding: 2% 3%; font-size: 3.5vw; top: -6%;}
#index .box05 .pro_img {width: 100%;}
#index .box05 .pro_img img {height: 100px;}
#index .box05 .btn01 {width: 100%; height: auto; padding: 16px; font-size: 3.5vw; margin-top: 30px;}
	
	
	
	
#index .box06 {background: url("img/index/box06_bg.jpg")top center no-repeat; padding: 10px; margin-top: 0px;}
#index .box06 .icon01,#index .box06 .icon02,#index .box06 .icon03,#index .box06 .icon04 {display: none;}
#index .box06 .con {padding: 20px; border: 2px solid #000;}
#index .box06 h2 {width: auto; font-size: 4vw;}
#index .box06 .txt01 {font-size: 6vw; margin: 30px auto 16px;}
#index .box06 .inner {font-size: 4vw; margin-top: 10px;}
#index .box06 .inner img {width: 8%; margin-right: 2%;}
#index .box06 .tel {font-size: 4vw;}
#index .box06 .tel span {font-size: 7vw;}
#index .box06 .btn01 {width: 100%; height: auto; padding: 16px; font-size: 3.5vw; margin-top: 20px;}	
#index .box06 .online01 {display: block;}
#index .box06 .shop01 {margin: auto;}
#index .box06 .shop02 img {width: 60%; margin: 30px auto 16px;}	
#index .box07 {padding: 30px 16px;}
#index .box07 h2 {font-size: 3.5vw; text-align: center;}
#index .box07 .txt01 {font-size: 7vw; text-align: center; margin: 16px auto 30px;}
#index .box07 .interview_item {width: 100%; margin-right: 0;}
#index .box07 .interview_item:nth-child(n + 2) {margin-top: 30px;}
#index .box07 .interview_img img {height: 160px;}
#index .box07 .tag {width: auto; height: auto; padding: 2% 3%; font-size: 3.5vw;}
#index .box07 .tag_box {width: 100%; top: -6%;}
#index .box07 .pick {display: none;}
#index .box07 .btn01 {width: 100%; height: auto; padding: 16px; font-size: 3.5vw; margin-top: 30px;}
#index .box07 .interview_img {margin-bottom: 10px;}
#index .box08 h2 {font-size: 4vw; margin-bottom: 30px;}
#index .box08 h2::before, #index .box08 h2::after {display: none;}
#index .box08 h2 span {font-size: 6vw;}
#index .box08 .inner {display: block; margin-bottom: 30px;}
#index .box08 .inner a {width: 100%;}
#index .box08 .txt {font-size: 3.5vw;}
#index .box08 .inner a:nth-child(2) {margin-top: 20px;}
#index .box08 .insta_box {margin-top: 4%;}	#index .box08 .inner02 {min-width: inherit;}
#index .box08 .inner02 a {width: 48%; margin-right: 4%; margin-top: 4%;}
#index .box08 .inner02 a:nth-child(5n) {margin-right: 4%;}
#index .box08 .inner02 a:nth-child(2n) {margin-right: 0;}
#index .box08 .btn01 {width: 100%; height: auto; padding: 16px; font-size: 3.5vw; margin-top: 30px;}
#index .box09 h2 {font-size: 5vw;}
#index .box09 .bdr {margin: 20px auto 10px; width: 15%;}
#index .box09 .blog_item {font-size: 3.5vw;}
#index .box09 .tag {margin: 0 4%;}
#index .box09 .btn01 {width: 100%; height: auto; padding: 16px; font-size: 3.5vw; margin-top: 30px;}
#index .box10 .box {border: 2px solid #000; padding: 20px 10px;}
#index .box10 .txt01 {font-size: 5vw; padding-bottom: 16px; margin-bottom: 16px;}
#index .box10 .txt02 {font-size: 4vw; line-height: 1.5;}
#index .box10 .inner {display: block; margin: 10px auto 0;}
#index .box10 .sp_inner {display: flex; justify-content: space-between;}
#index .box10 .mail {width: 48%; height: auto; padding: 10px 0; font-size: 3.5vw;}
#index .box10 .tel {font-size: 5vw; text-align: center; margin-top: 10px;}
#index .box10 .tel span {font-size: 7vw;}
#index .box10 .txt03 {display: none;}
#index .box10 .inner02 {flex-wrap: wrap;}
#index .box10 .inner02 a {width: 48%; height: auto; font-size: 4vw; padding-left: 0; padding: 10px 0;}
#index .box10 .inner02 a:nth-child(n + 3) {margin-top: 4%;}
#index .box10 .icon {display: none;}
#index .box10 .sp_icon {width: 20%;}
#index .box11 {background-size: cover;}
#index .box11 h2 {font-size: 5vw; margin-bottom: 20px;}
#index .box11 p {font-size: 3.5vw;}
#index .box12 h2 {font-size: 5vw; display: block;}	
#index .box12 h2::before, #index .box12 h2::after {display: none;}
#index .box12 iframe {width: 100%; height: 250px; margin: 30px auto;}
#index .box12 .title_box {font-size: 3.5vw;}
#index .box12 .title_box img {width: 7.5%; margin-right: 4%;}
#index .box12 .title_box .big {font-size: 7.5vw; margin-top: 2%;}
#index .box12 .txt01 {font-size: 4vw; margin: 20px auto 0;}

/*footer*/	
footer {padding-top: 30px;}
footer .over {padding: 0 16px;}
footer .inner {display: block;}
footer .title_box {display: none;}
footer .list {display: none;}
footer .home_link {display: none;}
footer .title_box02 {font-size: 3.5vw; margin-bottom: 20px; justify-content: center;}
footer .title_box02 .big {font-size: 7vw;}
footer .title_box02 img {width: 7%; margin-right: 4%;}
footer .box .txt {font-size: 4vw; display: flex; justify-content: center;}
footer .box .satofuru {margin: 20px auto;}
footer .inner02 {font-size: 5vw; display: none;}

footer .copyright {display: block; margin-top: 30px; font-size: 2.4vw;}
	.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 {
display: none;
}

.page_thumb {overflow: hidden;}
.page_thumb .inbox12::before {display: none;}
.sub_page {margin: 30px auto;}
.page_thumb {text-align: center;}
.page_thumb .big {font-size: 5vw; margin-bottom: 1%;}
.page_title {font-size: 5.5vw;}
.min_page_title {font-size: 4vw; margin: 10px auto 30px;}

/*contact_banner*/	
#contact_banner .over {padding: 0 16px 16px; background: none;}
#contact_banner .over .icon01,#contact_banner .over .icon02,#contact_banner .over .icon03,#contact_banner .over .icon04 {display: none;}
#contact_banner .over .con {padding: 20px; border: 2px solid #000;}
#contact_banner .over h2 {width: auto; font-size: 4vw;}
#contact_banner .over .txt01 {font-size: 5vw; margin-bottom: 16px;}
#contact_banner .over .inner {font-size: 4vw;}
#contact_banner .over .inner img {width: 14%; margin-right: 2%;}
#contact_banner .over .tel {font-size: 4vw;}
#contact_banner .over .tel span {font-size: 7vw;}
#contact_banner .over .btn {width: 100%; height: auto; font-size: 3.5vw; margin-top: 20px;}
#contact_banner .under {padding: 20px 16px;}
#contact_banner .under .box {border: 2px solid #000; padding: 20px 10px;}
#contact_banner .under .txt01 {font-size: 5vw; padding-bottom: 16px; margin-bottom: 16px;}
#contact_banner .under .txt02 {font-size: 4vw; line-height: 1.5;}
#contact_banner .under .inner {display: block; margin: 10px auto 0;}
#contact_banner .under .sp_inner {display: flex; justify-content: space-between;}
#contact_banner .under .mail {width: 48%; height: auto; padding: 10px 0; font-size: 3.5vw;}
#contact_banner .under .tel {font-size: 5vw; text-align: center; margin-top: 10px;}
#contact_banner .under .tel span {font-size: 7vw;}
#contact_banner .under .txt03 {display: none;}
#contact_banner .under .inner02 {flex-wrap: wrap;}
#contact_banner .under .inner02 a {width: 48%; height: auto; font-size: 4vw; padding-left: 0;}
#contact_banner .under .inner02 a:nth-child(n + 3) {margin-top: 4%;}
#contact_banner .under .icon {display: none;}
#contact_banner .under .sp_icon {width: 20%;}	
#contact_banner .online01 {display: block;}	
#contact_banner .shop01 {margin: auto;}
#contact_banner .shop02 img {width: 60%; margin: 30px auto 16px;}

	
	
/*contact*/
	#contact .tel_box {font-size: 4vw; margin: 20px 0; padding: 16px 0;}
	#contact .tel {font-size: 5vw;}
	#contact .tel span {font-size: 8vw;}
	#contact ul {font-size: 3.5vw; padding: 0 16px; line-height: 1.5; margin-bottom: 20px;}
#contact table {margin: 16px auto; border: 1px solid #d2d2d2;}
.mw_wp_form {padding: 0 16px;}
#contact table th, #contact table td {width: 100%; display: flex; justify-content: space-between; font-size: 3.5vw; padding: 10px; border-bottom: 1px solid #d2d2d2;}
#contact table input {position: relative; margin: 0; vertical-align: middle;}
#contact table input, #contact table textarea {font-size: 16px;}
.mw_wp_form_input .btn input {width: 100%!important; font-size: 3.5vw!important; padding: 15px 0!important; margin-bottom: 0;}
#contact .box02 {padding: 0 16px 20px; font-size: 3.5vw;}
	#contact .essential {width: auto; height: 50%; padding: 0 2%; font-size: 3vw;}
	#contact .pryvacy .essential {top: inherit;}
	#contact table td {display: block;}
	#contact .thanks {padding: 20px 16px; margin-bottom: 0; font-size: 3.5vw;}

/*mino*/	
#mino .main_box .btn_inner {margin: auto; display: block; padding: 0 16px; bottom: 16px;}
#mino .main_box a {width: 100%; height: auto; font-size: 5vw; padding: 3% 0; margin-top: 3%;}
#mino .main_box a:first-child {margin-top: 0;}
#mino h2 {font-size: 4vw; margin: 0 16px;}
#mino h2 span {border-left: 3px solid #fff;}
#mino .title_box {margin: 20px 16px;}
#mino .title_box .bg {display: none;}	
	#mino .title_box p {color: #000; font-size: 5vw;}
	#mino .txt01 {font-size: 3.2vw;}
	#mino .box01 .con01 h3 {border-left: 3px solid #000; padding-left: 10px; font-size: 4.5vw; margin: 0 16px;}
	#mino .inner {display: block; margin-top: 20px; font-size: 3.5vw;}
	#mino .box01 .inner img {margin: 0 auto 16px;}
	#mino .inner p {padding: 0 16px;}	
	#mino .box01 .con02 h3 {font-size: 4.5vw; margin-bottom: 20px;}
	#mino .box01 .con02 .img_box {flex-wrap: wrap;}
	#mino .box01 .con02 .img_box img {width: 48%;}
	#mino .box01 .con02 .img_box img:nth-child(n + 3) {margin-top: 4%;}
	#mino .ul01 {margin: 20px auto; padding: 0 16px;}
	#mino .ul01 li {width: 100%; height: auto; display: block;}
	#mino .ul01 li::after {display: none;}
	#mino .box02 .left_txt {font-size: 4vw; min-width: inherit; width: 100%; writing-mode: inherit; padding: 10px 0;}
	#mino .ul01 li:first-child, #mino .ul01 li:last-child {border: 2px solid #6f805d;}
	#mino .ul01 li:nth-child(n + 2) {margin-top: 16px;}
	#mino .box02 .right_txt {font-size: 3.5vw; padding: 10px 0;}
	#mino .ul02 {padding: 0 16px; justify-content: flex-start;}
	#mino .ul02 li,#mino .ul02 li:nth-child(5), #mino .ul02 li:nth-child(9) {width: 48%; margin-right: 4%;}
	#mino .ul02 li:nth-child(2n) {margin-right: 0;}
	#mino .ul02 li:nth-child(n + 3) {margin-top: 4%;}
	#mino .ul02 li p {font-size: 3.5vw; padding: 10px 0;}
	#mino .box03 ul {margin-top: 16px;}
	#mino .box03 ul li {width: 32%;}
	#mino .box03 ul li img {margin-bottom: 0;}
	
/*kiln*/

#kiln h2 {padding-bottom: 10px; margin: 0 16px 30px; font-size: 5vw; text-align: center;}
	#kiln .box01 h3 {font-size: 5vw; text-align: center;}
#kiln .box01 .inner {display: block; font-size: 3.5vw;}
#kiln .box01 .inner img {margin: 0 auto 25px;}
#kiln .box01 .inner div {padding: 0 16px;}
#kiln .box02 h3 {font-size: 5vw; text-align: center;}
#kiln .box02 .inner {margin: 20px auto 30px; display: block;}
#kiln .box02 .b_img {margin: 0 auto 16px;}
#kiln .box02 .right_box img {width: 48%; margin-right: 4%;}
#kiln .box02 .right_box img:nth-child(2n) {margin-right: 0; margin-left: 0;}
#kiln .box02 .right_box img:nth-child(n + 3) {margin-top: 4%;}
#kiln .box02 h4 {width: 100%; margin: 0; height: auto; padding: 10px 0; font-size: 4.5vw;}
#kiln .box02 .point_box {padding: 0;}
#kiln .box02 .point_box p {padding: 10px 16px; font-size: 3.5vw; line-height: 2;}
	
/*charm*/
#charm .main_box .btn_inner {margin: auto; display: block; padding: 0 16px; bottom: 16px;}
#charm .main_box a {width: 100%; height: auto; font-size: 5vw; padding: 3% 0; margin-top: 3%;}
#charm .main_box a:first-child {margin-top: 0;}
#charm h2 {font-size: 4vw; margin: 0 16px;}
#charm h2 span {border-left: 3px solid #fff;}
#charm .block_text {margin: 20px 16px;}
#charm .block_text .bg {display: none;}	
#charm .block_text p {color: #000; font-size: 5vw;}	
#charm .txt01 {display: none;}
#charm .title01 {font-size: 4.5vw; border-left: 3px solid #000; padding: 0 0 0 10px; margin: 0 16px 20px; line-height: 1.3;}
#charm .box01 .inner {font-size: 3.5vw; display: block;}
#charm .box01 .inner .img01,#charm .box01 .inner .img02 {margin: 0 auto 16px;}
#charm .box01 .inner p {padding: 0 16px;}
#charm .box01 .title02 {font-size: 5vw; line-height: 1.5;}
#charm .box01 ul {padding: 0 16px; flex-wrap: wrap;}
#charm .box01 li {width: 48%;}
#charm .box01 li:nth-child(n + 3) {margin-top: 20px;}	
#charm h3 {margin-bottom: 20px;}
#charm .box01 li p {font-size: 3.5vw; margin-top: 16px;}
#charm .box02 .con01 p {padding: 0 16px; font-size: 3.5vw;}
#charm .box02 .con02 p {font-size: 3.5vw; padding: 0 16px;}
#charm .box02 ul {margin-top: 20px; padding: 0 16px;}
#charm .box02 li,#charm .box02 li:nth-child(n + 5) {width: 48%; margin-right: 4%; font-size: 3.5vw; margin-top: 0;}
#charm .box02 li:nth-child(n + 3) {margin-top: 20px;}
#charm .box02 li:nth-child(2n) {margin-right: 0;}
#charm .box02 li .no {display: none;}
#charm .box02 .li_txt {font-size: 4vw;}
	
/*original*/
	.sp_img01 {margin-top: 16px;}
	#original h2 {font-size: 5vw; padding-bottom: 16px; text-align: center; border-bottom: 2px solid #a23025; margin: 0 16px;}
	#original .box01 .min_txt {font-size: 4.5vw; text-align: center;}
	#original .box01 .inner {display: block;}
	#original .box01 .point {width: 100%; height: auto; padding: 10px 0; font-size: 4vw;}
	#original .box01 .point img {margin-right: 3%; width: 5%;}
	#original .box01 .txt01 {font-size: 3.5vw; padding: 0 16px;}
	#original .box01 .c_area {font-size: 3.5vw; padding: 20px 16px 0; display: block;}
	#original .box01 .big {font-size: 5vw; text-align: center;}
	#original .box01 .right_box {width: 100%; margin-top: 4%;}
	#original .box01 .right_box img {width: 48%;}
	#original .box01 .right_box img:nth-child(n + 3) {margin-top: 4%;}
	#original .box01 .sp_inner {display: flex; flex-wrap: wrap;}
	#original .box01 .sp_inner img {width: 48%;}
	#original .box01 .sp_inner img:nth-child(n + 3) {margin-top: 4%;}
	#original .link_box {display: block;}
	#original .link_box a:nth-child(2) {margin-top: 16px;}
	#original .box02 .con {display: block; margin-top: 20px;}
	#original .box02 .no {width: 100%; height: auto; border-radius: 0; font-size: 8vw; padding: 10px 0;}
	#original .box02 .txt_box {width: 100%; font-size: 3.5vw; margin-top: 20px; padding: 0 16px; box-sizing: border-box; line-height: 2;}
	#original .box02 .inner_box {margin: 0 auto;}
	#original .box02 h3 {font-size: 5vw; margin-bottom: 20px; text-align: center;}
	#original .box02 .inner {display: block; margin-top: 20px; font-size: 3.5vw;}
	#original .box02 .sp_txt01 {padding: 0 16px; line-height: 2;}
	#original .box02 .inner img {margin: 0 auto 16px;}
	#original .box02 .con02 {display: block; margin-top: 20px;}
	#original .box02 .txt_box02 {margin: 20px auto 0; padding: 0 16px; font-size: 3.5vw; line-height: 2;}
	
/*company*/
	#company h2 {font-size: 5.5vw; margin: 0 16px 16px;}
	#company .box01 .inner {display: block; font-size: 3.5vw;}
	#company .box01 .inner .img01,#company .box01 .inner .img02 {margin: 0 auto 16px;}
	#company .box01 h3 {font-size: 5vw; text-align: center;}
	#company .box01 .inner p {padding: 0 16px;}
	#company .box02  {padding: 0 16px;}
	#company .box02  h2 {margin: 0 auto 16px;}
	#company .box02 table {margin: auto; border: 1px solid #000;}
	#company .box02 th, #company .box02 table td {display: block; font-size: 3.5vw; width: 100%; padding: 5px 10px; line-height: 2;}
	#company .box02 th {width: 100%;}
	#company .box03 iframe {height: 250px; border: none;}
	#company .box04 .box {display: block; border: none; padding: 0 16px;}
	#company .box04 a {font-size: 3.5vw; margin-top: 15px;}
	#company .box04 .box div:nth-child(n + 2) {margin-top: 15px;}
	#company .box05 {padding: 0 16px;}
	#company .box05 h2 {margin: 0 auto 16px;}
	#company .box05 .txt {font-size: 3.5vw; margin-top: 16px;}
	#company .box05 .txt_box {border: 1px solid #dcdcdc; padding: 10px; margin-top: 20px;}
	#company .box05 .txt_box p {font-size: 3.5vw; line-height: 2; margin-top: 5px;}
	
	/*blog*/
	#blog .blog_area {padding: 0 16px;}
	#blog .item {padding: 16px 0; font-size: 3.5vw;}
	#blog .tag {width: auto; height: auto; padding: 1% 2%; margin: 0 4%; font-size: 3.5vw;}
	#blog h2 {font-size: 3.5vw; line-height: 1.2;}
	#blog_single .box01 {border: none; padding: 0 16px; font-size: 3.5vw; margin-bottom: 30px;}
	#blog_single h2 {font-size: 3.5vw; line-height: 2; padding-bottom: 16px; margin: 16px 0; border-bottom: 1px solid #cfcfcf;}
	#blog_single .box01 .time {font-size: 3.5vw;}

	/*interview*/
	#interview .interview_item {width: 100%; margin-right: 0;}
	#interview .interview_item:nth-child(n + 2) {margin-top: 30px;}
	#interview .interview_area {padding: 0 16px;}
	#interview .tag_box {position: relative; top: 0; margin-bottom: -4%;}
	#interview .interview_img {margin-bottom: 20px;}
	#interview .pick {display: none;}
	#interview .interview_img img {height: 200px;}
	#interview .tag {width: auto; height: auto; font-size: 3.5vw; padding: 2% 4%;}
	#interview_single .img_box img {height: auto; margin: 20px auto;}
	#interview_single .gallery_box {margin-bottom: 0; border: none;}
	#interview_single .gallery_box .title_box {font-size: 3.5vw; padding: 10px;}
	#interview_single .gallery_box .title_box p {font-size: 3.5vw;}
	#interview_single .list {padding: 20px 16px;}
	#interview_single .list a,#interview_single .list a:nth-child(3n) {width: 48%; margin-right: 4%;}
	#interview_single .list a:nth-child(2n) {margin-right: 0;}
	#interview_single .list a:nth-child(n + 3) {margin-top: 4%;}
	#interview_single .list a img {height: 100px;}
	#interview_single .txt_box {border: none; padding: 0 16px 16px; font-size: 3.5vw; margin-bottom: 0;}
	
	/*news*/
	#news .news_item {width: 100%; margin-right: 0;}
	#news .news_item:nth-child(n + 2) {margin-top: 20px;}
	#news .blog_area {padding: 0 16px;}
	#news .tag {width: auto; height: auto; top: 1.5%; font-size: 3.5vw; padding: 2% 3%;}
	#news .news_img {margin-bottom: 16px;}
	#news .news_img img {height: 200px;}
	
	/*production*/
	.pro_link_box {flex-wrap: wrap; margin-bottom: 30px; padding: 0 16px;}
	.pro_link_box a {width: 48%; font-size: 3.5vw; padding: 10px 0; margin-top: 16px;}
	.pro_link_box a :nth-child(n + 3) {margin-top: 16px;}
	.pro_link_box .icon {display: none;}
	.production_area  {padding: 0 16px;}
	#production .pro_item {width: 100%; margin-right: 0;}
	#production .pro_item:nth-child(n + 2) {margin-top: 30px;}
	#production .tag {font-size: 4vw; width: auto; height: auto; padding: 2% 3%; top: -6.5%;}
	#production .pro_img {margin-bottom: 16px;}
	#production .pro_img img {height: 200px;}
	#interview_single .title01 {font-size: 3.5vw; padding: 10px 16px;}
	#interview_single .box02 {border: none;}
	#interview_single .box02 h2 {font-size: 4vw;}
	#interview_single .box02 .list02 {padding: 20px 16px 0;}
	#interview_single .pro_item,#interview_single .pro_item:nth-child(3n) {width: 48%; margin-right: 4%;}
	#interview_single .pro_item:nth-child(2n) {margin-right: 0;}
	#interview_single .pro_img img {height: 100px;}
	#interview_single .pro_item:nth-child(n + 3) {margin-top: 4%;}
	#interview_single .pro_tag {font-size: 3.5vw; width: auto; height: auto; padding: 2% 3%; top: -9%;}
	.line_link_box {flex-wrap: wrap; padding: 0 16px; margin-bottom: 30px;}
	.line_link_box a {width: 48%; height: auto; font-size: 5vw; margin-bottom: 0; padding: 10px 0;}
	.line_link_box a:nth-child(n + 3) {margin-top: 4%;}
	.lineup_area {padding: 0 16px;}
	#lineup .lineup_item {width: 100%; margin-right: 0;}
	#lineup .lineup_item:nth-child(n + 2) {margin-top: 20px;}
	#lineup .tag_list {position: relative; top: 0; margin-bottom: -4%;}
	#lineup .tag {padding: 1% 4%; font-size: 3.5vw; width: auto; height: auto;}
	#lineup h2 {font-size: 4.5vw;}
	#lineup .lineup_img img {height: 200px; object-fit: cover;}
	#lineup .bdr {margin: 16px auto;}
	#interview_single .box02 h2::before {margin-right: 2%;}
	#interview_single .box02 h2::after {margin-left: 2%;}
	#interview_single .lineup_item,#interview_single .lineup_item:nth-child(3n) {width: 48%; margin-right: 4%;}
	#interview_single .lineup_item:nth-child(2n) {margin-right: 0;}
	#interview_single .lineup_item:nth-child(n + 3) {margin-top: 4%;}
	#interview_single .lineup_img img {height: 100px;}
	#interview_single .lineup_tag {width: auto; height: auto; padding: 2% 3%;}
	#interview_single .tag_list {position: relative; top: 0; margin-bottom: -9%;}
	#interview_single .box02 .lineup_title{font-size: 4vw;}
	#interview_single .bdr {height: 1px; margin: 16px auto 10px;}
	#j-hygge h1 img {width: 50%; margin-bottom: 20px;}
	#j-hygge .indent_content02 {margin-top: 30px;}
	#j-hygge h2 {font-size: 6vw; margin-bottom: 20px;}
	#j-hygge .box01 .txt01 {font-size: 3.5vw; line-height: 2;}
	#j-hygge .box01 .txt02 {margin: 20px auto 30px;}
	#j-hygge .box01 .inner {display: block; padding: 0 16px}
	#j-hygge .box01 .inner img:nth-child(n + 2) {margin-top: 20px;}
	#j-hygge .box02 .txt01 {font-size: 3.5vw; margin-bottom: 30px; line-height: 2;}
	#j-hygge .box02 .inner01 {display: block;}
	#j-hygge .box02 .txt02 {margin: 20px 16px 0; box-sizing: border-box;}
	#j-hygge .box02 .txt02 p {font-size: 3.5vw; padding: 8px; line-height: 1.5;}
	#j-hygge .box02 .inner02 {margin: 20px 0 0; padding: 0;}
	#j-hygge .box02 .inner02 img:nth-child(1),#j-hygge .box02 .inner02 img:nth-child(2) {width: 48%; margin: 0;}
	#j-hygge .box02 .btn {margin: 30px auto 0; font-size: 4vw; padding: 10px 0; width: calc(100% - 32px);}
	#j-hygge .box02 .btn img {width: 4%;}
	#j-hygge .box03 p {font-size: 3.5vw; line-height: 2;}
	#j-hygge .box03 p::before,#j-hygge .box03 p::after {display: none;}
	#j-hygge .box04 h2 {padding: 0;}
	#j-hygge .box04 .txt {font-size: 3.5vw; line-height: 2;}
	#j-hygge .box04 .txt02 {margin-top: 20px;}
	#j-hygge .box04 .img_box {width: 48%;}
	#j-hygge .box04 .img_box p {width: 50px; height: 50px; font-size: 11px;}
	#j-hygge .box04 .icon_txt01,#j-hygge .box04 .icon_txt02,#j-hygge .box04 .icon_txt03,#j-hygge .box04 .icon_txt04,#j-hygge .box04 .icon_txt05 {left: 0; bottom: 0; right: inherit;}
	#j-hygge .box04 .inner02 {margin-top: 20px; flex-wrap: wrap;}
	#j-hygge .box04 .inner02 .img_box:nth-child(3) {margin-top: 20px;}
	#j-hygge .box04 .inner01 {margin-top: 30px; position: relative;}
	#j-hygge .box05 .txt {font-size: 3.5vw; left: 0; bottom: 0; text-align: center; margin-top: 10px; line-height: 2;}
	#j-hygge .box05 .txt .p02 {margin-top: 0;}
	#j-hygge .u_logo {width: 50%; margin-top: 30px;}
	
	
/*sitemap*/
#sitemap li {font-size: 4vw; line-height: 2;}

}


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