@charset "utf-8";
/* CSS Document */
@media screen and (max-width:500px) {
.spmaxw80 {max-width: 80%;}
.spmgn-t10 {margin-top: 10px!important;}
.spmgn-t20 {margin-top: 20px!important;}
.spmgn-b16 {margin-bottom: 16px;}
.sppdg-b0 {padding-bottom: 0!important;}
.sp-none02 {display: none;}
.spblock {display: block!important;}
#nav-drawer { position: relative; position: fixed; display: flex; background-color: #0a1031; top: 0; left: 0; z-index: 7000; height: 60px; width: 100%; right: 0; align-items: center;}
#nav-drawer .header_logo {
width: 60%;
margin-left: 10px;
}
/*チェックボックス非表示*/
.nav-none { display:none; }

/*アイコンスペース*/
#nav-open {
display: inline-block;
width: 25px;
height: 25px;
vertical-align: middle;
margin: auto 0;
position: absolute;
top: 7px;
bottom: 0;
right: 10px;
}

/*openアイコン*/
#nav-open span,
#nav-open span:before,
#nav-open span:after {
content: '';
height: 3px;
width: 25px;
border-radius: 3px;
background: #db9218;
display: block;
cursor: pointer;
position: absolute;
}
#nav-open span:before { bottom: -8px; }
#nav-open span:after { bottom: -16px; }

/*closeアイコン*/
#nav-close {
display: inline-block;
width: 25px;
height: 25px;
vertical-align: middle;
margin: auto 0;
position: absolute;
top: 7px;
bottom: 0;
right: 10px;
}
#nav-close span {
content: '';
display: none;
opacity: 0;
transition: .3s ease-in-out;
display: block;
cursor: pointer;
position: absolute;
z-index: 9999;
}
#nav-close span:after,
#nav-close span:before {
content: '';
display: none;    
height: 3px;
width: 25px;
border-radius: 3px;
background: #db9218;
opacity: 0;
transition: 1s ease-in-out;
cursor: pointer;
position: absolute;
z-index: 9999;
}
#nav-close span:after {
transform: rotate(45deg);
bottom: -8px;
}
#nav-close span:before {
transform: rotate(-45deg);
bottom: -8px;
}

/*content*/
#sp_nav {
overflow: auto;
width: 100%;
height: 100%;
background: url(img/index/box03_bg.jpg)top left repeat;
transition: 0.3s ease-in-out;
-webkit-transform: translateX(105%);
transform: translateX(105%);
position: fixed;
top: 0;
left: 0;
z-index: 8888;
}

/*チェックで表示*/
#nav-input:checked ~ #nav-close,
#nav-input:checked ~ #nav-close span,
#nav-input:checked ~ #nav-close span:after,
#nav-input:checked ~ #nav-close span:before {
display: block;
opacity: 1;
}
#nav-input:checked ~ #sp_nav {
-webkit-transform: translateX(0%);
transform: translateX(0%);
}

#nav-drawer #sp_nav ul {
width: 100%;
margin: 10% 0 0;
}
#nav-drawer #sp_nav ul li {
color: #fff;
font-weight: bold;
font-size: 16px;
width: 80%;
border-bottom: 1px dashed #fff; 
margin: 0 auto 10px;
padding-bottom: 10px;
text-align: center;
}
#nav-drawer #sp_nav ul li.header_logo {
background: url(img/header/logo.png) top center no-repeat;
background-size: contain;
max-width: 195px;
margin: 0 auto 2em;
padding-bottom: 0; 
border-bottom: none; 
}
#nav-drawer #sp_nav ul li.header_logo a {
opacity: 0;
padding-bottom: 70px;
}
.sp_main {
margin-top: 40px; box-sizing: border-box; border-bottom: 5px solid #FCE9CC;
}
	
