@charset "UTF-8";

/*--------------------------------------------------------
モバイル用レイアウト（736px以下の解像度のスクリーン含む）
--------------------------------------------------------*/

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

p#pan,
#global-footer{
	width: 94%;
	padding: 25px 3% 45px;
}

#global-footer{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

#gf-table,
.u-wrapper1 p.u-txts2 br, .u-wrapper3 p.u-txts1 br{
	display: none;
}

.gf-detail{
	float: none;
	text-align: center;
}

.gf-detail .block{
	text-align: center;
}

.gf-detail .block div{
	display: inline-block;
	list-style: none;
	*display: inline;  
	*zoom: 1;
	vertical-align: top;
}

.gf-detail .left{
	float: none;
}

#pagetop{
	margin-left: 0px;
	right: 0px;
	top: 0;
	margin-right: 15px;
}

#company-table{
	width: 94%;
	padding: 35px 3% 150px;
}

#company-table th{
	width: 100%;
	padding: 15px 0px 0px;
	display: block;
	border-bottom: 0px;
	font-weight: bold;
	font-size: 14px;
}

#company-table td{
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 14px;
}

#ylw-clum #up-ttl, #orng-clum #up-ttl,
#smp-header h1 img{
	width: 100%;
}

#ylw-clum .googlemap{
	width: 94%;
	padding: 60px 3% 0px;
}

#map,
#ylw-clum .googlemap{
	height: 300px !important;
}

p#greeting-txt{
	width: 94%;
	padding: 50px 3% 20px;
	font-size: 18px;
}

#greeting-clum{
	width: 94%;
	padding: 0px 3%;
}

#greeting-clum .left,
#greeting-clum .right{
	width: 100%;
}

#greeting-clum .left{
	padding-bottom: 15px;
}

#inner-banner{
	width: 94%;
	padding: 70px 3% 85px;
}

#inner-banner img{
	padding-bottom: 15px;
}

p#ft-contacttxt{
	font-size: 18px;
	padding-left: 3%;
	padding-right: 3%;
	line-height: 1.4em;
}

p#faq-catchy,
p#contact-ttl,
p#works-txt{
	font-size: 20px;
	padding-left: 3%;
	padding-right: 3%;
}

ul#ft-btn li#line,
p#faq-catchy br,
#bn-catchy p br,
.clr-orange .q-arrow,
.clr-green .q-arrow,
.clr-purple .q-arrow,
p.pb-txt1 br,
p.pb-txt2 br,
ul#flow-list,
.smp-br,
#how-catchy p br,
#req-catchy p br,
p#intro-txt br,
p#works-txt br{
	display: none;
}

.flow-first{
	margin-top: 35px;
}

ul#ft-btn li#txt1{
	padding-bottom: 15px;
}

ul#inner-btn li,
ul#req-btn li,
#rental-btn li, #req-btn li{
	width: 93%;
	margin: 0px 3% 5px;
}

/*ul#inner-btn li a{
	width: 100%;
}*/

.ribbon h3,
.ribbon,
.ribbon-clum{
	width: 300px;
}

.ribbon h3{
	font-size: 16px;
}

.panel,
.pb-clum,
.ps-contents,
p#purchase-txt,
#bn-clum,
.bgn-clum,
#kitchen-list,
.blog-frame,
.k-blog-frame{
	width: 94%;
	margin: 0px 3%;
}

p#contact-txt,
p#contact-attntxt{
	margin: 0px 3%;
}
p#contact-txt02{
	width: 94%;
	padding: 50px 3% 0px;
}
    
.contact-btn img{
    width: 90%;
    height: auto;
    margin: 5px auto;
}

    
.products-balloon,
.bn-cont .left img, .bn-cont .right img{
	min-width: 100%;
}

.blog-frame .contents{
	width: 100%;
	float: left;
}

.blog-frame .sidebar{
	width: 100%;
	float: left;
}

.bn-cont .left, .bn-cont .right{
	width: 94%;
	padding: 3%;
}

.wht-frame .bn-txt{
	width: 94%;
	padding-left: 3%;
	padding-right: 3%;
	padding-bottom: 25px;
}

.bn-cont .left, .bn-cont .right{
	margin-bottom: 15px;
}

.left-one{
	margin-left: 0px;
}

#merit{
	width: 88%;
	margin-left: 3%;
	margin-right: 3%;
	padding: 8% 3% 6% 3%;
}

#meat-bg{
	min-height: auto;
	padding-top: 50px;
	padding-bottom: 50px;
}

#merit .right{
	width: 100%;
	padding-top: 25px;
}

#merit .right li{
	padding-bottom: 15px;
	font-size: 16px;
}

.bn-cont{
	margin-bottom: 0px;
}

.wht-frame,
.bn-cont .left,
.bn-cont .right,
.bn-cont.seminar .left,
.bn-cont.seminar .right{
	min-height: auto;
}
p.pb-txt1{
	font-size: 16px;
	padding-left: 3%;
	padding-right: 3%;
}

p.pb-txt2{
	font-size: 14px;
	padding-left: 3%;
	padding-right: 3%;
}

