* {margin: 0;padding: 0;font-family: "Noto Sans JP",sans-serif;}
body{width:100%;}
nav{width:100%;}
header{position:sticky;background:#fff;padding:12px 0;top:0;border-bottom:1px solid #ccc;z-index:10;}
.pc_only{display:none;}
.mobile_only{display:block;}

.logo{width:50%;vertical-align:top;}
#right {float: right;width:35%;margin-left:auto;}
#right img{width:100%;display:inline-block;}
#main_image{width:100%;padding-top:5px;}
#tel_bunner{display:none;}
#nav_main a{display:block;}
h1{font-size:5vw;padding-top:30px;}
h1 .line{background:linear-gradient(transparent 60%, #f5f522 60%);}
#gnav-btn {
    color: gray;
    padding: 3%;
    font-size: 6vw;
    position: fixed;
    top: 10px;
    right: 10px;
    z-index: 100;
    background-color: white;
    border: solid 1px #d1caca;
    border-radius: 3px;
  }
  #gnav-input:checked ~ #gnav-content {
    top: 0;
  }
  #gnav-content {
    position: fixed;
    top: -100%;
    left: 0;
    z-index: 10;
    transition: 0.3s;
    width: 100%;
	background: #1463ff;
  }
  
    #gnav-content p{margin-left:1em;}
  .humb-menu__title {
    padding: 1.5rem;
	background: #0050b0;
		border-bottom: 0.5px solid #c7c5c5;
	color:#fff;

  }
  .humb-menu label {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem;
    cursor: pointer;
    color:#fff;
	  background: #0050b0;
		border-bottom: 0.5px solid #c7c5c5;
  }
  
  .humb-menu input {
    display: none;
  }
  .humb-menu .accshow {
    height: 0;
    overflow: hidden;
  }
  .humb-menu .accshow p {
    padding: 1.5rem;
  }
  .humb-menu .cssacc:checked + .accshow {
    height: auto;
  }
  
  #gnav-content a{color:#fff;text-decoration:none;}