/*index*/
	.spflex-sb {justify-content: space-between;}
	#index .bnr {background: url("img/index/bnr_bg.jpg")center center repeat;}
	#index .bnr .inner01{padding: 20px 16px; display: block;}
	#index .bnr .inner01 a:nth-child(n + 2) {margin-top: 16px;}
	#index .bnr a:nth-child(2) {margin: 16px auto 0;}
	#index .box01 {padding: 20px 16px;}
	#index .box01 p {font-size: 12px; margin: 20px auto; text-align: justify;}
	#index .box01 .con {padding: 20px 16px;}
	#index .box02 {padding: 20px 16px;}
	#index .box02 h2 {margin-bottom: 16px;}
	#index .work_item {max-height: 100%; min-width: inherit; margin: 0 0 10px; width: 47.5%;}
	#index .work_img {border: 3px solid #1c1e2b; margin-bottom: 10px;}
	#index .work_img img {height: 100px; max-height: 100px;}
	#index .box02 h3 {font-size: 3.5vw;}
	#index .box02 .work_txt_box {font-size: 3vw;}
	#index .work_no {display: none;}
	#index .work_item:nth-child(4n) {margin-right: 0;}
	#index .box03 {padding: 20px 16px; background-size: contain; background-repeat: repeat;}
	#index .box03 ul {display: block;}
	#index .box03 ul li {max-width: 100%; margin-bottom: 20px;}
	#index .box03 ul li iframe {width: 100%; height: auto;}
	#index .box03 ul li .under {padding: 10px 0 16px;}
	#index .box03 ul li .under .btn02 {margin: 10px auto 0;}
	#index .box03 .btn {width: 100%; margin: 20px auto 0;}
	#index .box04 {padding: 20px 16px;}
	#index .box04 h2 {font-size: 26px; margin-bottom: 20px;}
	#index .box04 h2 span {font-size: 30px;}
	#index .box04 .con {position: relative; background: none; border: none; padding: 0;}
	#index .box04 .con .btn {position: absolute; bottom: 4%; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 96%;}
	#index .box05 {padding: 20px 16px;}
	#index .box05 .inner {display: block; margin-top: 16px;}
	#index .box05 .leftarea {max-width: 100%; font-size: 14px; margin-top: 20px;}
	#index .box05 .big {font-size: 18px;}
	#index .box05 .bdr {margin: 20px 0 15px;}
	#index .box05 ul {margin: 10px auto 20px; display: block;}
	#index .box05 ul li img {margin: 0 auto 20px;}
	#index .box06 {padding: 20px 16px;}
	#index .box06 .inbox:before,#index .box06 .inbox:after {display: none;}
	#index .box06 h2 {font-size: 40px; margin-bottom: 5px;}
	#index .box06 .btn {margin: 15px auto 0;}
	#index .box06 .inner {font-size: 14px; text-align: center; display: block;}
	#index .box06 .inner .big {font-size: 18px;}
	#index .box07 {padding: 20px 16px;}
	#index .box07 .btn {position: relative; margin: 0 auto; top: 0;}
	#index .box07 #voice_list {margin-top: 16px; display: block;}
	#index .box07 .voice_item {max-width: 100%; margin-bottom: 16px;}
	#index .box07 .voice_txt {margin: 10px auto;}
	#index .box08 {padding: 20px 16px;}
	#index .box08 h2 {font-size: 20px; padding-left: 10px; margin-bottom: 16px;}
	#index .box08 .over {display: block;}
	#index .box08 .blog_item_area {margin-top: 16px; max-width: inherit; min-width: inherit;}
	#index .box08 .title_area {display: block; text-align: center;}
	#index .box08 .title_area h3 {font-size: 20px;}
	#index .box08 .list {padding: 0 16px;}
	#index .box08 .blog_item {margin: 10px 0; padding-bottom: 10px;}
	#index .box08 ul {display: block; margin-top: 20px;}
	#index .box08 ul li {width: 100%; margin-bottom: 16px;}
	#index .box08 ul li:nth-child(4) {margin-bottom: 0;}
	#index .photo {display: none;}
	#index .box09 {padding: 20px 16px;}
	#index .box09 .inner {display: none;}
	#index .box09 .spcon {position: relative;}
	#index .box09 .spcon .tel {position: absolute; bottom: 25%; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 93.5%;}
	#index .box09 .spcon .mail {position: absolute; bottom: 4.5%; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 93.5%;}
	#index .box10 {padding: 20px 16px; position: relative; z-index: 350;}
	#index .box10 h2 img {max-width: 50%; margin-bottom: 10px;}