.panel dt .q-en{
	float: none;
	padding: 10px 20px;
	font-size: 20px;
}

.panel dt .q-txt{
	float: none;
	padding: 10px 20px;
	font-size: 14px;
}

.panel dd th,
.panel dd td{
	display: block;
	text-align: left;
}

.panel dd th{
	padding: 10px 20px;
	font-size: 20px;
}

p#po-txt{
	font-size: 20px;
	line-height: 1.6em;
}

.panel dd td{
	padding: 0px 20px 10px;
	font-size: 12px;
}

#header{
	position: inherit !important;
	height: auto;
	padding-bottom: 15px;
}

#inner-bg{
	margin-top: 0px;
	padding-top: 65px;
}

#ps-catchy,
#rental-catchy,
#req-catchy,
#how-catchy,
#bn-catchy{
	min-height: auto;
	background-image: none;
}

.smp-none{
	display: none;
}

#kc-catchy p,
#kc-catchy div{
	position: inherit !important;
	width: 100%;
}

#ps-catchy p, #bn-catchy p, #how-catchy p, #req-catchy p, #seminar-bg p{
	font-size: 20px;
	padding-top: 0px;
	padding-left: 3%;
	padding-right: 3%;
}

p#ps-subcatchy,
p#kitchen-list-txt{
	font-size: 20px;
	padding-left: 3%;
	padding-right: 3%;
}

.ps-thought .pt-cat1,
.ps-thoughts .pt-cat1{
	float: none;
	width: 100%;
	padding-bottom: 25px;
}

.ps-thought .pt-cat2,
.ps-thoughts .pt-cat2{
	float: none;
	width: 100%;
}

.ps-thought .pt-cat1 img{
	width: 100%;
}

.ps-thought .pt-cat1 .block .left, .ps-thoughts .pt-cat1 .block .left,
.ps-thought .pt-cat1 .block .right, .ps-thoughts .pt-cat1 .block .right{
	width: 48%;
}

.ps-thought .pt-cat2 .c-ttl p, .ps-thoughts .pt-cat2 .c-ttl p,
p#purchase-ttl,#kc-catchy{
	font-size: 20px;
}

#kc-catchy{
	padding-left: 3%;
	padding-right: 3%;
}

#kc-catchy div{
	width: 100%;
}

.ps-thoughts{
	padding-bottom: 0px;
}

.flow .f-ttl{
	width: 70%;
	padding-left: 5%;
	font-size: 18px;
}

.flow .f-txt{
	float: right;
}

#works-list li{
	min-height: auto;
	margin-bottom: 15px;
	padding-bottom: 25px;
}

.flow .f-num{
	float: none;
	margin: 0 auto;
	font-size: 20px;
	line-height: 50px;
	width: 50px;
	height: 50px;
}

.flow .f-ttl{
	float: none;
	text-align: center;
	width: 100%;
	padding-left: 0px;
}

.flow .f-txt{
	float: none;
	padding-left: 0px;
	text-align: center;
	padding-bottom: 15px;
}

#list-display li.cont img{
	width: 100%;
}

#list-display li.cont{
	width: 100%;
	margin: 0px 0px 45px 0px;
	min-height: auto;
}

#charm{
	width: 80%;
	top: -2.3%;
	margin: 0 auto;
}

.all-point{
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
}

p.point-num{
	width: 100%;
}

p.point-txt{
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
	font-size: 18px;
}

p#qf-tel{
	line-height: 1.4em;
}

p.qf-txt{
	padding-left: 3%;
	padding-right: 3%;
}

p#qf-tel span{
	display: block;
}

p.qf-ttl{
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
}

#k-subcatchy{
	font-size: 14px;
	line-height: 1.6em;
}

#k-ttl{
	font-size: 24px;
	line-height: 24px;
}

#k-clum .left,
#k-clum .right{
	width: 100%;
}

#k-clum .right{
	padding-top: 50px;
}

.thumbnails img{
	width: 15.5%;
}

#comment-k .right{
	padding: 5%;
	width: 90%;
	float: none;
}

#point-k{
	padding-left: 0px;
}

#comment-k .left{
	float: none;
	padding-bottom: 10px;
	text-align: center;
	margin: 0 auto;
}

#po-detail,
#po-hope{
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
}

#po-hope{
	text-align: center;
}

#po-hope img{
	display: block;
	width: 284px;
	margin: 0 auto;
}

#po-detail .left{
	width: 100%;
}

#po-detail .right{
	width: 90%;
	padding: 10% 5%;
}

#po-detail .right p#txt{
	padding-right: 0px;
}

ul#po-list li{
	width: 46%;
	margin: 0px 1% 5%;
}

ul#po-list li p{
	font-size: 16px;
}

.how-point, .how-points,
#per-cont{
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
}

.how-point .right, .how-points .left{
	width: 90%;
	padding: 5%;
}

#ques-wht{
	margin-left: 3%;
	margin-right: 3%;
	width: 84%;
	padding: 5%;
}

p#q-catchy{
	padding-right: 0px;
}