/*検索バー*/
.nav_search{margin: 1% 0% 0% 1%;} 
.nav_search input[type="submit"]{color: #ffffff;background-color: #006699;border: solid 2px #006699;cursor: pointer; padding: 1%;font-size: 3vw;}
.nav_search input:hover[type="submit"]{background-color: #6699cc;border: solid 2px #006699;}
.nav_search input[type="text"]{border: solid 2px #006699;padding: 1% 2%;    width: 50%; font-size: 3vw;}


h1 .line{background:linear-gradient(transparent 60%, #f5f522 60%);}
.small{font-size:3.5vw;margin-top:10px;padding-top:30px;}
aside{display:none;}

#copy{margin:50px 0;}
main h2{font-size:3.8vw;text-align:center;margin:20px 0;}
main h3{font-size:3.8vw;text-align:center;margin:20px 0;}

main ul li{display:inline-block;width:45%;height:10%;list-style:none;text-align:center;background: rgba(255,255,255,0.5);}
main ul li .title{font-size:14px;color:#fff;background: rgba(84,84,84,0.9);padding:5px;margin:0 auto;margin-top:35%;width:80%;}
main ul li .about{font-size:10px;text-align:left;margin:0 auto;text-indent:1em;display:block;vertical-align:bottom;margin-top:50px;background: rgba(84,84,84,0.9);color:#fff;padding:10px;}

.jisseki_cat{text-align:center;}
.jisseki_cat li img{width:100%;}
.mainitem_cat{text-align:center;}
.mainitem_cat li img{width:100%;}

.jisseki_cap4 {font-size: 1.4rem;margin: 10px 5px 20px;padding: 8px;background: #375da9;color: #fff;}
.jisseki_text {margin: 10px 5px 20px;}

main #list03 li{width:100%;display:flex;margin-bottom:30px;}
main #list03 li:nth-child(even){flex-direction: row-reverse;}
main #list03 li .survice_left,main #list03 li .survice_right{width:48%;padding:2%;}
main #list03 li .survice_left img{width:100%;}

.survice_right h4{margin-top:0.5em;font-size:3.2vw;}
.survice_right p{font-size:14px;text-align:left;text-indent:1em;margin-top:1em;line-height:1.8em;font-size:3vw;}

#syosai{font-size:3vw;width:95%;margin:0 auto;}

#online{width:95%;margin:0 auto;}
#online .box{display:block;margin-bottom:75px;}
#online .box .left h4{text-align:center;margin:20px 0;font-size:3.4vw;}
#online .box .left p{margin:20px 0;font-size:3vw;}
#online .box .right img{width:100%;}

#online .left span,#online .right span{background:#ff2929;padding:7px;color:#fff;}

.box .left i,.box .right i{font-size:6vw;margin:0 auto;display:block;text-align:center;padding:20px 0;}

#toiawase .box{margin-top:20px;color:#fff;}
#toiawase .box .left{background:#0050b0;}
#toiawase .box .right{background:#00b003;}
#toiawase .box .left p,#toiawase .box .right p{text-align:center;border:2px solid #fff;width:150px;margin:0 auto;text-indent:0;border-radius:5px;margin-bottom:10px;padding:5px;}
#toiawase .box .left adress,#toiawase .box .right adress{font-size:4vw;text-align:center;margin:0 auto;display:block;}
#toiawase #form{text-align:center;background:#ff531f;color:#fff;width:70%;margin:0 auto;font-size:4vw;padding:15px;text-decoration:none;margin:0 auto;display: block;margin-top:20px;}
#toiawase #form i{font-size:1.6em;padding-right:15px;vertical-align:middle;}
#toiawase #form:hover{outline: solid 1px #ff531f;outline-offset: -1px;background:#fff;color:#ff531f;}
#toiawase .box .left span,#toiawase .box .right span{padding-bottom:20px;margin:0 auto;display:block;text-align:center;font-size:3vw;}

footer{background:#003399;color:#fff;padding:20px 0;}
footer section{margin:0 auto;}
footer p{text-align:center;}
.footer_content{width:49%;display:inline-block;vertical-align:top;}
.footer_content h3{font-size:3vw;padding: 10px 0 10px 30px;}
.footer_content ul{list-style:none;font-size:2.5vw;padding:0 0 10px 40px;}
.footer_content ul li{list-style:none;font-size:2.5vw;padding-bottom:5px;}
footer section .footer_content ul li a{color:#fff;text-decoration:none;}
footer section .footer_content ul li a:hover{color:#ffe819;text-decoration:none;}



/* 会社概要ページstart =============================================*/
.e21_rinen{margin:30px 0 5px 0;font-size:4vw;}
.grinen_head strong{font-family: Century Gothic!important;font-weight: normal;color: #0168b7;}
.grinen_head{font-family: Century Gothic!important;font-size:5vw;margin-bottom:40px;}

table{margin:0 auto;color: #2f3a40;width:95%;font-size:3.5vw;}
table th{background: rgba(125, 186, 251, 0.2);text-align:left;padding:10px 0 10px 25px;font-weight:normal;}
table td{padding:10px 0 10px 40px;padding:10px 0 10px 25px;}
table td ul{display:block;}
table td ul li{display:block;height:auto;text-align:left;width:100%!important;line-height:1.8em;}
table td .grinen{font-family: Century-Gothic;}
table td .grinen strong{font-weight: normal;color: #0168b7;font-family: Century-Gothic;}
table td dl{padding-top:20px;} 
table td dl dd{padding:0 0 20px 0.5em;}
table td dl dd span{padding-right:1em;}
table td div{padding:5px 0;}
table td div .name{line-height:1.8em;}

.tp_e21_logo{width:80%;margin:40px 0 20px 0;}
.tp_logo{width:100%;margin:30px 0 30px 0;}

#greeting_about{width:98%;margin:50px auto 50px auto;}
#greeting_about img{width:75%;margin-left:5%;}
#greeting_about div{position: relative;top: calc(-400 / 1200 * 100vw);left: calc(-5 / 1200 * 100vw);background:rgba(0, 36, 107,0.8);width:90%;padding:3%;color:#fff;box-shadow: 5px 5px 10px 0 rgb(59, 59, 59);margin:0;}
#greeting_about div h2{text-align:left;font-size:2vw;border-bottom:1px solid #fff;display:inline-block;padding:0 0 0.2em 0;}
#greeting_about div p{word-wrap: break-word;font-size:1.4vw;text-indent:1em;line-height:1.8em;margin-top:2%;}
#greeting_about div.mobile_only{width:35%;position: relative;top: calc(-695 / 1200 * 100vw);left: calc(600 / 1200 * 100vw);}
#greeting_about .mobile_only p {font-size:3.8vw;text-indent:0;}
#greeting_about h2.mobile_only{font-size:4vw;margin-top:-10%;}
#greeting_about p.mobile_only{text-indent:1em;width:90%;margin:0 auto;font-size:3.2vw;line-height:1.8em;margin-bottom:1em;}
#greeting_midashi{text-align:left!important;background: #003399;padding:10px 0 10px 20px;color:#fff;width:90%;margin:20px auto;margin-bottom:50px;}

/* 会社概要＞社員インタビュー/会社の雰囲気 */
.interview-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
  margin:20px;
}

.interview-item {
  width: 100%;
}

.interview-item img {
  width: 100%;
  height: auto;
  display: block;
}

.interview-text {font-size:3.2vw;margin:10px;}

#reagion h2{font-size:4vw;text-align:left!important;background: #003399;padding:10px 0 10px 20px;color:#fff;width: 90%;margin: 20px auto;}

#company_about tr td dl dd{margin-bottom:20px;}
#company_about tr td dl dd ul li{width:100%;padding-top:5px;font-size:0.9em;}
#company_about tr td dl dt{font-weight:bold;font-size:1.1em;}
#company_about th,#company_about td{display:block;}
.hover{margin-bottom:50px;box-shadow: 0 0 8px gray;width:95%;text-align:center;}
.hover:hover{opacity:0.7;}
#company_about .access{color:#fff;text-decoration:none;background:#00872b;padding:5px 10px;font-size:2.8vw;margin-left:15px;}
#company_about .access i{padding-left:5px;font-size:1.1em;}
#company_about .access:hover{color:#00872b;background: #fff;outline: solid 2px #00872b;outline-offset: -1px;}

#torihiki,#shiire{text-align: center;display: block;}
#company_about,#torihiki,#shiire{margin-bottom:70px;}
#torihiki ul,#shiire ul{display: flex;flex-wrap:wrap;justify-content:center;}
#torihiki h2,#shiire h2,#business h2,#company_info h2,#other_about h2,#other_about2 h2{font-size:4vw;text-align:left!important;background: #003399;padding:10px 0 10px 20px;color:#fff;width:90%;margin:20px auto;}
#torihiki ul li,#shiire ul li{width:48%;height:40px;text-align:left;font-size:2.6vw;text-indent:2em;}

#genba_photo{width:95%;margin:25px auto;text-align: center;}
#genba_photo li{flex-grow:1;height:auto!important;text-indent:0!important;width:80%!important;}
#genba_photo li{padding:1%;}
#genba_photo li img{width:100%;}

/* 会社概要＞黄色下線 */
.co_marker{background: linear-gradient(transparent 70%, #ffeb73 0%);display: inline;padding: 0px;}

/* 会社概要＞事業内容 */
#business p{margin-bottom:30px;line-height:1.8em;margin:0 auto;}
.business_more{color:#fff;background: #ff6161;text-decoration:none;padding:15px 25px;margin-bottom:20px;display:inline-block;font-size:3.5vw;}
.business_more i{padding-left:15px;font-size:1.2em;}
.business_more:hover{color:#ff6161;background: #fff;outline: solid 2px #ff6161;outline-offset: -3px;}

.business_def{font-weight: bold;text-align: center;margin: 40px auto 60px!important;font-size:3.6vw;}
.business_box{position:relative;border-radius:4px;padding:4%;width: 80%;margin: 40px auto;}
.business_box h5{position:absolute;top: -12px;left: 10px;padding: 1% 10%;border-radius:4px;font-size:3.6vw;}
.business_box p{padding: 4% 4% 0;font-size:3vw;}
#biz_event{border:1px solid #429b00;}
#biz_event h5{background-color:#429b00;color:#fff;}
#biz_gohuku{border:1px solid #ec452f;}
#biz_gohuku h5{background-color:#ec452f;color:#fff;}
#biz_web{border:1px solid #f5910e;}
#biz_web h5{background-color:#f5910e;color:#fff;}
#biz_mes{text-align: center;margin: 40px auto 40px !important;font-size:3vw;padding: 20px;background: #e3eef8;border-radius: 20px 0;width:80%;}

/* 会社概要＞理念 */
#company_philosophy h2{font-size:4vw;text-align:left!important;background: #003399;padding:10px 0 10px 20px;color:#fff;width: 90%;margin: 20px auto;}
#company_philosophy >p{text-align: center;margin: 40px 0;font-size: 18px;}
#company_philosophy >p span{font-weight: bolder;}
.container{max-width:85%;padding:20px;border-radius:15px;box-shadow:0px 10px 30px rgba(0,0,0,0.1);margin:0 auto 20px;}
#company_philosophy h3{color:#415786;font-size:1.2em;margin:0 auto 20px;}
.sections {display:flex;justify-content:space-between;flex-direction:column;gap:20px;align-items:center;}
.philosophy_section{width:80%;background:#fff;padding:20px;border-radius:10px;box-shadow:0px 4px 10px rgba(0,0,0,0.1);transition:transform 0.3s ease-in-out;}
.philosophy_section:hover{transform:translateY(-5px);}
.philosophy_section h4{color:#1e3a8a;font-size:1.1em;margin-bottom:10px;text-align:center;}
.philosophy_section p{color:#444;line-height:1.8;text-align:left;}
.image-container{margin-bottom:15px;border-radius:10px;overflow:hidden;}
.image-container img{width:100%;display:block;border-radius:10px;transition:transform0.3s ease-in-out;}
.image-container img:hover {transform:scale(1.05);}

/* 会社概要＞事業定義 */
#company_definition h2{font-size:4vw;text-align:left!important;background: #003399;padding:10px 0 10px 20px;color:#fff;width: 90%;margin: 20px auto;}
#company_definition >p{text-align: center;margin: 40px 0;font-size: 18px;}
#company_definition >p span{font-weight: bolder;font-size: 20px;}
.definition_detail{width: 95%;margin: 0 auto;}
.definition_detail div:not(:last-child){display: block;margin: 5px 10px;text-align: center;}
.definition_detail div .imp_color{font-size: 20px;}
.definition_detail div:not(:last-child) p{position: relative;padding: 30px 2rem 2rem;background-color: #E6E6E6;color: #333;margin: 55px 10px 35px;align-items: center;text-align: left;}
.definition_detail div:not(:last-child) img{width: 95%;height: auto;margin: 0 auto;}
.definition_detail div:not(:last-child):nth-child(odd) p::before{content: "";width: 150px;height: 150px;background:repeating-linear-gradient(-45deg, #FF8833 0px 5px,transparent 5px 10px);top: -15px;left: -15px;position: absolute;z-index: -1;}
.definition_detail div:not(:last-child):nth-child(even) p::before{content: "";width: 150px;height: 150px;background:repeating-linear-gradient(-45deg, #FF8833 0px 5px,transparent 5px 10px);top: -15px;right: -15px;position: absolute;z-index: -1;}
.definition_detail div:last-child{margin-top: 50px;display: block;text-align: center;}
.definition_detail div:last-child p{position: relative;font-size: 17px;background-color: white;width: 85%;margin: 0 auto;padding: 20px 15px;border-radius: 15px;}
.definition_detail div:last-child p::before{position: absolute;content: "";width: 103.5%;height: 115.5%;top: -7%;left: -1.65%;background-color: #FF8833;z-index: -1;}

/* 会社概要＞ミッション */
#company_mission h2{font-size:4vw;text-align:left!important;background: #003399;padding:10px 0 10px 20px;color:#fff;width: 90%;margin: 20px auto;}
#company_mission >p{text-align: center;margin: 40px 0;font-size: 18px;}
#company_mission >p span{font-weight: bolder;}
.mission_detail{width: 90%;margin: 0 auto;}
.mission_detail p{font-size: 15px;text-align: center;}
.mission_detail div:last-child >p{text-align: center;margin: 50px auto 50px;font-size: 18px;padding: 20px;background: #e3eef8;border-radius: 20px 0;width: 90%;}
.mission_detail p span{font-size: 18px;}
.mission_detail div:nth-child(2){width: 90%;margin: 0 auto;display: block;text-align: center;}
.mission_detail img{width: 90%;height: auto;margin: 15px auto;}

/* 会社概要ページend =============================================*/



#breadcrumb{width:100%;margin:0 auto;}
#breadcrumb ul{display:flex;padding:5px 10px 0 0;list-style:none;justify-content:flex-end;}
#breadcrumb ul li{font-size:12px;vertical-align:middle;}
#breadcrumb ul li i{padding:0 3px;font-size:0.7em;display:inline;vertical-align:15%;}
#breadcrumb ul li a{text-decoration:none;color: #1a0dab;}
#breadcrumb ul li a:hover{color: #84c7fa;}



/* レンタル一覧ページ */
#rental h1{font-size:5vw;margin-bottom:40px;text-align: center;}
#rental h1 span{font-size: 3vw;font-weight: normal;}
#rental_cat{display:flex;flex-wrap:wrap;margin-top:30px;justify-content:center;}
#rental p{width:95%;font-size:3.5vw;text-indent:1em;text-align:left;margin-bottom:40px;}

#rental >img{width: 100%;}
#rental >p{text-indent: 0;border: 2px solid #000;padding: 5px;border-radius: 10px;background-color: #FEDFFF;margin-bottom: 20px;}
#rental >a{font-size: 18px;text-decoration: none;color: #fff;background-color: #84c7fa;padding: 10px 15px;border-radius: 30px;margin-bottom: 30px;display: block;width: 300px;}

#rental_cat li{width:40%;margin-bottom:80px;}
#rental_cat li:nth-child(2n-1){margin-right:5%;}
#rental_cat li:nth-child(2n){margin-left:5%;}
#rental_cat li img{width:100%;}
#rental_cat li p{font-size:3vw;}
/* レンタル一覧ページ タレント手配バナー */
.performer_banner{text-align: center; margin-top: 8%;}
.performer_banner p{font-size: 3vw;font-weight: bold; margin: 10px auto;}
.performer_banner img{width:80%;}

/* カテゴリ・商品ページ共通 */
.soldout{color:#ff2626;font-weight: bold;}

.category_lineup_banner{width: 100%;margin: 20px auto;}
.category_lineup_banner a{margin: 0 auto;}
.category_lineup_banner a img{width: 100%;margin: 0 auto;}
#category_achievement{background-color: #EDF1C9;padding: 20px 0 5px;border-radius: 10px;text-align: center;margin-bottom: 70px;}
#category_achievement a{display: block;width: 300px;margin: 0 auto;}
#category_achievement a img{width: 300px;}
#category_achievement >p{text-indent: 0;}
#category_achievement >p:first-of-type{font-size: 20px;text-align: center;width: auto;margin-bottom: 10px;}
#category_achievement >p:last-of-type{text-align: left;width: 300px;margin: 0 auto;}


/* 最推し */
#category_first{width: 100%;text-align: center;}
#category_first p{text-indent: 0;}
#category_first >div{width: 300px;height: 225px;margin: 10px auto;}
#category_first >div:nth-child(1) a{height: 225px;display: block;position: relative;}
#category_first >div:nth-child(1) img{width: 100%;}
#category_first >div:nth-child(1) img:last-of-type{position: absolute;width: 200px;top: -40px;left: -40px;}
#category_first >div:nth-child(2){height: 300px;width: 340px;}
#category_first >div:nth-child(2) div:first-of-type a{text-decoration: none;}
#category_first >div:nth-child(2) >div{display: flex;align-items: center;}
#category_first >div:nth-child(2) div:first-of-type{width: 290px;margin: 30px auto 0;}
#category_first >div:nth-child(2) h3{color: #000;font-size: 26px;padding: 0;width: 200px;}
#category_first >div:nth-child(2) div:first-of-type p{font-size: 16px;width: 90px;margin-bottom: 0;}
#category_first >div:nth-child(2) div:last-of-type p{margin: 30px auto;width: 340px;}
#category_first >div:nth-child(2) >a{margin: 0;width: 320px;padding: 20px 10px;}
#category_first >div:nth-child(3){border-radius: 20px;padding: 10px;background-color: #F5F5FF;width: 330px;height: 320px;margin: 30px auto;}
#category_first >div:nth-child(3) div{display: flex;align-items: center;margin-bottom: 20px;}
#category_first >div:nth-child(3) img{width: 80px;height: 80px;border-radius: 50px;}
#category_first >div:nth-child(3) div p{font-size: 24px;margin: 0 0 0 20px;}
#category_first >div:nth-child(3) >p{margin: 0;width: 330px;font-size: 18px;}
#category_first >div:nth-child(4){border: 2px solid #000;width: 346px;height: 271px;margin: 30px auto 50px;}
#category_first >div:nth-child(4) >div{height: 53.2px;border-bottom: 1px solid #707070;display: flex;align-items: center;}
#category_first >div:nth-child(4) >div >div:first-of-type{width: 120px;text-align: center;}
#category_first >div:nth-child(4) >div >div:first-of-type p{text-align: center;margin: 0;}
#category_first >div:nth-child(4) >div >div:last-of-type{border-left: 1px solid #707070;width: 340px;height: 53.2px;display: flex;align-items: center;}
#category_first >div:nth-child(4) >div >div:last-of-type div{display: block;height: 30px;background-color: #FBD4FF;}
#category_first >div:nth-child(4) >div >div:last-of-type p{margin: 6px 0 8px 10px;width: 240px;}
#category_first >div:nth-child(4) .category_lv1{width: 20px!important;}
#category_first >div:nth-child(4) .category_lv2{width: 80px!important;}
#category_first >div:nth-child(4) .category_lv3{width: 150px!important;}
#category_first >div:nth-child(4) .category_lv4{width: 200px!important;}

/* カテゴリページ */
#lineup{display:flex;flex-wrap:wrap;margin-top:25px;justify-content:center;}
#lineup li{width:95%;height:auto;margin:25px 0;position: relative;-webkit-transition: all 0.7s ease;-moz-transition: all 0.7s ease;-o-transition: all 0.7s ease;transition: all 0.7s ease;}
#lineup li:after{content: "";position: absolute;left: 0;right: 0;bottom: -30px;border-bottom: 1px solid #c0c0c0;width:90%;margin:0 auto;}
#lineup li a{display:block;padding:6% 6% 6% 0;color:#333;text-decoration:none;}

#lineup li dl{display:flex;}
#lineup li dl dt{width:45%;}
#lineup li dl dd{width:52%;margin-left:3%;padding-top:0.5em;}
#lineup li dl dd p:nth-of-type(1){text-align:left;font-size:4vw;margin-bottom:10px;}
#lineup li dl dd p:nth-of-type(1) .number{font-size:3vw;color:#696969;}
#lineup li dl dd p:nth-of-type(2){text-align:left;font-size:3.4vw;}
#lineup li dl dd p:nth-of-type(3){text-align:right;font-size:3.2vw;position: relative;bottom: 10px;position: absolute;right:30px;}
#lineup li dl dd p:nth-of-type(3) .days{padding-right:0.5em;}
#lineup li dl dd p:nth-of-type(3) .price{font-size:3.8vw;padding-right:0.2em;color: #ff2626;}
#lineup li dl dt img{width:100%;}


/* 商品ページ */
#rental_item h2{padding: 0 2rem 1rem 1rem;border-bottom: 3px solid #003399;text-align:left;font-size:3vw;}
#rental_item h2{font-size:4vw;width:85%;margin:0 auto;padding-top:80px;margin-top:-80px;}
#rental_item h1{font-size:4vw;padding:50px 0 50px 0;}

.rental_box{display:block;margin-top:30px;margin-bottom:60px;}
.rental_box .rental_left img{text-align:center;;width:95%;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;display:block;margin:0 auto;}
.rental_box .rental_left img:hover{background: #e8f1ff;}
#rental_item{width:100%;}
#rental_item h1 .line{background:linear-gradient(transparent 60%, #f5f522 60%);}
.rental_box .rental_left  table{font-size:3vw;margin-top:35px;}
.rental_box .rental_left  table th{width:33%;}
.rental_box .rental_left  table td{text-align: left;}
.rental_box .rental_left  table th,.rental_box .rental_left  table td{padding:10px 10px;}
.rental_box .rental_left  table caption{text-align:left;font-size:4vw;padding-bottom:10px;}
.rental_box .rental_left  table caption i{padding-right:10px;}
.rental_box .rental_left{margin:0 auto;text-align: center;}
.rental_left ul li {width: 32%;}
.rental_box .rental_right{display: block;text-align: center;}
.rental_box .rental_right p{text-align:center;font-size:5vw;}
.rental_box .rental_right ul{display: inline-block;margin-top:20px;}
.rental_box .rental_right ul i{color:#ff3333;font-size:1.4em;padding-right:20px;vertical-align:-10%;}
.rental_box .rental_right ul li{height:auto;font-size:3.5vw;padding-bottom:15px;text-align: left;background:none;width:90%;}
.item_contact{width:70%;background:#0f2b80;color:#fff;text-decoration:none;padding:20px;font-size:4vw;border-radius:10px;margin:15px auto 50px;display:block;position:relative;bottom:0;border: solid 3px #0f2b80;}
.item_contact i:nth-child(1){font-size:1.8em;padding-right:1em;vertical-align:middle;}
.item_contact i:nth-child(2){padding-left:1em;vertical-align:0%;}
.item_contact:hover{border: solid 3px #0f2b80;background:#fff;color:#0f2b80;border-radius:10px;}
#rental_price{margin:40px 0 0 0;}
#rental_price span:nth-child(1){font-size:3.5vw;background:#00880f;;color:#fff;padding:7px;text-align:left;margin-right:1em;}
#rental_price span:nth-child(2){font-size:3.5vw;margin-right:1em;}
#rental_price span:nth-child(3){font-size:6.5vw;color:#ff2626;margin-right:0.2em;}

#rental_price .oneday{display: inline-block;background: #9370db;color: #FFF;width: 60px;height: 60px;line-height: 60px;border-radius: 50%;text-align: center;box-shadow: 0px 0px 0px 5px #9370db;border: solid 1px #FFF;}
#rental_price .threeday{display: inline-block;background: #ff8c00;color: #FFF;width: 60px;height: 60px;line-height: 60px;border-radius: 50%;text-align: center;box-shadow: 0px 0px 0px 5px #ff8c00;border: solid 1px #FFF;}
#rental_price .oneweekly{display: inline-block;background: #db7093;color: #FFF;width: 60px;height: 60px;line-height: 60px;border-radius: 50%;text-align: center;box-shadow: 0px 0px 0px 5px #db7093;border: solid 1px #FFF;}
#rental_price .onemonth{display: inline-block;background: #95DE6C;color: #FFF;width: 60px;height: 60px;line-height: 60px;border-radius: 50%;text-align: center;box-shadow: 0px 0px 0px 5px #95DE6C;border: solid 1px #FFF;}

.point{padding:30px;border:1px #c4c4c4 solid;line-height:1.8em;position: relative;margin-top: 1em;padding: 2em 0 1em 0;width:92%;margin:0 auto;}
.point span{position: absolute;top: 0;left: 0;font-size: 4vw;padding: 0 1em;margin: 0;background-color:#fff;transform: translateY(-50%) translateX(0.5em);}
/* 商品コメント画像追加の為、旧CSSをコメントアウト2022.01.20～
.item_comment{width:92%;border:1px #c4c4c4 solid;line-height:1.4em;position: relative;margin-top: 1em;margin:0 auto;}
.item_comment p{padding:2em;font-size:3.5vw;}
.item_comment span{position: absolute;top: 0;left: 0;font-size: 4vw;padding: 0 1em;margin: 0;background-color: #fff;transform: translateY(-50%) translateX(0.5em);}
*/
.fixed_contact{position: fixed;top: 310px; right: 50px;background:#0f2b80;color:#fff;text-decoration:none;padding:20px;font-size:18px;border-radius:10px;display:none;}
.fixed_contact:hover{outline: solid 3px #0f2b80;outline-offset: -3px;background:#fff;color:#0f2b80;border-radius:10px;}
.fixed_contact i:nth-child(1){font-size:1.8em;padding-right:15px;vertical-align:middle;}
.fixed_contact i:nth-child(2){padding-left:15px;vertical-align:0%;}

.attention_point{border:1px #c4c4c4 solid;line-height:1.8em;position:relative;padding:2em 0 1em 0;margin:2em auto;width: 92%;}
.attention_point span {position: absolute;top: 0;left: 0;font-size: 4vw;padding: 0 1em;margin: 0;background-color: #fff;transform: translateY(-50%) translateX(0.5em);}
.attention_point .red{color:#ff2626;font-weight: bold;}
.rental_box .attention_point ul {display: inline-block;}
.rental_box .attention_point ul li {width: 84%;height: auto;font-size: 3.5vw;text-align: left;background: none;line-height: 1.2em;}

/*商品ページ2022.01.20～追記*/
/*商品ページ＞アンカーリンク*/
.dynamicprice{display:flex;flex-wrap:wrap;text-align:center;margin:1em 0;}
.dynamicprice section{display: block;margin:1.5% 1.0%;padding:1.5%;width:40%;}
.dynamicprice section h2{font-size: 14px;margin: 0 0 1em 0;padding: 0;border-bottom: 1px solid #ccc;}
.dynamicprice section img{width: 70%;}
.dynamicprice section p a{position: relative;display: block;background: #0099ff;margin: 1em 0;padding: 0.5em;color: #fff;text-decoration: none;font-size: 14px;}
.dynamicprice section a:hover{opacity: 0.6;}
.dynamicprice section li{list-style: none;font-size: 2.5vw;}
/*商品ページ＞〇〇とは*/
.introduction{border:2.5px #ff531f solid;line-height:1.4em;position: relative;margin: 1em 2em 4em 2em;}
.introduction p{padding:2em;font-size:3.5vw;}
.introduction span{position: absolute;top: 0;left: 0;font-size: 4vw;padding: 0 1em;margin: 0;background-color: #fff;transform: translateY(-50%) translateX(0.5em);}
/*商品ページ＞商品コメント*/
.item_comment{width:92%;border:1px #c4c4c4 solid;line-height:1.4em;position: relative;margin:2em auto;}
.item_comment p{padding:1em;font-size:3.5vw;}
.item_comment span{position: absolute;top: 0;left: 0;font-size: 4vw;padding: 0 1em;margin: 0;background-color: #fff;transform: translateY(-50%) translateX(0.5em);}
.item_comment img{width: 18%;float: left;margin: 1em 1em 1em 1em;border-radius: 50px;border: 2px solid #b0c4de;}
/*商品ページ＞商品コメント(右)*/
.item_comment_right{width:92%;border:1px #c4c4c4 solid;line-height:1.4em;position: relative;margin:0 auto 2em;}
.item_comment_right p{padding:1em;font-size:3.5vw!important;text-align: left!important;}
.item_comment_right span{position: absolute;top: 0;left: 0;font-size: 4vw;padding: 0 1em;margin: 0;background-color: #fff;transform: translateY(-50%) translateX(0.5em);}
.item_comment_right img{width: 18%;float: left;margin: 1em 1em 1em 1em;border-radius: 50px;border: 2px solid #b0c4de;}
/*商品ページ＞商品コメント(左)*/
.item_comment_left{width:92%;border:1px #c4c4c4 solid;line-height:1.4em;position: relative;margin:0 auto 2em;}
.item_comment_left p{padding:1em;font-size:3.5vw!important;text-align: left!important;}
.item_comment_left span{position: absolute;top: 0;left: 0;font-size: 4vw;padding: 0 1em;margin: 0;background-color: #fff;transform: translateY(-50%) translateX(0.5em);}
.item_comment_left img{width: 18%!important;float: left;margin: 1em 1em 1em 1em!important;border-radius: 50px;border: 2px solid #b0c4de;}


/*商品ページ＞動画・ブログ・SNSエリア*/
.rental_sub .con_left{width: 100%;}
.rental_sub .con_right{width: 100%;}
.rental_sub .movie h3{text-align:left; background: linear-gradient(transparent 60%, #ffb7b7 60%);font-size: 3.5vw;margin: 1em 1em 1em 1em;}
.rental_sub .movie-wrap{position: relative;padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/height: 0;overflow: hidden;}
.rental_sub .movie-wrap iframe {position: absolute;top: 0;left: 5%;width: 90%;height: 90%;}

.rental_sub .blog{margin-bottom: 2em;}
.rental_sub .blog a:hover{opacity: 0.6;}
.rental_sub .blog h3{text-align:left; background: linear-gradient(transparent 60%, #ffdbb7 60%);font-size: 3.5vw;margin: 1em 1em 1em 1em;}
.rental_sub .blog dl{width: 90%;padding-bottom: 6%;margin-left: 4%;}
.rental_sub .blog dt{float: left;width: 30%;margin:0 2% 2% 0%;}
.rental_sub .blog dd{font-size: 3vw;line-height: 1.6em;}
.rental_sub .blog dd.date{margin-bottom: 1em;}
.rental_sub .blog img{border: 1px solid #c4c4c4; width: 90%;}

.rental_sub .sns{margin-bottom: 2em!important;}
.rental_sub .sns h3{text-align:left; background: linear-gradient(transparent 60%, #b7dbff 60%);font-size: 3.5vw;margin: 1em 1em 1em 1em;}
.rental_sub .sns-wrap{width:80%;margin: 0 auto;}
.rental_sub .insta{margin-bottom: 2em!important;}
.rental_sub .insta h3{text-align:left; background: linear-gradient(transparent 60%, #ddbcff 60%);font-size: 3.5vw;margin: 1em 1em 1em 1em;}

/*イベント担当者より現場写真の紹介*/
.genba_photo {border-top:solid 2px #c4c4c4;border-bottom:solid 2px #c4c4c4;position:relative;width: 90%;margin: 0 auto;}
.genba_photo h5{position:absolute;top: 0;left: 50%;font-size:3.5vw;padding:0 1%;margin: 0;background-color: #fff;transform:translate(-50%, -50%);width: 66%;text-align: center;}
.genba_photo .con_left img{width: 92%;margin:6% 2% 0%;border:10px solid #fff;box-shadow: 0 0 5px #ddd;}
.genba_photo .con_right{position:relative;}
.genba_photo .con_right img{margin:1% 0 0 2%;width:20%;}
.genba_photo .con_right span{font-size:3.2vw;position:absolute;top:9%;left:25%;background-color:#4682b4;padding:2% 2%;color:#ffffff;}
.genba_photo .con_right p{font-size:3.2vw;background-color: #f0f8ff;padding: 4%;margin: 1% 2% 5% 2%;color: #4f4f4f;}

/*商品ページ＞区切り線*/
hr.sub_border{height: 12px;background: linear-gradient(-70deg,transparent 35%,#666 45%, #6495EC 55%,transparent 65%);background-size: 5px 12px;border: none;margin-top: 4em;}

/*商品ページ＞現場の様子はこちら*/
.sub_contents{display:block;margin-top:30px;margin-bottom:30px;}
.sub_contents a:hover{opacity: 0.6;}
.sub_contents .genba h5 {font-size: 4vw;font-family: NotoSansCJKjp-Regular;line-height: 48px;font-weight: normal;width: 94%;margin: 0 auto;}
.sub_contents .genba h5:after {content: "";display: block;height: 3px;width: 100%;background: -webkit-gradient(linear, left top, right bottom, from(cyan), to(navy));background: -moz-linear-gradient(left, cyan, navy);background: linear-gradient(left, cyan, navy);}

.sub_contents .genba_left{width:94%;margin: 1em auto;}
.sub_contents .genba_left img{width:100%;}
.sub_contents .genba_left dt{margin: 0 0 3vw 0;}
.sub_contents .genba_left span{background: linear-gradient(transparent 70%, #ffff66 70%);font-size: 3.5vw;}

.sub_contents .genba_right{width:94%;margin:1em 2em 2em 1em;}
.sub_contents .genba_right dt{font-size:3vw;background:#0A7CA7;color:#fff;padding:1.5vw 3vw 1.5vw 3vw;margin: 2vw 0 1vw 2vw;width: fit-content;}
.sub_contents .genba_right dd{margin: 0px 0px 1vw 4vw;font-size: 3vw;}

.sub_contents .genba_comment{border:2px #0A7CA7 solid;line-height:1.8em;position: relative;margin: 1em;padding: 3vw;}
.sub_contents .genba_comment p{font-size:3vw;line-height:1.8em;}
.sub_contents .genba_comment span{position:absolute;top:0;left:0;font-size:4vw;padding:0 1em;margin:0;background-color:#fff;transform:translateY(-50%) translateX(0.5em);color: #0A7CA7;}
.sub_contents .genba_more{margin:4vw 0 0;}
.sub_contents .genba_more:hover{opacity: 0.6;}
.sub_contents .genba_more a{background:#ff4500; padding:1em 2em;color:#fff;text-decoration: none;font-size: 3vw;margin: 0 auto;width: 70%;text-align: center;display: block;border-radius: 10px;}

.sub_contents .osusume h5 {font-size: 4vw;font-family: NotoSansCJKjp-Regular;line-height: 48px;font-weight: normal;width: 94%;margin: 0 auto;}
.sub_contents .osusume h5:after {content: "";display: block;height: 3px;width: 100%;background: -webkit-gradient(linear, left top, right bottom, from(cyan), to(navy));background: -moz-linear-gradient(left, cyan, navy);background: linear-gradient(left, cyan, navy);}
.sub_contents .osusume{width:100%;}

.osusume_box{margin:3vw 4vw;}
.osusume_box ul{margin:0 0 0 2vw;;padding:0;font-size:2.6vw;flex-wrap: wrap;display: flex;}
.osusume_box li{width:44%;height:auto;border:1px solid #ddd;list-style:none;text-align:center;vertical-align:top;padding:2vw;}
.osusume_box img{width:60%;}
.osusume_box p{line-height: 1.8em;}

.sub_contents .itemlist{width:100%;}
.sub_contents .itemlist h5{font-size: 4vw;font-family: NotoSansCJKjp-Regular;line-height: 48px;font-weight: normal;width: 94%;margin: 0 auto;border-bottom: 3px solid #f7c686;border-image: linear-gradient(to right, #f7c686 0%, #e78e00 100%);border-image-slice: 1;}


/*商品ページ＞カテゴリ「すべて表示」ボタン*/
.item-readmore{position: relative;box-sizing: border-box;margin-bottom: 40px}
.item-readmore-content{position: relative;overflow: hidden;height: 360px;/*※表示する高さ*/
}
.item-readmore-content::before {
  display: block;position: absolute;bottom: 0;left: 0;width: 100%;content: "";
  height: 100px;/*※グラデーションの色と高さ 高さはreadmoreのheight以下にすること*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
}
.item-readmore-label{
  display: table;position: absolute;left: 50%;top: 90%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  margin: 6px auto;z-index: 0;padding: 8px 16px;background-color: #0099cc;border-radius: 20px;color: #FFF;font-size: 3vw;
}
.item-readmore-label:before{content: '↓タップしてすべて表示';cursor:pointer;}
.item-readmore-label:hover{opacity: 0.75;}
.item-readmore-check{display: none;}
.item-readmore-check:checked ~ .item-readmore-label{
  position: static;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  /*※「全て表示する」を押した後、元に戻す必要がない場合は、上のオプションを消してこの1行だけにする */
  /* display: none; */
}
.item-readmore-check:checked ~ .item-readmore-label:before{content: '↑閉じる';cursor:pointer;}
.item-readmore-check:checked ~ .item-readmore-label:hover{opacity: 0.75;}
.item-readmore-check:checked ~ .item-readmore-content{height: auto;}
.item-readmore-check:checked ~ .item-readmore-content::before {display: none;}



.imagelists a:hover{opacity:0.7;}
.imagelists h4{text-align:left;margin: 0em 0em 0.5em 0.5em;}
.imagelists li img {border: 1px solid #ccc;}


/* 商品ページ＞TOPに戻る */
html{scroll-behavior: smooth;}
.pagetop{display: none;position: fixed;right: 30px;bottom: 30px;}
.pagetop a{display: block;font-size: 0;width: 50px;height: 50px;text-align: center;background: #7db4e6;border-radius: 50%;line-height: 50px;opacity: 0.9;}
a:hover{opacity: 0.7;}
.pagetop a i{font-size: 20px;color:#fff;line-height: 50px;}


/*旧 現場実績*/
.topsplancomments{padding: 1%;}
.topsplancomments img{width: 48%;}

.mainitem_cat {display: flex;flex-wrap: wrap;margin-top: 50px;justify-content: center;}
.mainitem_cat li {width: 42%;margin-bottom: 15px;border-radius: 10px;padding: 0 10px;vertical-align: middle;-webkit-transition: all 0.7s ease;--o-transition: all 0.7s ease;transition: all 0.7s ease;}

.deskonly{display:none;}

/* テントの組み立て方 */
#assembly{margin: 20px 0;text-align: center;}
#assembly img{width: 100%;}
#assembly h4{font-size: 24px;text-align: center;}
#assembly >p{font-size: 16px;text-align: left;margin: 10px 0;}
#assembly ul{display: block;}
#assembly li{margin: 0 auto;width: 350px;}
#assembly li.assembly_sec{margin-top: 20px;border-top: 1px solid #707070;padding-top: 20px;}
#assembly li div,#assembly li img{width: 350px;margin: 5px;}
#assembly li div h6{font-size: 16px;margin: 5px 0;}
#assembly li div h6 span{font-size: 20px;color: #3DABFF;}
#assembly li div p{font-size: 12px;text-align: left;}


/*現場実績 一覧--------------------------------------------------------------------*/
.achievement_title{width: 95%;margin: 0 auto;position: relative;}
.achievement_title img{width: 100%;}
.achievement_title h1{position: absolute;font-size: 6vw;color: #00608d;
top:50%;left:50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;padding:14px 30px;background-color: rgba(255,255,255,0.7);}
.achievement_title span {background: linear-gradient(transparent 70%, #b0c4de 70%);}

#achievement_intro{width:98%;margin:0 auto;margin-bottom:26px;margin-top: 0px;}
#achievement_intro h2{font-size:3vw;font-weight: normal;}
.category_button{margin-bottom: 20px;}
.category_button ul{display:flex;flex-wrap: wrap;}
.category_button li{height: auto;width: 48%;margin: 0 1% 2% 1%;}
.category_button a{text-decoration: none;font-size:3vw;border-radius: 3px;
  position: relative;display: flex;justify-content: center;align-items: center;margin: 0 auto;max-width: 220px;padding: 10px 25px;
  color: #ffffff;transition: 0.3s ease-in-out;font-weight: 600;background: #2ca9e1;background: linear-gradient(270deg, #2ca9e1 0%, #037bb3 100%);}
.category_button a:hover{background: rgb(117,188,255);
  background: linear-gradient(270deg, rgba(117,188,255,1) 0%, rgba(62,159,252,1) 100%);}
.category_button i{position: absolute;right: 6%;top: 30%;}

.achievement_contents .category{padding-top: 90px;margin: -90px auto;margin-bottom:50px;width: 98%;}
.achievement_contents .category h4{background-color:#ec6800;padding: 8px 12px;
font-size: 3.5vw;color: #ffffff;margin-bottom: 20px;}
.achievement_contents .category ul{display: flex;flex-wrap: wrap;justify-content: left!important;}
.achievement_contents .category li{width:46%;margin:2% 2% 2% 2%;height: auto;}
.achievement_contents .category li img{width: 100%;border: solid 1px #cccccc;}
.achievement_contents .category li a{font-size: 3vw;text-decoration: none;color: #1a0dab;}

/*現場実績 詳細--------------------------------------------------------------------*/
.achievement_article{width: 96%;margin:0 auto;}
.achievement_article_title{margin:0 auto;}
.achievement_article_title h1{font-size: 1.8vw;text-align: center;padding: 30px 0 25px 0;}
.achievement_article_title span{background: linear-gradient(transparent 70%, #f5f522 70%);font-size: 4.5vw;}

.achievement_img ul{width: 96%;margin:0 auto;display: flex;flex-wrap: nowrap;}
.achievement_img li{width: 46%;height: auto;list-style: none;text-align: center; margin: 0 2% 0% 1.5%;}
.achievement_img li img{max-width: 100%;height: auto;border: 4px solid #fff;box-shadow: 0 0 5px #ddd;line-height:0;}

.achievement_sub_img{margin-bottom: 30px;}
.achievement_sub_img ul{width: 96%;margin:0 auto;display: flex;flex-wrap: wrap;}
.achievement_sub_img li{width: 46%;height: auto;list-style: none;text-align: center; margin: 0 2% 0% 1.5%;}
.achievement_sub_img li img{max-width: 100%;height: auto;border: 4px solid #fff;box-shadow: 0 0 5px #ddd;line-height:0;}

.achievement_detail{margin-bottom: 30px;}
.achievement_detail h4{background: #0A7CA7;padding: 0.5em;font-size: 4vw;color: #ffffff;}
.achievement_detail p{margin: 14px 0px 20px 10px;font-size: 3.5vw;}
.achievement_detail ul{display: flex;flex-wrap: wrap;margin-top: 1.5%;justify-content: left!important;}
.achievement_detail li{width: 46%;border-radius: 10px;height: auto;margin-top: 1%;margin-bottom: 1%;margin-left: 2%;vertical-align: middle;border: solid 1px #cccccc;}
.achievement_detail li:hover{opacity:0.7;}
.achievement_detail ul li img{display: flex;width: 100%;padding-top: 10px;padding-bottom: 14px;}
.achievement_detail ul li a{text-decoration: none;display: block;padding-bottom: 1px;padding-right: 10px;padding-left: 10px;}
.achievement_detail ul li span{color: #2a4073;font-size: 3vw;}

.achievement_comment h4{border-bottom: solid 3px #3399BF;position: relative;font-size: 4vw;color: #00608d;}
.achievement_comment h4:after {position: absolute;content: " ";display: block;border-bottom: solid 3px #00608d;bottom: -3px;width: 44%;}
.manager{display: flex; margin: 15px 10px 30px 10px;}
.manager img{width:25%;margin-right: 5%;border-radius: 100px;box-shadow: 0 0 5px #333;height:25%;}
.manager_comment{margin:0;width:65%;}
.manager_comment p{font-size: 3.5vw;}

.supplement{font-size: 3vw!important;color: #888888;}