/*search*/
	#search .page_title {font-size:5vw; }
	#search .box01 {padding-bottom: 10px; margin-bottom:20px;}
	#search .box01 h2 {font-size: 6vw; padding-top:30px;}
	#search .box01::after{position:inherit; top:inherit; right:inherit;}
	#search .box01::before{position:inherit; top:inherit; right:inherit;}
	#search .box01 .p1{font-size:3.5vw;}
	#search .box01 p {line-height:2; margin: auto;}
	#search .box01 p span {font-size:4vw;}
	#search .box01 .p6 {line-height:2;}
	#search .box01 .video_box{display:inherit; padding: 0 15px;}
	#search .box01 .movie {width:100%; box-sizing: border-box;}
	#search .box01 .video01{margin-right:inherit; }
	#search .box01 .video p {padding: 5px; font-size: 4vw;}
	#search .box01 .series p{text-align: center; padding: 15px 16px; font-size: 5vw; line-height: 1.5;}
	#search .box01 .series .img_box {padding-bottom:20px;}
	#search .box01 .series .img_box img:nth-child(n+5){padding-top:inherit;}
	#search .box01 .series .img_box img:nth-child(2n){margin-left:3%;}
	#search .box01 .series .img_box img:nth-child(n+7){padding-bottom:0;}
	#search .box01 .series .img_box img {padding-bottom: 10px; width: calc(50% - 8px)}
	#search .box01 .banner_box {display:inherit;}
	#search .box01 .banner{box-sizing: border-box; width: calc(100% - 32px); margin: auto auto inherit;}
	#search .box01 .banner01 {width: 100%; width: calc(100% - 32px);  margin: 0 0 10px inherit;}
	#search .box01 .banner .p01 {font-size:3.5vw; padding: 5px 10px 5px;}
	#search .box01 .banner .p01 span {font-size:5vw;}
	#search .box01 .banner .p02 {font-size:3vw; padding: 5px 10px 5px; line-height: 1.7; }
	#search .box01 .banner img {position: absolute; top: 0px; bottom: 0px; width: 23%; margin:auto; right:0px;}
	#search .box02 {padding-bottom: inherit;}
	#search .box02 h2, #search .box03 h2 {top:1px;}
	#search .box02 h2 span, #search .box03 h2 span {font-size:5vw; }
	#search .box02 h2 p, #search .box03 h2 p {font-size:3.5vw;}
	#search .box02 h2 p, #search .box03 h2 p {padding:10px;}
	#search .box02 .con01 {display: inherit; margin-top:inherit; padding: 0 16px;}
	#search .box02 .con01 img{margin-left:inherit; margin-top: 10px; margin-bottom: 20px;}
	#search .box02 .con01 .txt h3 {margin-top: 10px; font-size: 5vw;}
	#search .box02 .con01 .txt .bg{margin:10px auto;}
	#search .box02 .con01 .txt p {font-size: 3.5vw; margin-bottom: 20px;}
	#search .box02 .bottom {margin:inherit;}
	#search .box02 .bottom p {border: #fff solid 2px; outline: #fff solid 2px; line-height: 2; padding: 10px 0px; font-size: 4vw; width: calc(100% - 32px); margin: auto; 
    outline-offset: 3px;}
	#search .box02 .intro .title {padding: 16px 22px 10px;}
	#search .box02 .intro .title p {font-size:4vw; padding-bottom: 15px; text-align: center;}
	#search .box02 .intro .title h3 {font-size:5vw; line-height:1.3; text-align: center;}
	#search .box02 .intro .title h3 span{font-size: 5vw;}
	#search .box02 .intro .title h3 span:nth-child(3){font-size:5vw;}
	#search .box02 .intro {width:inherit;}
	#search .box02 .intro .con01 { background:none; background-color:#fff; padding: 20px 16px 0; outline-offset:5px;}
	#search .box02 .intro .con01 p {width:inherit; padding-bottom:15px;}
	#search .box02 .intro .con01 span {font-size:3.5vw; line-height: 2;}
	#search .box02 .intro .con01 p:nth-child(3){padding-bottom: 20px;}
	#search .box02 .intro .con02 {margin-bottom:inherit;}
	#search .box02 .intro .img_box{border:none;}
	#search .box02 .intro .img_box img {width:33.3%;}
	#search .box02 .intro .con02 p {padding-bottom:15px;}
	#search .box03 .btn p, #search .box02 .btn p, #search .box05 .btn p {font-size: 4vw; line-height: 1.3; padding: 10px 0px;}
	#search .box02 .con03 {margin:inherit; box-sizing: inherit; width: inherit; padding: inherit;     padding-bottom: 0;}
	#search .box02 .con03 .top{padding: inherit; height:160px; margin-bottom: 3px; padding-right: 16px; padding-left: 16px;}
	#search .box02 .con03 .top p {font-size: 4vw;}
	#search .box02 .con03 .img_box {flex-wrap: wrap; padding-bottom: 3px;}
	#search .box02 .con03 .img_box img{width:50%;}
	#search .box03 {padding-bottom:0; margin-bottom:inherit;}
	#search .box03 .btn p, #search .box02 .btn p, #search .box05 .btn p{display:block;}
	#search .box03 .bg_w .con .inner {display:inherit;}
	#search .box03 .bg_w .con h3 span {margin-top:inherit;}
	#search .box03 .theme {font-size:5vw;}
	#search .box03 .bg_w .con h3 span {font-size:5vw; margin-top:10px;}
	#search .box03 .bg_w .con h3 {margin-bottom:10px;}
	#search .box03 .bg_w .con img {margin-bottom:10px;}
	#search .box03 .bg_w .con p {font-size:3.5vw;}
	#search .box03 .bg_w {margin:inherit; width:inherit; padding-bottom:10px;}
	#search .box03 .pic {width: calc(100% - 32px); display:block;}
	#search .box03 .pic img {margin-bottom: 10px;}
	#search .box03 .theme, #search .box05 .theme{background:none; background-color:#fff;}
	#search .box03 .txt {font-size:3.5vw; padding: 0 16px;}
	#search .box03 .inner02 {display:inherit; padding:10px 16px 0;}
	#search .box03 .inner02 .con01 {width:inherit; }
	#search .box03 .inner02 .con01 img {width:100%;}
	#search .box03 .inner02 .con01 span {font-size:5vw; margin-top: 10px;}
	#search .box03 .inner02 .con01 p {font-size:3.5vw;}
	#search .box05 .btn p {margin-bottom:inherit;}
	#search .box04 {padding: inherit; padding-top: 10px;}
 	#search .box04 .sp-banner,#search .box05 .sp-banner{background:url("img/search/box04_bg02.jpg")repeat; border-top:solid #111736 20px ; border-bottom:solid #111736 20px ; padding:20px 16px 15px;}
	#search .box04 .sp-banner .p01,#search .box05 .sp-banner .p01{color:#fff; background-color:#111736; padding:10px; font-size:4vw;}
	#search .box04 .sp-banner,#search .box05 .sp-banner span {font-size:6vw; color:#000;}
	#search .box04 .sp-banner .p03,#search .box05 .sp-banner .p03 {color:#000; font-size: 3.5vw;}
	#search .box04 .sp-banner p span,#search .box05 .sp-banner p span {font-size: 4vw; padding: 5px 10px; margin-bottom: 10px; display: inline-block;}
	#search .box04 .sp-banner .p02,#search .box05 .sp-banner .p02 {font-size: 5vw; color:#000;}
	#search .box04 .part_box {display: inherit; padding: 0 16px 10px;}
	#search .box04 img {width: 100%; margin-top:10px;}
	#search .box04 .part span {font-size:5vw;}
	#search .box04 .part {margin-top:10px; width:100%;}
	#search .box04 .part p{font-size:3.5vw;}
	#search .box05 .bg::after {position:inherit; top:inherit; right:inherit; }
	#search .box05 .bg::before {position:inherit; top:inherit; left:inherit;} 
	#search .box05 {padding:inherit; background: none;}
	#search .box05 .p01{font-size: 4vw; padding-top: 20px;  padding-bottom:5px; margin-bottom:0;}
	#search .box05 .bg{font-size: 6vw; background-color:#111736; padding-bottom: 10px;}
	#search .box05 .sp-banner {margin-top:10px;}
	#search .box05 .theme {display:none;}
	#search .box05 .con {padding:10px 16px 0px;}
	#search .box05 .con p {margin-bottom: 10px; margin-top: 10px; font-size: 4vw;}
	#search .box05 .movie_box{display: inherit; }
	#search .box05 .con .part {font-size: 5vw;}
	#search .box05 .con video {width:100%;}
	#search .box05 .con .txt01 {font-size: 3.5vw; line-height: 1.7; margin-top:0;}
	#search .box06 p{font-size: 5vw; padding:10px 16px;}
	#search .box06 .con .inner {display: inherit; height:inherit;}
	#search .box06 .con {padding: 15px 16px;}
	#search .box06 .con .inner img {width: 100%; height: auto; margin:inherit; margin-bottom:10px;}
	#search .box06 p {padding:inherit; padding-top:0;}
	#search .box06 .con .inner .txt {font-size:3.5vw; line-height: 2;}
	#search .box06 .title {padding: 10px 16px 10px;}
	#search .box06 .con .banner_box {flex-wrap: wrap;}
	#search .box06 .con .banner_box a{width:48%; margin-bottom:10px;}
	#search .box06 .con .banner_box .fb {margin-bottom:0;}
	#search .box03 .btn a, #search .box02 .btn a, #search .box05 .btn a{width: calc(100% - 32px); margin: auto;}
	#search .box03 .btn p, #search .box02 .btn p, #search .box05 .btn p {background-position:center right 3%; background-size: 1.5%;}
	#search .box02 .btn,#search .box03 .btn,#search .box05 .btn {width:calc(100% - 32px); margin:auto;}
	
	
	
	
	
	

	
	
	
	
	
	
	
	
	
	
	
	

	
	

	