#ques-wht #illust{
	text-align: center;
}

p#q-ques{
	font-size: 20px;
	line-height: 20px;
	padding-left: 0px;
}

#rental-catchy p{
	font-size: 20px;
}

p#amazing-txt{
	font-size: 20px;
	line-height: 1.4em;
	padding-left: 3%;
	padding-right: 3%;
}

#amazing ul li{
	margin-bottom: 15px;
}

#amazing ul{
	padding-bottom: 0px;
}

#amazing{
	padding-bottom: 25px;
}

#ques-wht li{
	height: auto;
	background-position: left top;
}

.q-arrow{
	padding: 25px 0px;
	text-align: center;
}

#ques-wht .left{
	float: none;
}

p#q-pro{
	font-size: 16px;
}

#ylw-clum #up-ttl, #orng-clum #up-ttl, #blue-clum #up-ttl,
#orng-clums #up-ttl{
	width: auto;
}

#per-bg{
	padding: 45px 0px;
}

p#intro-txt{
	font-size: 20px;
	padding-left: 3%;
	padding-right: 3%;
}

ul#per-rib-list li{
	margin-top: 25px;
}

#per-frame{
	margin-left: 5%;
	margin-right: 5%;
	background-image: none;
	width: 90%;
}

ul#per-rib-list li#last{
	margin-right: 0px;
}

#per-frame p#per-txt{
	font-size: 20px;
	line-height: 1.4em;
}

#per-frame p#per-txts{
	width: 100%;
}

#per-frame p#per-ppl{
	width: 100%;
	line-height: 1.4em;
	text-align: center;
}

#top-padding1,
#top-padding2{
	padding-top: 0px;
}

#disaster-catchy{
	width: 100%;
}

p#disaster-txt{
	line-height: 1.4em;
	font-size: 20px;
}

#disaster-catchy img{
	padding-left: 3%;
	padding-right: 3%;
	width: 94%;
}

#d-frame{
	margin-left: 3%;
	margin-right: 3%;
	width: 83%;
	padding: 30px 5%;
}

#d-detail{
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
}

#d-frame th,
#d-frame td{
	display: block;
}

#d-frame th{
	margin: 0 auto;
}

#d-frame td,
#d-wht .block .d-txt,
p#d-attn{
	text-align: center;
}

#d-wht .left{
	float: none;
}

#d-wht .block .d-num{
	margin: 0 auto;
}

#d-frame td{
	font-size: 20px;
	line-height: 1.4em;
	padding-left: 0px;
	padding-top: 5px;
}

#ylw-clum #up-ttls{
	width: 100%;
}

#d-wht{
	margin-left: 3%;
	margin-right: 3%;
	width: 80%;
	padding: 7%;
}

#d-wht .block .d-num{
	float: none;
}

#d-wht .block .d-num,
#d-wht .block .d-txt{
	float: none;
}

#d-wht .block .d-txt{
	padding-left: 0px;
	font-size: 20px;
	line-height: 1.4em;
	padding-left: 0px;
	padding-top: 5px;
}

#sa-clum .sa-txt{
	width: 100%;
	padding-top: 0px;
}

#sa-clum{
	margin-left: 3%;
	margin-right: 3%;
	width: 94%;
	padding: 50px 0px 0px;
}

#sa-clum .sa-txt p#tt1{
	font-size: 20px;
}

#sa-clum .sa-txt,
#sa-clum .right{
	float: none;
}

#sa-clum .sa-txt{
	padding-bottom: 10px;
}

#sa-clum .right img{
}

#sa-clum .block .left{
	float: left;
}

#sa-clum .block .right{
	float: right;
}

#sa-clum .block .left,
#sa-clum .block .right{
	width: 49%;
}

#per-ribbon{
	width: 90%;
	padding: 0px 5%;
	font-size: 12px;
}

#works-table{
	width: 100%;
}

#works-table td.txt,
#header h1,
#header ul,
#header-contact,
#header,
.pc-img,
#how-ribbon{
	display: none;
}

.smp-img,
.smp-list,
#how-ribbon-smp{
	display: block;
}

#how-ribbon-smp{
	margin-left: 3%;
	margin-right: 3%;
}

.smp-list img{
	margin-bottom: 10px;
}

.smp-list{
	margin-left: 3%;
	margin-right: 3%;
	padding: 45px 0px 70px;
}

#works-table td.ttl{
	width: 72%;
	padding-right: 3%;
}

#works-table th{
	width: auto !important;
}

#works-table td.ttl span{
	display: block;
	font-size: 12px;
	font-weight: 100;
	padding-top: 3px;
}

#smp-header{
	display: inherit !important;
	padding: 12px 0px 12px 3%;
	position: fixed;
	background-color: #fff;
	width: 97%;
	z-index: 9999;
	top: 0px;
}

#smp-header h1{
	float: left;
	width: 270px;
}

ul.products-list{
	display: none;
}

.rental-int dt{
	padding: 5%;
}

.rental-int dt .left{
	float: none;
}

.rental-int .r-txt{
	width: 100%;
	padding: 5% 0px;
}