footer .inbox {display: none;}
footer .over {display: none;}
.copyright_area {display: none;}
footer {padding: 0;}
.stoker02 li {width: 50%;}
.stoker02 {display: flex; justify-content: space-between;}
#pop_banner {padding: 0; z-index: 300; background: none; width: 100%; border: none; bottom: 0;} 
#contact_banner,#contact_banner02 {display: block; border: none; background-color: #fff; padding: 0 16px; position: relative; z-index: 350; width:100%; margin-bottom: 0; padding-bottom: 20px;}
#contact_banner .spcon,#contact_banner02 .spcon {position: relative;}
#contact_banner .spcon .tel,#contact_banner02 .spcon .tel {position: absolute; bottom: 25%; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 93.5%;}
#contact_banner .spcon .mail,#contact_banner02 .spcon .mail {position: absolute; bottom: 4.5%; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 93.5%;}

.pan {
display: none;
}
.page_top_img {
margin-top: 60px;
}
.page_title {font-size: 16px;}

	#when .box01 {padding: 20px 16px; background-image: none;}	
	#when .box01 h2 {font-size: 24px;}
	#when .box01 .txt01 {margin-top: 16px; margin-bottom: 5px;}
	#when .box01 p {max-width: 100%;}
	#when .box02 {padding: 0 16px 20px;}
	#when .box02 h2 {padding: 10px; font-size: 21px; letter-spacing: 0;}
	#when .box02 h3 {font-size: 18px;}
	#when .box02 .con {padding: 16px;}
	#when .box02 .con .inner {display: block;}
	#when .box02 .con .inner .icon01,#when .box02 .con .inner .icon02 {display: none;}
	#when .box02 .con .inner .txt01 {margin-top: 16px; margin-bottom: 10px;}
	#when .box02 .con .inner .img02 {margin: 0 auto;}
	#when .box02 .con .inner .txt02 {margin-top: 16px;}
	#when .box03 .con {padding: 20px 16px 0;}
	#when .box03 .con .inner {display: block; margin-top: 10px;}
	#when .box02 .con .inner .img01 {margin: 0 auto;}
	#when .box03 .con .img01,#when .box03 .con .img02 {margin: 0 auto 10px;}
	#when .box03 .con .access {margin-top: 20px;}
	#when .box03 .con .inner02 {display: block; padding: 16px; text-align: center;}
	#when .box03 .con .inner02 .logo {margin: 0 auto 10px;}
	#when .box03 .con .inner02 .big {font-size: 24px; margin-bottom: 0;}
	#when .box03 .con .inner02 .img03 {display: none;}
	#when .box03 .con .access iframe {height: 450px;}
	#proposal .box02 ul {width: 94%;}
	#proposal .box02 ul li {max-width: 25%; margin-right: 10px;}
	#proposal .box03 .con,#proposal .box04 .con,#proposal .box05 .con {padding: 20px 16px;}
	#proposal .box03 .con h3,#proposal .box04 .con h3 {font-size: 15px;}
	#proposal .box05 .con h3 {font-size: 13px;}
	#proposal .box03 .con h3 span,#proposal .box04 .con h3 span,#proposal .box05 .con h3 span {font-size: 20px;}
	#proposal .box03 .con .inner,#proposal .box04 .con .inner,#proposal .box05 .con .inner {display: block; margin: 16px auto;}
	#proposal .box03 .con .inner img,#proposal .box04 .con .inner img,#proposal .box05 .con .inner img {margin: 0 auto 16px;}
	#proposal .box03 .con .inner p,#proposal .box04 .con .inner p,#proposal .box05 .con .inner p {margin: 0 auto;}
	#proposal .box03 .con .under p,#proposal .box04 .con .under p,#proposal .box05 .con .under p {padding: 16px 10px;}
	#proposal .box03 .con .btn_area,#proposal .box04 .con .btn_area,#proposal .box05 .con .btn_area {margin-top: 0; display: block;}
	#proposal .box03 .con .btn_area img,#proposal .box04 .con .btn_area img,#proposal .box05 .con .btn_area img {max-width: 70%; margin: 0 auto;}
	#proposal .last_ul {display: block;}
	#proposal .last_ul li img {margin: 0 auto;}
	#manufacturing .box02,#manufacturing .box03,#manufacturing .box04 {padding: 20px 16px 0;}
	#manufacturing .box02 .icon,#manufacturing .box03 .icon,#manufacturing .box04 .icon {width: 40%;}
	#manufacturing .box02 h2,#manufacturing .box03 h2,#manufacturing .box04 h2 {font-size: 16px; text-align: center;}
	#manufacturing .box02 h2 span,#manufacturing .box03 h2 span,#manufacturing .box04 h2 span {font-size: 24px;}
	#manufacturing .box02 .inner,#manufacturing .box03 .inner,#manufacturing .box04 .inner {display: block; margin-top: 16px;}
	#manufacturing .box02 .con,#manufacturing .box03 .con,#manufacturing .box04 .con {padding: 16px; text-align: justify;}
	#manufacturing .box02 .inner .img01,#manufacturing .box02 .inner .img02,#manufacturing .box03 .inner .img01,#manufacturing .box03 .inner .img02,#manufacturing .box04 .inner .img01,#manufacturing .box04 .inner .img02 {margin: 0 auto 10px;}
	#manufacturing .link_area .btn {max-width: 75%;}
	#manufacturing #m01,#manufacturing #m02,#manufacturing #m03 {margin-top: -60px; padding-top: 60px;}
	#company table {font-size: 16px;}
	#company table th {display: block; width: auto; text-align: left; padding: 16px; border-right: none;}
	#company table td {display: block; width: auto; padding: 16px;}
	#company .map_title {font-size: 4.5vw;}
	#case #gallery_arcive_list,#voice #gallery_arcive_list {display: block; padding: 16px; padding-bottom: 0.02px;}
	#case .gallery_arcive_img,#voice .gallery_arcive_img {max-width: 100%;}
	#voice .gallery_arcive_item,#case .gallery_arcive_item {max-width: inherit;}
	#case .gallery_arcive_img img,#voice .gallery_arcive_img img {max-width: 100%; min-width: inherit; width: 100%;}
	.paging {padding-bottom: 0;}
	#case_single .gallery_box img,#voice_single .gallery_box img {max-width: 100%; max-height: inherit; min-height: inherit; width: 100%; height: 250px;}
	#case_single .gallery_area,#voice_single .gallery_area {padding: 16px; padding-bottom: 0.02px;}
	#case_single .work_img,#voice_single .work_img {padding: 16px;}
	#case_single .before,#case_single .after{width: 100%;}
	#voice_single .gallery_box a {margin-bottom: 20px;}
	#case_single .item01{display: block; justify-content: inherit; align-items: inherit;}
	#case_single .after{margin-top: 10px; margin-left: 0;}
	#blog .box01,#blog_single .box01 {padding: 10px; border: 10px solid;}
	#form .box01 .btn {max-width: 70%;}
	#form .box03 {padding: 0 16px;}
	#form .box03 ul {font-size: 12px;}
	#form .box03 table {max-width: -webkit-fill-available;}
	#form .box03 table input,#form .box03 table textarea {width: 100%; font-size: 16px; padding: 5px;}
	#form td .wpcf7-checkbox input {width: auto;}
	#form .box03 table th {display: block;
    width: auto;
    text-align: left;
    padding: 10px;
    min-width: 0;}
	#form .box03 table td {    display: block;
    width: auto;
    padding: 10px;}
	.mw_wp_form_input .btn input,.mw_wp_form_confirm .btn input {font-size: 18px; max-width: 70%; height: auto; line-height: 1; padding: 10px 0;}
	#form .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {padding: 20px 0; font-size: 16px;}
	#form .codedropz-upload-container {padding: 0;}
	#form .codedropz-upload-inner h3 {display: none;}
	#form .codedropz-upload-inner span {display: none;}
	#form .btn {width: 100%; height: auto; font-size: 5vw; padding: 12px 0; margin: 30px auto 0;}
	#form .tkend {padding: 0 16px;}
	#form .box01 .btn {bottom: 1%;}
	
	
	/*w8w*/
	#w8w .box01 .inner01, #w8w .box01 .inner02 {display: block; height: auto; font-size: 3.5vw; background: url("img/w8w/box01_inner_bg02.jpg")top left repeat; padding: 20px 16px;}
	#w8w .box01 .img_box {border: none;}
	#w8w .box02 .inner {display: block; padding: 0 16px; font-size: 3.5vw; margin-top: 20px;}
	#w8w .box02 .inner .img01,#w8w .box02 .inner .img02 {margin: 0 auto 16px;}
	#w8w .box03 .con01 {margin-top: 40px;}
	#w8w .box03 .con01 h3 {margin-bottom: 20px;}
	#w8w .box03 h3 span {font-size: 6vw; border-bottom: 2px solid #0a1031; padding-bottom: 5px;}
	#w8w .box03 .inner {font-size: 3.5vw; padding: 0 16px; margin-top: 30px; display: block;}
	#w8w .box03 .img01,#w8w .box03 .img02 {margin: 0 auto 16px;}
	#w8w .box03 .con02 {padding-bottom: 30px;}
	#w8w .box03 .con02 h3 span {font-size: 5vw; padding: 2% 5%;}
	#w8w .box03 .con02 ul {margin-top: 30px; padding: 0 16px; display: block;}
	#w8w .box03 .con02 li {font-size: 3.5vw; width: 100%;}
	#w8w .box03 .con02 li:nth-child(n+ 2) {margin-top: 30px;}
	#w8w .box03 .con02 h4 {font-size: 4.5vw;}
	#w8w .box03 .con02 li img {margin: 16px auto;}
	#w8w .indent_content03 {margin-top: 20px;}
	#w8w .box01,#w8w .box02,#w8w .box03 {border: 2px solid #0a1031; border-left: none; border-right: none;}
	#w8w .box02 {padding-bottom: 20px;}
	