.rental-int .r-detail{
	float: none;
	text-align: right;
}

.rental-int dd{
	padding: 5%;
}

.rental-int dd ul.pics li{
	float: none;
	width: 100%;
	padding-bottom: 25px;
}

#bn-catchy{
	margin-bottom: 10px;
}

ul#nav1{
	display: none;
}
a#nav2 {
	display: block;
	list-style: none;
	position: fixed;
	top: 50%;
	right: 0px;
	margin: 0;
	z-index: 9999;
}

#kc-catchy img{
	position: inherit !important;
}

#charm_under{
	margin-left: 3%;
	margin-right: 3%;
}

ul.ev-list li{
	float: none !important;
	width: 100% !important;
	margin: 0px 0px 45px 0px !important;
}

ul.ev-list li img{
	width: 100% !important;
	height: auto !important;
}

#feas-0,
#contact-box{
	padding-left: 3% !important;
	padding-right: 3% !important;
	width: 94% !important;
}

#contact-box th,
#contact-box td{
	display: block;
	text-align: left !important;
}

#contact-box th{
	border: none !important;
	padding-bottom: 0px !important;
}

#contact-box td{
	padding-left: 0px !important;
	font-size: 12px !important;
	line-height: 1.4em;
}

#contact-box td .area-input,
#contact-box td .textarea-input{
	width: 94% !important;
}

p#un-txt{
	font-size: 16px;
}

#un-logo{
	width: 60%;
	margin: -140px auto 0px;
}

#un-detail{
	padding-bottom: 30px;
}

#un-frame{
	margin: 0px 3%;
	width: 94%;
	height: auto;
}

#un-frame p{
	padding: 5%;
	font-size: 14px;
}

p#un-num{
	font-size: 20px;
	line-height: 1.4em;
	padding-top: 50px;
	padding-bottom: 30px;
}

p#un-num span.u-txt1,
p#un-num span.u-txt2,
p#un-num span.u-txt4{
	font-size: 18px;
}

p#un-num span.u-txt3{
	font-size: 14px;
}

p#un-history{
	width: 94%;
	padding: 50px 3% 0px;
	text-align: left;
	font-size: 14px;
}

#un-list li{
	margin-bottom: 10px;
}

#un-bg3 p{
	width: 94%;
	padding: 0px 3%;
	text-align: left;
	font-size: 14px;
}

#un-bg3 div.u-txt{
	font-size: 20px;
}

#un-bg3 div.u-txt br{
	display: none;
}

.drawr{
	display: block;
}

.button{
	background:url(/kumiai/image/smp/menu.jpg) no-repeat 0 0;
	display: block;
	background-size: 65px 65px;
	width: 65px;
	height: 65px;
	position: fixed;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 9999;
}

.peke{
	background-image:url(/kumiai/image/smp/drawer_close.jpg);
}

.lh-css{
	line-height: 1.2em !important;
	padding-top: 12px;
}

.drawr{
	display: none;
	background-color: rgba(255,255,255,0.9);
	position: fixed;
	top: 0px;
	right: 0;
	width: 100%;
	height: auto !important;
	margin-top: 65px;
	padding-bottom: 10px;
	z-index: 100;
	line-height: 1.4em;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

.drawr ul{
	margin: 1% 2%;
	overflow: hidden;
	padding-bottom: 1%;
	font-size: 14px;
}

.Menu1 li,
.Menu3 li,
.Menu5 li{
	width: 49.5%;
	background-color: #fff;
	height: 50px;
	line-height: 50px;
	text-align: center;
	float: left;
	font-size: 11px;
	font-weight: bold;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Menu2 li,
.Menu4 li{
	width: 32.6%;
	background-color: #fff;
	height: 50px;
	line-height: 50px;
	text-align: center;
	float: left;
	font-size: 11px;
	font-weight: bold;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

.Menu1 li a,
.Menu2 li a,
.Menu3 li a,
.Menu4 li a,
.Menu5 li a{
	display: block;
	text-decoration: none;
}
.Menu6{
    text-align: center;
    margin-top: 10px;
}
.Menu6 li a{
	text-decoration: none;
	font-weight: bold;
	color:#da4428;
	font-size: 12px;
}


p#dr-menu{
	font-size: 28px;
	text-align: center;
	font-family: 'Montserrat', sans-serif;
	font-weight: bold;
	line-height: 28px;
	padding: 15px 0px 10px;
}

.drawr li{
	border-radius: 5px;
}

.drawr li#dr01-01{
	background-color: #f69c33;
	float: left;
}

.drawr li#dr01-02{
	background-color: #76bcb1;
	float: right;
}

.drawr li#dr01-01 a,
.drawr li#dr01-02 a,
#dr05-01 a,
#dr05-02 a{
	color:#fff;
}

.drawr ul.Menu2 li{
	border: 1px solid #da4428;
	margin-bottom: 3px;
}

#menus2{
	margin: 0px 2% 1%;
}

.Menu2{
	margin-bottom: 0px !important;
	padding-bottom: 0px !important;
}

.drawr li#dr02-01 a,
.drawr li#dr02-02 a,
.drawr li#dr02-03 a,
.drawr li#dr02-04 a,
.drawr li#dr02-05 a,
.drawr li#dr02-06 a,
#dr03-01 a,
#dr03-02 a{
	color:#da4428;
}

.drawr li#dr02-02,
.drawr li#dr02-05{
	margin: 0px 1%;
}

.drawr li#dr02-03,
.drawr li#dr02-06{
	float: right;
}

#dr03-01,
#dr03-02{
	border: 1px solid #da4428;
	background-color: #fadfdb;
}

#dr03-01{
	float: left;
}
#dr03-02{
	float: right;
}

#dr04-01{
	border: 1px solid #da4428;
	height: 40px;
	line-height: 40px;
}

#dr04-01 a{
	color:#da4428;
}

#dr04-02{
	border: 1px solid #e59305;
	float: left;
	margin: 0px 1%;
	height: 40px;
	line-height: 40px;
}

#dr04-02 a{
	color:#e59305;
}

#dr04-03{
	border: 1px solid #3297e1;
	float: right;
	height: 40px;
	line-height: 40px;
}

#dr04-03{
	color:#3297e1;
}

#dr05-01{
	float: left;
	background-color: #da4428;
	border-radius: 0px;
}

#dr05-02{
	float: right;
	background-color: #da4428;
	border-radius: 0px;
}

.orange-line{
	width: 100%;
}

#greeting-clum .right div{
	text-align: center;
}

.d-img{
	display: none;
}

#background{
	background-image: url(/kumiai/image/common/bg2.png);
	height: 105px;
	background-position: center bottom;
	background-size: contain;
	background-repeat: no-repeat;
}

.add-lh{
	line-height: 1.4em;
	margin-top: -75px !important;
}

.rental-int dd ul.btns li{
	margin-top: 5px;
}

#bn-catchy div{
	margin-bottom: 10px;
}

#bn-catchy div img{
	width: 80%;
}

.flow .f-txt{
	padding-left: 7%;
	padding-right: 7%;
	width: 86%;
}

.smp-ftr{
	padding-bottom: 15px !important;
}

#feas-result-0,
#serch-clum #feas-0{
	text-align: center;
}

#feas-submit-button-0{
	margin-top: 6px;
}

#feas-form-0{
	overflow: hidden;
	width: 340px;
	margin: 0 auto;
}

#kc-icon-smp{
	display: inherit;
	width: 20%;
	margin: 0 auto;
}

#kc-icon-pc{
	display: none;
}

.news-ttl{
	font-size: 20px;
	line-height: 1.4em;
}

.news-c-day{
	line-height: 1.4em;
}

.news-txt .c-left{
	width: 30%;
}

.news-txt .c-right{
	width: 65%;
	font-size: 14px;
}

.blog-list .list-btn, .blog-list .list-btns{
	margin-left: 0px;
}

.blog-list{
	height: 70px;
}

.blog-list .left{
	position: absolute;
	left: 5px;
	top: 0px;
}

.blog-list .right{
	position: absolute;
	right: 5px;
	top: 0px;
}

.blog-list .list-btns{
	width: 115px;
	top: 30px;
	right: 0;
	left: 0;
	margin: auto;
	position: absolute;
}

#mainimg{
	display: none !important;
}

#smp-mainimg{
	display: block !important;
	margin-top: 65px;
}

#news-clum{
	margin-left: 3%;
	margin-right: 3%;
	width: 84%;
	padding: 5% 5% 3% 5%;
}

#wp-clum,
#under-content{
	padding-left: 3%;
	padding-right: 3%;
	width: 94%;
}

#wp-clum #crepe,
#wp-clum #donut{
	float: none;
	width: 100%;
}

#bln-bg{
	width: 100%;
	background-image: none;
}

#news-icon{
	padding-left: 60px;
	margin-right: 0px;
	text-align: left;
	background-position: left 10px center;
}

p.in-ttl-2{
	padding-left: 80px;
	margin-right: 0px;
	text-align: left;
	background-position: left 10px center;
}

#news-icon,
p.in-ttl-1,
p.in-ttl-2,
#bln-bg p{
	font-size: 18px;
}

#news-icon span,
p.in-ttl-1 span,
p.in-ttl-2 span,
#bln-bg p span{
	font-size: 14px;
}

.t-event li{
	margin: 0px auto 15px;
	float: none;
}

.top-responsive .slick-prev,
.top-responsive .slick-next{
	width: 40px;
	height: 40px;
	border-radius: 20px;
	background-size: 100% 100%;
}

.top-slider{
	padding: 0px 20px;
}

.slider{
	margin: 0px 3%;
}

.kc-t-img img{
	width: 100%;
}

#balloon{
	min-height: auto;
	padding-bottom: 50px;
}

#under-content ul li{
	width: 46%;
	margin-left: 1%;
	margin-right: 1%;
	margin-bottom: 2%;
}

#under-content ul li p.t-ttl{
	font-size: 16px;
}