/*workshop*/
    #workshop .main {height: auto; padding: 30px 16px;}
    #workshop .main .icon01 {display: none;}
    #workshop .main .text {font-size: 3.5vw; line-height: 2; font-weight: 700; text-shadow: inherit; text-align: center; margin-top: 10px;}
    #workshop .main .bg {display: none;}
    #workshop .main .text span {font-size: 4.5vw;}
    #workshop .box01 {padding: 30px 16px 20px; margin-top: 30px;}
    #workshop .bnr_box {margin-top: 30px; display: block;}
    #workshop .bnr_box a,#workshop .bnr_box img {margin: 0 auto;}
    #workshop .bnr_box .bnr01 {margin-bottom: 20px;}
    #workshop .box01 .title .over {font-size: 3.5vw; text-align: center; display: block;}
    #workshop .box01 .title .over .logo {margin: 0 auto 10px; width: 50%;}
    #workshop .box01 .title .txt01 {font-size: 4.5vw; margin-top: 16px; text-align: center;}
    #workshop .box01 .txt02 {padding: 16px 0; font-size: 3.5vw; font-weight: 700;}
    #workshop .box01 .txt03 {font-size: 3.5vw; line-height: 2;}
    #workshop .box02 {margin-top: 30px; background: none; padding-bottom: 0;}
    #workshop .box02 .title01_box, #workshop .box03 .title01_box {padding: 0; width: 100%;}
    #workshop .box02 .title01_box .bdr, #workshop .box03 .title01_box .bdr {display: none;}
    #workshop .box02 .title01, #workshop .box03 .title01 {position: relative; width: 100%; height: auto; padding: 16px 0;}
    #workshop .box02 .title01 .min, #workshop .box03 .title01 .min {font-size: 3.5vw;}
    #workshop .box02 h2, #workshop .box03 h2 {font-size: 6vw;}
    #workshop .box02 .icon_text {display: none;}
    #workshop .box02 .con01 {width: 100%; margin: 30px auto 0; padding: 0;}
    #workshop .box02 h3 {font-size: 4vw; line-height: 1.5; padding: 12px 0; font-weight: 700; display: block;}
    #workshop .box02 .txt01 {font-size: 3.2vw; line-height: 1.5; margin: 20px auto; padding: 0;}
    #workshop .box02 .inner {padding: 0 16px;}
    #workshop .box02 .inner img {width: 32%;}
	#workshop .box04 {margin-top: 40px;}
	#workshop .box04 h2 {font-size: 6vw;}
	#workshop .box04 .border {width: 20%; height: 3px; margin: 15px auto 30px;}
	#workshop .box04 .h2textbox {font-size: 3.5vw; line-height: 2; padding: 0 16px;}
	#workshop .box04 .con01 {margin-top: 30px;}
	#workshop .box04 h3 {margin: 0 auto 20px; font-size: 4vw; padding: 16px 20px;}
	#workshop .box04 .item {padding: 20px 16px; display: block;}
	#workshop .box04 .item img {margin: 0 auto 20px;}
	#workshop .box04 h4 {font-size: 4vw; border-bottom: 2px solid #0a1031;}
	#workshop .box04 .text {font-size: 3.5vw; margin: 16px 0; line-height: 1.8;}
	#workshop .box04 .tag {font-size: 3.5vw; padding: 10px; width: auto; height: auto; margin-right: 16px;}
	
	
	
    #workshop .box03 .txt01 {font-size: 3.5vw; line-height: 2.; margin: 20px auto; letter-spacing: inherit;}
    #workshop .box03 h3 p::before, #workshop .box03 h3 p::after {display: none;}
    #workshop .box03 h3 {font-size: 5vw; width: 100%; height: auto; padding: 15px 0; box-sizing: border-box;}
    #workshop .box03 .con {display: block; padding: 0 16px; margin-top: 30px;}
    #workshop .box03 .con .img01,#workshop .box03 .con .img02 {margin: 0 auto 16px;}
    #workshop .box03 .con h4 {font-size: 4.5vw; padding-bottom: 16px; margin-bottom: 10px; text-align: center;}
    #workshop .box03 .con .text {font-size: 3.5vw; line-height: 2.;}
    #workshop .l_bnr {margin: 30px 0;}
    .calendar_box {padding: 20px 0;}
		.calendar_box .title_txt {font-size: 9vw; line-height: 1.1;}
    .calendar_box h2 {font-size: 3.5vw; margin-top: 10px;}
		.calendar_box .case_inner {padding: 0; box-sizing: border-box; margin: 30px auto; justify-content: center;}
		.calendar_box .case_inner p {font-size: 4vw;}
		.calendar_box .case_inner p:nth-of-type(2) {margin-left: 16px;}
		.calendar_box .calendar_month {margin: 0 auto;}
		.calendar_box #wp-calendar {font-size: 3.5vw;}
		.calendar_box #wp-calendar th {font-size: 4vw; font-weight: bold;}
		.calendar_box #wp-calendar td {height: auto;}
		.calendar_box #wp-calendar th, .calendar_box #wp-calendar td {font-size: 4vw;}
		.calendar_box .calendar_month .month_now {font-size: 5vw; height: auto; padding: 12px 0;}
		.calendar_box .calendar_month #prev,.calendar_box .calendar_month .month_next {font-size: 4vw; padding: 5px 16px; border-bottom: 2px solid #414565;}
		.calendar_box .note_list {box-sizing: border-box; padding: 0 16px; display: block;}
		.calendar_box .note_list li {font-size: 3.5vw;}
		.calendar_box .note_list li:nth-of-type(n + 2) {margin-top: 15px; margin-left: 0;}
		.calendar_box .note_txt {font-size: 3.5vw; padding: 0 16px; box-sizing: border-box; line-height: 1.7; margin-top: 16px;}
		.calendar_box .btn {font-size: 3.5vw; width: calc(100% - 32px); margin: 16px auto 0; border-bottom: 2px solid #414565; padding: 16px 0;}
		.calendar_box .btn .arrow {width: 2%; right: 16px;}
		
	
}
@media screen and (max-width:340px) {
	#when .box02 h2 {font-size: 17px;}
	#proposal .box03 .con h3,#proposal .box04 .con h3,#proposal .box05 .con h3 {font-size: 12px;}
	#proposal .box03 .con h3 span,#proposal .box04 .con h3 span,#proposal .box05 .con h3 span {font-size: 17px;}
	#case_single .gallery_box img,#voice_single .gallery_box img {height: 200px;}
}