#under-content ul li p.t-txt{
	font-size: 12px;
}

#top-banner{
	display: none;
}

#smptop-banner{
	display: block;
}

#smptop-banner{
	overflow: hidden;
}

#smptop-banner .left,
#smptop-banner .right{
	width: 50%;
}

.sidebar{
	padding-top: 55px;
}

.un-bg2-wrapper,
.un-bg3-wrapper{
	padding-left: 3%;
	padding-right: 3%;
	width: 94%
}

#un-bg2-clum{
	padding-top: 35px;
}

#un-bg2-clum{
	padding-left: 3%;
	padding-right: 3%;
	width: 94%;
}

#un-bg2 .right,
#client-clum .left{
	display: none;
}

#un-bg2-clum p#u-txt1{
	text-align: center;
	padding-top: 50px;
	font-size: 30px;
	line-height: 30px;
}

#client-txt  p#u-txt1{
	text-align: center;
	padding-top: 50px;
	font-size: 30px;
	line-height: 30px;
}

.un-smp-img{
	display: block;
	text-align: center;
}

#un-bg2-clum p#u-txt2, #client-txt  p#u-txt2{
	text-align: center;
	font-size: 18px;
}

#client-txt{
	float: none;
	width: 100%;
}

#un-bg2-clum div.btns{
	float: none;
	width: 200px;
	margin: 0 auto 250px;
	text-align: center;
}

#client-txt  div.btns{
	float: none;
	width: 230px;
	margin: 0 auto ;
	text-align: center;
}

#client-clum{
	margin-top: -300px;
}

.u-wrapper1 .center{
	width: 100%;
	padding-bottom: 8%;
}

.u-wrapper1 .left, .u-wrapper1 .right,
.u-wrapper2 .left, .u-wrapper2 .right,
.u-wrapper3 .left, .u-wrapper3 .right,
p#un-txt br{
	display: none;
}

.u-wrapper2 .center,
.u-wrapper3 .center{
	width: 100%;
}

.u-wrapper2 p.u-txts1{
	padding: 7% 5%;
}

.u-wrapper1 p.u-txts1{
	font-size: 24px;
	line-height: 24px;
	margin-top: 5%;
	padding-top: 5%;
}

.u-wrapper1 p.u-txts2, .u-wrapper3 p.u-txts1{
	font-size: 18px;
	padding-left: 3%;
	padding-right: 3%;
}

.u-wrapper2 p.u-txts1, .u-wrapper3 p.u-txts1{
	font-size: 17px;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.u-wrapper2 p.u-txts1{
	
}

.u-wrapper3 .center{
	padding-bottom: 10%;
}

.u-wrapper2 p.u-txts1,
.u-wrapper3 p.u-txts1{
	text-align: center;
}

.u-wrapper1 p.u-txts3,
.u-wrapper2 p.u-txts2{
	font-size: 14px;
}

.u-wrapper2 p.u-txts2{
	padding-top: 0px;
}

.u-wrapper3 .u-txts3 li,
.u-wrapper2 .u-txts3 li{
	float: none;
	width: 250px;
	margin: 5px auto 0px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
}

.u-wrapper3 .u-txts3, .u-wrapper2 .u-txts3{
	margin-left: 0px;
}

.u-wrapper2 .center{
	padding-bottom: 7%;
}

.add-union img{
	width: 100%;
}

.add-union{
	display: block !important;
}

.add-img3-spc{
	padding-bottom: 7%;
}

.thumbnails img{
	margin: 0px 1% 1%;
	width: 30%;
}

.mainImage img{
	height: 200px;
}

#po-exclum{
	padding-left: 3%;
	padding-right: 3%;
	width: 94%;
}

.po-exone{
	margin-bottom: 20px;
}

.po-exone .left-pic,
.po-exone .right-txt,
.r-left-icon,
.po-exone .right-txt .r-right-txt{
	float: none;
	margin: 0 auto;
	width: 100%;
}

.po-exone .left-pic img{
	width: 100%;
}

.r-left-icon{
	width: 70px;
}

.po-exone .right-txt .r-right-txt p.txt1{
	background-image: none;
	text-align: center;
	padding-top: 10px;
}

p#po-extxt{
	font-size: 20px;
	line-height: 1.6em;
	padding-left: 3%;
	padding-right: 3%;
}

.po-exone .right-txt .r-right-txt p.txt1{
	padding-left: 0px;
	line-height: 1.4em;
}

#un-bg3 .u-img img,
#un-img img,
p#un-txt{
	padding-left: 3%;
	padding-right: 3%;
	width: 94%;
}

#un-logo{
	margin-top: -110px;
}

.page-numbers, .wp-pagenavi .current, .wp-pagenavi .page, .previouspostslink, .nextpostslink, #pagenavi a.last, #pagenavi a.first{
	float: left;
	padding: 5px 10px !important;
	font-size: 14px !important;
	margin-bottom: 5px;
}

.extend,
#pagenavi a.last{
	display: none;
}

.kc-t-img{
	padding-top: 68%;
}

.t-column li .c-ttl{
	padding-right: 30px;
	padding-left: 0px;
}

.t-event li,
#list-display li.cont .ent-txt1{
	height: auto;
}

#list-display li.cont .kc-txt2{
	padding-bottom: 5px;
}

#news-clum{
	height: auto;
}
    
    #news-clum .news_txt02{
        text-align: left;
        font-size: 14px;
    }

.column_btn_01{
	text-align: center;
	padding:0 3%;
}
.column_btn_01 img{
	width:100%;
	height: auto;
}
#column_btn_01_01{
	margin: 45px 0 -100px 0;
}
#column_btn_01_02{
	margin-bottom: 30px;
}
#column_btn_01_03{
	margin-top: 12px;
}

/*----------------------------------------------------------------

セミナーページ

----------------------------------------------------------------*/
#seminar-bg{
	width:90%;
	margin:auto;
}
#seminar-bg img{
	width:100%;
	margin-bottom:20px;
}
.bn-cont.seminar .left,
.bn-cont.seminar .right{
	background-color: #D5705E;
	border: 1px solid #D5705E;
	padding: 3%;
}
.seminar-info{
	background:#FCF5DF;
	padding: 30px 10px 70px 10px;
}

.seminar-info-inner{
	max-width:100%;
	margin:auto;
	background:#fff;
	box-sizing: border-box;
	padding: 10px 10px;
}
.seminar-info-inner ul{
	padding:10px 0;
	border-bottom:1px dotted #ED6D00;
}
.seminar-info p.in-ttl-3{
	text-align: center;
}
p.in-ttl-3{
	background-image: url(../image/seminar/note.png);
	background-repeat: no-repeat;
	background-position: top center;
	margin:auto;
	background-size: auto 40px;
	font-size: 18px;
	font-weight: bold;
	font-family: 'Montserrat', sans-serif;
	padding: 50px 10px 10px 10px;
	margin-bottom: 10px;
}
p.in-ttl-3 span{
	color:#D84426;
	font-size: 16px;
	font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}
.seminar-info-inner ul li{
	display: inline-block;
}
.seminar-info-inner ul li.time{
	margin-right:10px;
}
.seminar-info-inner ul li.cat{
	padding:10px 0;
	font-size: 13px;
	border-radius: 5px;
	text-align: left;
	margin-right:10px;
    display: block;
}
.seminar-info-inner ul li.cat a{
	color:#F39D00;
	margin-right:10px;
}
.seminar-info-inner ul li.cat a:hover{
    color: #ebbd33;
}
.seminar-info-inner ul li a{
	text-decoration: none;
	color:#4b4646;
    line-height: 1.5em;
}

.seminar-schedule-inner{
	max-width:100%;
	margin:auto;
	padding:90px 10px;
}
.seminar-schedule-inner-left{
	width:100%;
}
.seminar-schedule-inner-left img{
	width:100%;
	height:auto;
}
.seminar-schedule-inner-right{
	width:100%;
	text-align: center;
	padding-top:50px;
}
.seminar-schedule-inner-right p.seminar-title{
	font-size:20px;
	font-weight: bold;
	color:#F29D00;
	margin-bottom:20px;
}
.seminar-schedule-inner-right p.seminar-text{
	margin-bottom:35px;
}
.seminar-basic{
	background: url(../image/seminar/seminar-bg.jpg) no-repeat;
	background-size: cover;
	padding:50px 10px 50px 10px;
}
.seminar-basic-inner{
	max-width:100%;
	margin:auto;
	background:#fff;
	text-align: center;
	padding: 0 10px;
}
.seminar-basic-inner .seminar-basic-title{
	padding:40px 0 30px 0;
}
.seminar-basic-banner{
	max-width:100%;
	margin:auto;
	padding-bottom: 40px;
}
.seminar-basic-banner ul li{
	width:100%;
	margin-bottom:10px;
}
.seminar-basic-banner ul li img{
	width:100%;
	height:auto;
}
.seminar-example{
    background-image: url(/kumiai/image/production-sale/ps-bg.jpg);
    background-position: left top;
    padding-bottom:70px;
}
.seminar-example-title{
	padding:60px 0 40px 0;
}
.seminar-example-title .icons{
	margin-top:0;
}
.seminar-example-banner{
	max-width:100%;
	margin:auto;
	padding: 0 10px;
}
.seminar-example-banner ul li{
	display: inline-block;
	width:100%;
	text-align: center;
	line-height: 3;
}
.seminar-example-banner ul li img{
	width:100%;
	height:auto;
}
.seminar-example-banner ul li a{
	text-decoration: none;
	color:#4b4646;
}
.seminar-description{
	width:95%;
	margin:auto;
	border:1px solid #D35500;
	padding: 15px 15px;
	box-sizing: border-box;
	margin-bottom:50px;
}
.seminar-description h4{
	text-align: left;
	margin-bottom:20px;
}
.seminar-description p{
	text-align: left;
	margin-bottom:10px;
	line-height: 1.5;
}
.seminar-description p.icon2{
	background:url(../image/seminar/icon-2.jpg) no-repeat left top;
	background-size:20px;
	padding-left:40px;
}
.seminar-description p.icon3{
	background:url(../image/seminar/icon-3.jpg) no-repeat left top;
	background-size:20px;
	padding-left:40px;
}
.seminar-description p.icon4{
	background:url(../image/seminar/icon-4.jpg) no-repeat left top;
	background-size:20px;
	padding-left:40px;
}
.seminar-description p.icon5{
	background:url(../image/seminar/icon-5.jpg) no-repeat left top;
	background-size:20px;
	padding-left:40px;
}
.seminar-form-inner #contact-box table tr td input#year{
	margin-bottom:10px;

}
.seminar-form{
	padding-bottom:50px;
}


.seminar-top-anchor{
	margin-bottom:50px;
	padding: 0 10px;
}
.seminar-top-anchor ul{
	text-align: center;
}
.seminar-top-anchor ul li{
	display: block;
}
.seminar-top-anchor ul li a{
	box-sizing: border-box;
	display: block;
    width: 100%;
    margin: 0px 0px 5px;
	padding: 20px 0;
	text-decoration: none;
	border-radius: 5px;
}
.seminar-top-anchor ul li.seminar-top-anchor-1 a{
	background:#F39D00;
	color:#fff;
	border:2px solid #F39D00;
}
.seminar-top-anchor ul li.seminar-top-anchor-2 a{
	background:#DA4428;
	color:#fff;
	border:2px solid #DA4428;
}
.seminar-top-anchor ul li.seminar-top-anchor-1 a:hover{
	background:#fff;
	border:2px solid #F39D00;
	color:#F39D00;
}
.seminar-top-anchor ul li.seminar-top-anchor-2 a:hover{
	background:#fff;
	border:2px solid #DA4428;
	color:#DA4428;
}



.seminar-sub-title{
	width:100%;
	margin: 10px auto 0 auto;
}
.seminar-sub-title p{
	text-align: center;
	background:none;
	font-size:18px;
	font-weight: bold;
	color:#D94427;
	line-height: 1.4;
	padding: 0 70px;
	background:
	url(../image/seminar/icon-7.jpg) no-repeat left center,
	url(../image/seminar/icon-8.jpg) no-repeat right center;
	background-size:40px;




}
.seminar-info p.info-archive-s-column{
	max-width: 100%;
	text-align: center;
	margin-top:10px;
	margin-bottom:30px;
}


/*20200915　レンタル料金　更新時　追加分*/
.price_box, .center_icon {
    float: none;
}
.price_box {
    width: 90%;
    padding: 40px;
}
.center_icon {
    width: 100%;
    padding: 30px 0;
}


/*----------------------------------------------------------------

キッチンカーグランプリ　シングル

----------------------------------------------------------------*/
.grandprix_schedule_s_01 .right {
    padding: 5px 5px;
    margin-right: 55px;
}
#grandprix h1.blog-ttl {
    font-size: 20px;
    margin-right: 50px;
}
/*----------------------------------------------------------------

とは下相互バナー

----------------------------------------------------------------*/
.sougobanner{
	padding: 10px;
	margin-top: 40px;

}
/*----------------------------------------------------------------

220901 レンタル料金

----------------------------------------------------------------*/
.sp_br{
display: block;
}
.rental_price_table table td {
    font-size: 15px;
}
.rental_price_table table td span {
    font-size: 13px;
}
.rental_price p.text_right {
    text-align: center;
    font-size: 14px;
}

/*----------------------------------------------------------------

2023_05_18追加

----------------------------------------------------------------*/
.contact-btn02 {
	margin-left: 3%;
	margin-right: 3%;
}

.contact-btn02 .btn-contents {
	width: 100%;
}

.contact-btn02 .btn-contents .btn-box {
	width: 90%;
	margin: 0 auto;
	padding: 0 20px;

}

.contact-btn02 .btn-box a  {
	justify-content: flex-start;
	padding-left: 5%;
}

.contact-btn02 .btn-box span {
	padding-right: 0;
}

/* 追加 */
.rental_price .rental_price_title span {
	margin-top: 25px;
}



/*----------------------------------------------------------------

クックギアLPバナーエリア

----------------------------------------------------------------*/

.cookgear_lp_area{
	display: flex;
	justify-content: center;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.cookgear_lp_area02{
	margin-bottom: 30px;
}

.cookgear_lp_area .pc{
	display: none;

}


.cookgear_lp_area .sp{
	display: block;

}



/*----------------------------------------------------------------

20250708 加盟申込フォーム高さ調整

----------------------------------------------------------------*/
.bk_orange {
	padding-bottom: 69px;
}
.bk_orange .bk_white {
	width: 94%;
}
.iconz.hatchBtn.form-anchor {
	margin-top: -190px !important;
}
#ft-btn.application li#txt2 a {
	padding: 23px 46px;
    font-size: 4.8vw;
}
.contacttxt-spc {
	padding-top: 77px;
}
.sp {
	display: block;
}



@media not screen and (1) { .page-top { position: static; } }/* Opera10以上 */