*{margin: 0;padding: 0;font-family: "Noto Sans JP",sans-serif;} @media screen and (min-width:1200px){ .tb{display: none;} .sp{display: none;} .pc{display: block;} } @media screen and (min-width:600px) and (max-width:1199px){ .pc{display: none;} .sp{display: none;} .tb{display: block;} } @media screen and (max-width:599px){ .pc{display: none;} .tb{display: none;} .sp{display: block;} } a:hover{opacity: 0.7;} #header_nav a:hover{color: #7EADFF;} /* タブ新型（同ページ複数使用可） */ .tab-wrap {display: flex;flex-wrap: wrap;justify-content: center;} .tab-label {color: black;background: LightGray;margin: 20px 10px 15px;padding: 7px 18px;order: -1;border-radius: 20px;cursor:pointer;} .tab-label:hover{opacity:0.7;} .tab-content {width: 100%;display: block;overflow: hidden;max-height: 0.1px;} /* アクティブなタブ */ .tab-switch:checked+.tab-label {background: #9FF781;} .tab-switch:checked+.tab-label+.tab-content {max-height: initial;} /* ラジオボタン非表示 */ .tab-switch {display: none;} @media screen and (min-width:1200px){ .mobile_only{display:none;} .tablet_only{display:none;} .pc_only{display:block;} #header{width: 100%;background: rgba(168,242,165,0.85);position: fixed;z-index: 999;top: 0;left: 0;} #header >div{justify-content: space-between;display: flex;width: 1200px;margin: 0 auto;} #header_logo_img{width: 240px;height: 90px;display: block;background-image: url(../image/header_logo.jpg);background-repeat:no-repeat;background-size: 240px;} #header >div >div:nth-child(2) >div:last-of-type{display: flex;flex-direction: column;} #header_nav{display: flex;} #header_nav >p{border-top: none;margin: 0 3px;padding: 5px;background-color: #018705;font-size: 18px;} #header_nav >p:hover{border-top: none;margin: 0 3px;padding: 5px;} #header_nav >p a{color: #fff;text-decoration: none;} #header_search{text-align: right;margin-top: 15px;padding-bottom: 5px;} #header_search input:nth-child(3){width: 220px;height: 30px;border: #25591B solid 2px;border-radius: 5px;} #header_search form input:nth-child(4){width: 50px;height: 33px;background-color: #25591B;color: white;border-radius: 5px;border: #25591B solid 2px;} #header_search input:last-of-type{color: #fff;background-color: #61B4F3;border: 6px solid #61B4F3;} #company{width: 1200px;margin:0 auto;} #company h1{text-align: center;margin-top:150px;} #menu div{width:40%;margin:0 auto;text-decoration: none;text-align: center;} #menu div a{text-decoration: none;margin:0 20px;} #corevalue >div{width:80%;margin: 0 auto;text-align: center;font-family:"Noto Sans JP", sans-serif;} #corevalue div img{width:100%;margin:40px 0 50px;} #corevalue h2{font-size:30px;font-family:"Noto Sans JP", sans-serif;} #corevalue p{margin:20px 0 80px 0;font-size:60px;font-weight: normal;} #corevalue p span{font-family: Century Gothic !important;font-weight: normal;color: #0168b7;} .hover{box-shadow: 0 0 8px gray;} #philosophy{width:1200px;margin:50px auto;text-align:center;} #philosophy h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} .container{max-width:1200px;padding:40px;border-radius:15px;box-shadow:0px 10px 30px rgba(0,0,0,0.1)} #philosophy h3{color:#415786;font-size:2.0em;margin-bottom:20px;} .sections {display:flex;justify-content:space-between;flex-wrap:nowrap;gap:20px;} .section{width:30%;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;} .section:hover{transform:translateY(-5px);} .section h4{color:#1e3a8a;font-size:1.5em;margin-bottom:10px;} .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);} #businessdefinition{width:1200px;color:#333;line-height:1.6;justify-content:center;margin:0 auto;} #businessdefinition h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} .main-heading {text-align: center;font-size: 2em;color: #415786;margin-bottom: 40px;} #businessdefinition >p{text-align: center;margin: 40px 0;font-size: 25px;} #businessdefinition >p span{font-weight: bolder;font-size: 30px;} .definition_detail{width: 90%;margin: 0 auto;} .definition_detail div{display: grid;grid-template-columns: 65% 35%;margin: 30px 10px;} .definition_detail div .imp_color{font-size: 25px;} .definition_detail div:not(:last-child):nth-child(even){display: grid;grid-template-columns: 35% 65%;} .definition_detail div:not(:last-child):nth-child(even) p{grid-column: 2/3;} .definition_detail div:not(:last-child):nth-child(even) img{grid-column: 1/2;grid-row: 1/2;} .definition_detail div img{width: 100%;height: auto;} .definition_detail div:not(:last-child) p{font-size: 18px;position: relative;padding: 50px 2rem 2rem;background-color: #E6E6E6;color: #333;margin: 35px;align-items: center;} .definition_detail div:not(:last-child):nth-child(odd) p::before{content: "";width: 200px;height: 200px;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: 200px;height: 200px;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: 20px;background-color: white;width: 800px;margin: 0 auto;padding: 20px 0;border-radius: 15px;} .definition_detail div:last-child p::before{position: absolute;content: "";width: 810px;height: 80px;top: -5px;left: -5px;background-color: #FF8833;z-index: -1;} .small-title {text-align: center;font-size: 1.5em;color: #2c3e50;margin-top: 10px;} /*イベント担当者より現場写真の紹介*/ .favorite_item {border-top:solid 2px #c4c4c4;border-bottom:solid 2px #c4c4c4;position:relative;} .favorite_item h5{position:absolute;top: 0;left: 50%;font-size:2.2em;padding:0 1em;margin: 0;background-color: #fff;transform:translate(-50%, -50%);} .favorite_item .con_left img{width: 98%;margin:40px 0px 20px 20px;border:10px solid #fff;box-shadow: 0 0 5px #ddd;} .favorite_item .con_right{position:relative;} .favorite_item .con_right img{margin:10px 20px 20px 0px;width:20%;box-shadow:0 0 5px #ddd;height: auto !important;} .favorite_item .con_right span{font-size:1.8em;background-color: #4682b4;padding: 8px 10px;color: #ffffff;} .favorite_item .con_right p{background-color: #f0f8ff;padding: 20px;margin-bottom: 20px;color: #4f4f4f;} .favorite_item .con_left iframe {height: 430px;width: 570px;} .favorite_item >div{ margin-top: 50px;display: flex;} .favorite_item .con_right span {background-color: #D69A65;} .favorite_item .con_right p {background-color: #FFF1E6;} .rental_sub_ex{max-width: none !important;} .rental_sub {padding: 20px;color: #333;max-width: 960px;margin: auto;font-size: 14px;} .genba_picture {display: flex;flex-wrap: wrap;border-radius: 12px;overflow: hidden;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);} .genba_picture h5 {width: 100%;font-size: 18px;padding: 12px;margin: 0;background-color: #e0e0e0;color: #333;} .con_left,.con_right {flex: 1;padding: 12px;box-sizing: border-box;} .con_left a {display: block;text-decoration: none;border-radius: 6px;overflow: hidden;} .con_left img {max-width: 100%;border-radius: 6px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease;} .con_left img:hover{transform:scale(1.03);} .con_right {display: flex;flex-direction: column;justify-content: center;} .con_right div {display: flex;align-items: center;margin-bottom: 8px;} .con_right img {width: 80px;height: 80px;border-radius: 50%;margin-right: 12px;} .con_right span {font-weight: bold;color: #444;font-size:16px;} .con_right p {font-size: 18px;line-height: 1.6;} .con_right a{font-size:16px;} #missyon{width:1200px;margin:50px auto;text-align:center;} #missyon h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} #topscorevalue{width:1200px;margin:50px auto;text-align:center;} #topscorevalue h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} #topscorevalue p{width:68%;font-size:18px;margin:30px auto 30px;text-align:center;} .picturelist{display:block;margin:0 auto;flex-wrap:wrap;text-align:center;} .picturelist img{width: 10%;height: auto;margin:0 20px;} #vision{width:1200px;margin:50px auto;} #vision h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} .vision-list{margin: auto;padding: 30px 20px;} .fiscal-year{margin-bottom: 40px;} .fiscal-year h3 {color: #2980b9;border-bottom: 2px solid #2980b9;padding-bottom: 5px;font-size: 1.25rem;} .fiscal-year p {margin-top: 10px;font-size: 1rem;} .vision_photo {display:flex;flex-wrap: wrap;margin: 25px 0 20px 0 !important;text-align:center;} .vision_photo img{width:340px;margin:0 10px;} .content-container{width:90%;max-width:1200px;margin:0 auto;} .vision-section{margin:80px 0;position:relative;} .image-gallery{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;max-width:1200px;margin:0 auto;} .image-gallery img{width:30%;} .image-gallery img:hover{transform:scale(1.05);} .vision-section p{font-size:1.0em;font-weight:600;margin-top:30px;line-height:1.6;} .hero-banner{font-size:2.0em;font-weight:bold;color:#415786;} #basic h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} #basic table{margin-bottom:100px;border-collapse: collapse;width: 1200px;} #basic >table th{width:200px;background:rgba(193,211,230,0.2);border:1px solid #c0c0c0;text-align:left;padding:20px 0 20px 40px;font-weight:normal;font-size:18px;} #basic >table td{width: 500px;border: 1px solid #c0c0c0;padding-left: 30px;font-size: 18px;padding: 20px 0 20px 40px;} #basic >table dt{font-weight:bold;font-size:20px;} #basic >table dd{margin-bottom:20px;padding:0 0 20px 1em;} #basic >table dl{padding-top:20px;} #basic >table li{width:100%;margin-top:5px;list-style:none;line-height:1.8em;} #basic >table div{line-height:1.8em;} #business{margin-top:-110px;padding-top:110px;} #business h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;} #business p{line-height:1.8em;} .business_more{color:#fff;background: #ff6161;text-decoration:none;padding:15px 25px;margin-bottom:20px;display:inline-block;font-size:1.6rem;} .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 0 60px; font-size: 20px;} .business_box{position:relative;border-radius:4px;padding:1.5em 1em;width: 1000px;margin: 40px auto;} .business_box h5{position:absolute;top: -12px;left: 10px;padding: 4px 70px;border-radius:4px;font-size: 22px;} .business_box p{padding: 20px 20px 0;font-size: 18px;} #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: 50px auto 50px;font-size: 18px;padding: 20px;background: #e3eef8;border-radius: 20px 0;width: 900px;} #company_genba_photo{display:flex;flex-wrap:wrap;margin:25px 0 100px 0!important;} #company_genba_photo li{flex-grow:1;height:auto!important;text-indent:0!important;width:310px;list-style:none;text-align:center;} #company_genba_photo li:nth-child(2){padding:0 20px;} #company_genba_photo li img{width:100%;} #greeting h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} #greeting img{width:60%;} #greeting div{background: rgba(21, 107, 0, 0.8);width: 55%;margin-left: auto;position: relative;top: -350px;padding: 50px;color: #fff;box-shadow: 5px 5px 10px 0 rgb(59, 59, 59);} #greeting div h3{text-align: left;font-size: 1.4em;border-bottom: 1px solid #fff;display: inline-block;padding: 0 0 0.2em 0; font-weight:normal;} #greeting div p{word-wrap: break-word;text-indent: 1em;line-height: 1.8em;margin-top: 20px;padding-left: 1em;} #interview{margin-top:-250px;} #interview h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} .interview-grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; margin:20px; } .interview-item { width: 48%; } .interview-item img { width: 100%; height: auto; display: block; } .interview-text {margin:10px;} #other_about2 h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} #reagion h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} #history h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;} #history.container{margin: 20px auto !important;} #history.timeline{position: relative; font-size: 1em; width: 100%; height: 100%; margin: 0 auto; overflow-y: hidden; margin-top: 0;} .timeline { list-style: none; margin:10px 0 20px 80px; } .timeline > li { margin-bottom: 60px;overflow: hidden;margin: 0;position: relative; } .timeline > li { overflow: hidden; margin: 0; position: relative; } .timeline-date { width: 110px; float: left; margin-top: 20px; } .timeline-content { width: 75%; float: left; border-left: 3px #e5e5d1 solid; padding-left: 30px; } .timeline-content >p{margin:10px 0 20px;} .timeline-content >h3{margin-top:18px;} .timeline-content:before { content: ""; width: 12px; height: 12px; background: #6fc173; position: absolute; left: 106px; top: 24px; border-radius: 100%; } /* for Desktop */ /* @media ( min-width : 640px ){ .timeline > li { overflow: hidden; margin: 0; position: relative; } .timeline-date { width: 110px; float: left; margin-top: 20px; } .timeline-content { width: 75%; float: left; border-left: 3px #e5e5d1 solid; padding-left: 30px; } .timeline-content:before { content: ''; width: 12px; height: 12px; background: #6fc173; position: absolute; left: 106px; top: 24px; border-radius: 100%; } } */ #client{margin-bottom:100px;} #client h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} #client ul{display: flex;flex-wrap: wrap;margin: 0 auto;margin-top: 50px;list-style:none;} #client li{width: 25% !important;height: 50px;text-align: left;text-indent: 3em;} #supplier{margin-bottom:100px;} #supplier h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} #supplier ul{display: flex;flex-wrap: wrap;margin: 0 auto;margin-top: 50px;list-style:none;} #supplier li{width: 25% !important;height: 50px;text-align: left;text-indent: 3em;} #e21{margin-bottom:100px;} #e21 >div{width:80%;margin: 0 auto;text-align: center;font-family:"Noto Sans JP", sans-serif;} #e21 div img{width:100%;} #e21 h2{font-size:30px;font-family:"Noto Sans JP", sans-serif;} #e21 p{margin:20px 0 80px 0;font-size:60px;font-weight: normal;} #e21 p span{font-family: Century Gothic !important;font-weight: normal;color: #0168b7;} .hover{box-shadow: 0 0 8px gray;} #breadcrumb{text-align: right;display: block !important;font-size: 18px;} #breadcrumb ul{display: inline-flex;} #breadcrumb ul li{list-style: none;} /* 企画・運営 ------------------------------------------------------------- */ #plan_operation img{width: 100%;} #plan_operation h1{font-size: 28px;text-align: center;} #plan_operation p{font-size: 18px;} #event_example h2,#staff_arr h2{font-size: 22px;margin: 60px 0 20px;width: 100%;text-align: left;background-color: #25591B;color: #fff;padding: 5px 0 5px 10px;border-bottom: none;} #event_example ul{margin-top: 50px;} #event_example li{margin-bottom: 15px;} #event_example li >div{display: flex;} #event_example li h3{color: #000;border-bottom: 1px solid #1CD8FF;margin-bottom: 10px;padding-bottom: 5px;text-align: center;} #event_example li h3::before{content: '■ ';} #event_example li img{width: 500px;margin-right: 20px;} #event_example li h4{font-size: 20px;margin: 10px 0;} #event_example li p{text-align: left;} .event_example_botton{color: #fff;background-color: #1CD8FF;padding: 5px 10px;border-radius: 50px;font-size: 16px;margin: 20px auto 0;display: block;width: 150px;text-align: center;text-decoration: none;} #planning_genba{margin-top: 40px;} #planning_genba p{font-size: 22px;} .item-readmore-label{background-color: #45A632 !important;} .event_example_botton{background-color: #CC7B25 !important;} #start_comm h1{margin: 50px 0 25px 0;} #rental ul li{list-style: none;} #staff_arr>div{display: flex;padding-top: 20px;} #staff_arr img{width: 95%;} #staff_arr p{width: 60%; margin: auto 0;} /* 企画・運営特集 ------------------------------------------------------------- */ #plan_feature h2{font-size: 22px;margin: 60px 0 20px;width: 100%;text-align: left;background-color: #FF7E00;color: #fff;padding: 5px 0 5px 10px;} #plan_feature ul{display: flex;justify-content: left; flex-wrap: wrap;} #plan_feature li{width: 280px;margin: 20px 10px;} #plan_feature li p{font-size: 18px;} #plan_article h1{width: 100%;text-align: center;} #plan_article h1 span{background: linear-gradient(transparent 70%, #B7F5FF 70%);} #plan_article section{margin-top: 80px;} #plan_article section h3{font-size: 28px;color: #223198;margin-bottom: 20px;text-align: center;} #plan_article section .plan_article_img{width: 100%;display: flex;justify-content: center;margin: 20px 0;} #plan_article section .plan_article_img img{width: 49%;margin: 0 2px;} #plan_article section img{width: 50%;} #plan_article section .plan_article_p{width: 100%;display: flex;margin: 20px 0;} #plan_article section .plan_article_p img{width: 100px;height: 100px;border-radius: 100px;} #plan_article section .plan_article_p p{font-size: 20px;margin:auto 20px;border: 2px solid #707070;border-radius: 30px;padding: 10px;} #plan_article_merchandise{margin-top: 80px;} #plan_article_merchandise h2{font-size: 22px;text-align: left;width: 100%;border-bottom: 3px solid #223198;margin-bottom: 40px;} #plan_article_merchandise ul{display: flex;flex-wrap: wrap;} #plan_article_merchandise li{display: flex;flex-wrap: nowrap;border: 1px solid #707070;width: 47%;padding: 10px;} #plan_article_merchandise li >div{margin-left: 10px;} #plan_article_merchandise li >a{display: block;margin: 5px;} #plan_article_merchandise li img{width: 150px;} #plan_article_merchandise li p{font-size: 16px;} /* -----newカテゴリーページ----- */ #category_list{display: grid;grid-template-columns: 25% 25% 25% 25%;width: 90%;margin: 0 auto;} #category_list a{display: block;margin: 15px;font-weight: none;} #category_list a:hover{background: rgba(50, 65, 40, 0.01);} #category_list img{width: 100%;height: auto;} #hero >div >img{width: 100%;} #hero >div >p{border-bottom: #3D4D2E solid 1px;padding-bottom: 20px;} /* -------------Q&A亜種start------------- */ #question_readmore >div:last-child{width: 80%;margin: 25px auto 0;} .title_group{border-bottom: #666666 solid 1px;width: 70%;margin: 0 auto;text-align: center;} .title_group >h3{font-size: 28px;padding: 20px 0 10px;} .title_group >h3::before,.title_group >h3::after{content: "★";margin: 0 15px;} .title_group .special_color{color: #FF3333;animation: color_change 2s ease-in-out 0s infinite alternate forwards;} @keyframes color_change {0%{color: #FF3333;}50%{color: #FF5533;}100%{color: #FF7733;}} .title_group p{margin: 0 auto 10px;font-size: 20px;font-weight: 600;display: inline-flex;} #question_readmore input{display: none;} .ques_group:hover .accent_pointo{color: #FF3333;font-size: 35px;transition: all 0.4s ease-in-out;} .ques_group .accent_pointo{color: #333;font-size: 25px;transition: all 0.4s ease-in-out;} .ques_group .anser_button{font-size: 25px;font-weight: bold;cursor: pointer;} .ques_group .anser_button p{padding: 0 15px 5px;border-bottom: #73BF73 dotted 8px;background-color: #B8E6BF;padding: 10px 15px 0;border-radius: 20px 20px 0 0;} .ques_group .anser_button span:first-child{margin-right: 15px;color: #3366FF;} .ques_group input:checked ~ .anser_group{grid-template-rows: 1fr;border-bottom: #666666 solid 2px;margin-bottom: 20px;margin-top: 10px;padding: 0 15px 5px 18px;font-size: 20px;font-weight: bold;max-height: 100%;min-height: 13.5px;} .anser_group{display: grid;grid-template-rows: 0.1fr;min-height: 13.5px;max-height: 13.5px;margin-bottom: 0px;margin-top: 0px;padding: 0px 15px 0px 18px;font-size: 20px;font-weight: bold;} .anser_group div{overflow: hidden;display: grid;grid-template-columns: 3% auto;} .anser_group div a{text-align: center;} .anser_group div img{height: auto;width: 30%;} .anser_group div p:first-child{margin-right: 15px;color: #FF3333;font-size: 25px;} #close_button{margin-top: 20px;} #close_button >p{color: white;font-size: 18px;text-align: center;background-color: #333333;border-radius: 30px;padding: 5px;width: 120px;margin: 0 auto;font-weight: normal;} .special_content{margin: 25px 0;position: relative;padding: 15px;} .special_content >span{position: absolute;background-color: white;top: -22px;left: 40px;padding: 5px 20px;} .no1{border: #F28F49 solid 2px;border-radius: 20px;} .no2{border: #73BF39 solid 2px;border-radius: 20px;} .no3{border: #39BF93 solid 2px;border-radius: 20px;} .no4{border: #2E81E6 solid 2px;border-radius: 20px;} .no5{border: #7961F2 solid 2px;border-radius: 20px;} .no6{border: #D361F2 solid 2px;border-radius: 20px;} .no7{border: #F26185 solid 2px;border-radius: 20px;} .no8{border: #F26161 solid 2px;border-radius: 20px;} /* --------------Q&A亜種end-------------- */ /* カテゴリー一覧アンカーリンク */ .item_list >h2{text-align: left;margin-top: -250px;padding-top: 200px;} .item_list >.category_item_wrap{margin-top: 10px;} /* 選び方ガイド */ #how_to_choose input{display: none;} #how_to_choose >div{margin-top: 30px;} .choose_title{display: flex; justify-content: center; align-items: center;font-size: 28px;color: #E66D17;border-bottom: #000 solid 2px;padding-bottom: 25px;} .choose_title p{margin: 0 30px;} .choose_fist_comment{position: relative;} .choose_fist_comment p{font-size: 18px;background-color:#f4f9ff;border:2px solid #84c1ff;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);color:#000000;padding: 15px;border-radius: 10px;} .choose_fist_comment a{width: 30%;height: auto;margin: 20px;float: right;} .choose_fist_comment a img{border-radius: 5px;} .hukidasi {position: relative;background: #f4f9ff;border: 2px solid #808080;border-radius: 10px;padding: 10px 15px;margin:10px 0 10px 60px;display: inline-block;color: #000;font-size: 16px;max-width: 90%;font-size: 20px;color: #1D38BF;} .hukidasi::after {content: "";position: absolute;bottom: -10px;left: 20px;border-width: 10px 10px 0 10px;border-style: solid; border-color: #808080 transparent transparent transparent;} .hukidasi::before {content: "";position: absolute;bottom: -8px;left: 21px;border-width: 8px 8px 0 8px;border-style: solid;border-color: #f4f9ff transparent transparent transparent;} .choose_contents_group{width: 95%;margin: 0 auto;} .choose_contents{border: solid #995736 3px;border-radius: 20px 20px 0 0;margin-top: 25px;} .choose_contents h5{border-bottom: solid #995736 3px;margin: 10px 0 0;padding: 0 0 10px 15px;font-size: 25px;font-weight: bold;} .choose_contents label::before{content: "▼ ここをクリックすると詳細を表示できます！ ▼";text-align: center;width: 100%;display: block;border-top: solid #995736 10px;color: white;background-color: #995736;font-weight: bold;font-size: 18px;padding: 5px 0 10px;outline: solid #995736 2px;} .choose_contents input:checked ~ label::before{content: "▲ 閉じる ▲";border-top: solid #995736 3px;} .choose_contents input:checked ~ .contents_main{max-height: 1000vh;padding: 10px 15px;transition: max-height 1s ease-in-out;} .contents_main{font-size: 18px;background-color: #F2EAE6;max-height: 0.01vh;overflow: hidden;padding: 0px 15px;} .contents_osusume{border-top: dotted #995736 3px;margin: 30px 0 0;padding: 30px 0 0;} .contents_osusume >p{text-align: center;font-size: 23px;font-weight: bold;} .contents_osusume >p::before{content: "★";padding-right: 15px;} .contents_osusume >p::after{content: "★";;padding-left: 15px;} .osusume_anker{margin-top: 15px;display: grid;grid-template-columns: 25% 25% 25% 25%;} .osusume_anker div{width: 80%;background-color: white;border: solid #995736 2px;border-radius: 10px 10px 10px 0;padding: 10px;margin: 0 auto 25px;} .osusume_anker div p{text-align: center;} .osusume_anker div p:first-child{border-bottom: solid black 1px;margin-bottom: 10px;} .osusume_anker div p span{text-align: center;margin: 0 5px;} .osusume_anker div img{height: auto;width: 100%;border-radius: 5px;} .osusume_anker div a:last-child{display: block;width: 80%;text-align: center;text-decoration: none;margin: 0 auto;padding: 5px 0;background-color: #4D2B1B;color: white;border-radius: 50px;margin-top: 10px;} .choose_end_comment{display: flex;} .choose_end_comment a{width: 100%;margin-right: 25px;} .choose_end_comment a img{border-radius: 5px;} .choose_end_comment p{font-size: 18px;background: #ffebf0;background-image: radial-gradient(#fad6de 10%, transparent 25%), radial-gradient(#fad6de 10%, transparent 25%);background-position: 0 0, 10px 10px;background-size: 20px 20px;color:#333;padding: 15px;} /* タレント紹介ページstart */ #perf{padding-top: 130px;margin: 0 auto;text-align: center;width: 1200px;} #perf li{list-style: none;} .perf_title{margin-top: 20PX;position: relative;} .perf_title h1{position: absolute;top: 20%;left: 10%;font-size: 70px;text-shadow: 3px 3px #fff, 4px 4px 0 #5d6f77, 4px 2px 0 #5d6f77, 2px 4px 0 #5d6f77, 2px 2px 0 #5d6f77;color: #246624;background-color: rgba(255, 255, 255, 0.8);padding: 20px;} .perf_h2{margin: 50px 0 30px;} .perf_h2 h2{display: grid;grid-template-rows: 50% 50%;font-weight: bold;letter-spacing: 2.5px;font-size: 30px;text-align: center;} .perf_h2 h2 span{border-top: 2px solid #1F993B;font-size: 18px;margin: 10px auto 0;padding-top: 10px;width: 200px;font-weight: lighter;} #perf .perf_h2 p{margin: 30px 0 0;font-size: 22px;text-align: center;} .perf_list_anker{display: grid;grid-template-columns: 33.3% 33.3% 33.4%;} .polaroid{margin: 15px 20px;box-shadow: 3px 3px 3px #777;background-color: #F0EFEC;padding: 15px;position: relative;} .polaroid >p:first-child{position: absolute;left: -10px;top: -10px;display: inline-block;margin: 0 .1em .6em 0;color: #fff !important;padding: 2px 10px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);transition: .3s;z-index: 1;font-size: 18px;} .magician_tag{background-color: #6C5AA6;border: 1px solid #6C5AA6;} .impersonator_tag{background-color: #D8B004;border: 1px solid #D8B004;} .mc_tag{background-color: #869D0C;border: 1px solid #869D0C;} .street_tag{background-color: #6C5AA6;border: 1px solid #6C5AA6;} .traditional_tag{background-color: #715C23;border: 1px solid #715C23;} .acrobatic_performer_tag{background-color: #237B8C;border: 1px solid #237B8C;} .polaroid img{width: 100%;height: auto;} .text{font-size: 25px;font-weight: bold;margin: 15px 0;} #perf_main .button {display: inline-block;background-color: #25591B;color: #fff;text-decoration: none;padding: 5px 15px;font-size: 18px;border-radius: 12px;border: solid 1px #25591B;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 -4px 5px -2px #A8F2A5 inset;transition: .3s;letter-spacing: 3px;} /* タレント詳細start */ /* 共通 */ .perf_about,.perf_category{padding-top: 250px;margin-top: -150px;text-align: left;} .perf_category_title{text-align: left;} .perf_category_title h3{font-size: 80px;padding-left: 40px;display: inline-block;font-family: Georgia, 'Times New Roman', Times, serif;} .perf_category_title h3 span{display: block;font-weight: lighter;font-size: 35px;text-align: right;margin: -10px auto;text-shadow: none;} .perf_category_top{padding: 50px 10px;position: relative;} .perf_category_top p{display: block;position: absolute;width: 60%;padding: 20px;left: 50px;top: 180px;font-size: 25px;text-align: left;font-weight: bold;background-color: rgba(255, 255, 255, 0.8);box-shadow: 3px 3px 3px #c9c9c9;text-align: left !important;} .perf_category_top img{width: 50%;margin-left: 600px;} .perf_category h4{font-size: 25px;padding: 10px 0;} .perf_category ul li{width: auto;height: auto;color: #fff;margin: 5px;padding: 5px 15px;border-radius: 13px;font-size: 20px;display: inline-block;} .perf_about h3{position: relative;font-size: 2em;text-align: center;margin: 7% 25%;} .perf_about h3::before{content: '';position: absolute;top: 50%;left: 0;display: inline-block;width: 45px;height: 2px;background-color: #333;} .perf_about h3::after{content: '';position: absolute;top: 50%;display: inline-block;width: 45px;height: 2px;background-color: #333;right: 0;} .perf_box{display: grid;grid-template-columns: 50% 50%;} .perf_left{width: 85%;margin: auto;} .perf_left img{width: 100%;height: auto;box-shadow: 3px 3px 3px #777;} .perf_right{width: 85%;height: 90%;margin: auto;display: grid;grid-template-rows: 33.3% 33.3% 33.3%;} .perf_right dl{border-bottom: 1px solid #9E9688;display: grid;align-items: center;} .perf_right dl:last-child{border-bottom: none;} .perf_right dt{font-size: 2em;} .perf_right dd{font-size: 1.2em;} .perf_about section{margin-top: 50px;} .perf_about section h4{font-size: 35px; border-bottom: 5px solid #9E9688;margin-bottom: 30px;color: #333;} .perf_about section h4 i{margin-right: 25px;} .perf_about section h4 span{font-size: 20px;margin-left: 10px;} .perf_about section ul{display: grid;grid-template-columns: 25% 25% 25% 25%;} .perf_about section ul li{margin: auto;width: 97%;} .perf_about section ul li img{width: 100%;height: auto;box-shadow: 3px 3px 3px #777;} .perf_movie_box{display: grid;grid-template-columns: 60% 40%;} .perf_movie_left{margin: auto;} .perf_movie_left iframe{width: 720px;height: 405px;} .perf_movie_right{width: 85%;margin: auto;font-size: 20px;padding: 10px;} .perf_proposal p{font-size: 20px;padding: 10px;margin-bottom: 15px;} .perf_contact{text-align: center;padding: 3% 0 10% 0;} .perf_contact p{font-size: 22px;padding: 10px;} .perf_contact a{display: inline-block;background: #25591B;color: #fff;text-decoration: none;padding: 10px 20px;font-size: 30px;border-radius: 15px;border: solid 3px #25591B;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 -4px 5px -2px #A8F2A5 inset;transition: .3s;color: #fff;} /* マジシャン */ #magician h3{border-left: 10px solid #6C5AA6;text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 5px 5px #6C5AA6;} #magician img{box-shadow: 10px 10px #6C5AA6;} #magician ul li{background-color: #6C5AA6;} /* ものまねタレント */ #impersonator h3{border-left: 10px solid #D8B004;text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 5px 5px #D8B004;} #impersonator img{box-shadow: 10px 10px #D8B004;} #impersonator ul li{background-color: #D8B004;} /* 司会者 */ #moderator h3{border-left: 10px solid #869D0C;text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 5px 5px #869D0C;} #moderator img{box-shadow: 10px 10px #869D0C;} #moderator ul li{background-color: #869D0C;} /* 伝統芸能 */ #traditional h3{border-left: 10px solid #715C23;text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 5px 5px #715C23;} #traditional img{box-shadow: 10px 10px #715C23;} #traditional ul li{background-color: #715C23;} /* アクロバットパフォーマー */ #acrobatic_performer h3{border-left: 10px solid #237B8C;text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 5px 5px #237B8C;} #acrobatic_performer img{box-shadow: 10px 10px #237B8C;} #acrobatic_performer ul li{background-color: #237B8C;} /* タレント詳細end */ /* よくある質問start */ .perf_faq_list{padding:30px;} .qa {margin-bottom: 20px;border: none;border-radius: 5px;box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);background-color: #ECE9E0;} .qa summary {display: flex;justify-content: space-between;align-items: center;position: relative;padding: 0.7em 2em 0.7em 3em;font-size: 23px;font-weight: bold;cursor: pointer;box-shadow: 3px 3px 3px #777;} .qa summary::before, .qa p::before {position: absolute;left: 1em;font-weight: 600;font-size: 1.3em;} .qa summary::before {color: #333333;content: "Q";} .qa summary::after {transform: translateY(-25%) rotate(45deg);width: 7px;height: 7px;margin-left: 10px;border-bottom: 3px solid #333333b3;border-right: 3px solid #333333b3;content: '';transition: transform .5s;} .qa[open] summary::after {transform: rotate(225deg);} .qa p {position: relative;transform: translateY(-10px);opacity: 0;margin: 0;padding: .3em 3em 1.5em;color: #333;transition: transform .5s, opacity .5s;background-color: #fff; box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);font-size: 22px;text-align: left;} .qa[open] p {transform: none;opacity: 1;} /* よくある質問end */ /*おすすめstart*/ #perf_recommend{margin: 0;padding: 0;} #perf_recommend .inner ul li p{font-size: 18px;} .inner ul li{margin: 0 !important;} #perf_recommend h4{position: relative; padding-left: 60px;} #perf_recommend h4:before{position: absolute;display: inline-block; content: "";background-repeat: no-repeat; width: 50px;height: 50px; background-size: 50px;left:0;} #perf_recommend section:nth-child(2) h4:before{background-image: url(../image/performer/sp_icon.png);} #perf_recommend section:nth-child(3) h4:before{background-image: url(../image/performer/tent_icon.png);} #perf_recommend section:nth-child(4) h4:before{background-image: url(../image/performer/sikiten_icon.png);} #perf_recommend p:nth-child(5){text-align: center;font-size: 2.5em;font-weight: bold;color: #DC7123;text-shadow: 3px 3px #fff, 4px 4px 0 #819096, 4px 2px 0 #819096, 2px 4px 0 #819096, 2px 2px 0 #819096; } #perf_recommend .button i{padding-left: 15px;} #perf_recommend .button a{display: inline-block; background: #25591B;color: #fff;text-decoration: none;padding: 10px 20px;font-size: 25px;border-radius: 10px;border: solid 3px #25591B; box-shadow: 0 1px 1px rgba(0,0,0,0.2), 0 -1px 2px -0.5px #A8F2A5 inset;transition: .3s;} #perf_recommend .button a:hover{background-color: #fff;color: #25591B;} .tow_col{padding: 3% 0 10% 0;} .tow_col img{width: 100%;} .tow_col ul{display: grid;grid-template-columns: 50% 50% !important;} .tow_col ul li{width: 85%;margin: auto; text-align: center;} .inner li a{text-decoration: none;font-size: 25px;text-align: center;color: #DC7123;font-weight: bold;} .tow_col ul li p{text-align: center;font-size: 20px;margin-bottom: 15px;} .tow_col ul li p span{background: linear-gradient(transparent 70%, #eee01b 70%);} /*おすすめend*/ /* タレント紹介ページend */ /* ------------------------------社員プロモーションビ動画start------------------------------ */ .movie_group{margin: 65px auto;padding: 20px;display: grid;grid-template-columns: 50% 50%;width: 55%;} .movie_group >div{border-radius: 20px;box-shadow: 8px 8px 16px #999999,-8px -8px 16px #F7F7F7;margin: 10px;padding: 15px;z-index: 1;background-color: white;} .movie_group >div:nth-child(odd){z-index: 2;} .movie_group >div >a{text-decoration: none;color: black;} .plof_grop{display: flex;margin-bottom: 20px;} .plof_grop div{text-align: left;font-size: 19px;} .plof_grop div p{background: linear-gradient(transparent 50%, #bde4f7 50%);padding: 0 0.1em;} .face_image{width: 90px;height: auto;border-radius: 50%;margin-right: 20px;} .movie_image{width: 90%;height: auto;border-radius: 10px;} .push_button{background-color: #67A6E6;width: 50%;margin: 20px auto 0;font-size: 17px;padding: 8px;border-radius: 50px;color: white;} /* -------------------------------社員プロモーションビ動画end------------------------------- */ } @media screen and (min-width:600px) and (max-width:1199px){ .mobile_only{display:none;} .tablet_only{display:block;} .pc_only{display:none;} #header{width: 100%;background: rgba(168,242,165,0.85);position: fixed;z-index: 999;top: 0;left: 0;} #header >div{justify-content: space-between;display: flex;width: 800px;margin: 0 auto;} #header_logo_img{width: 200px;height: 80px;display: block;background-image: url(../image/header_logo.jpg);background-repeat:no-repeat;background-size: 200px;} #header >div >div:nth-child(2) >div:last-of-type{height: 34px;display: flex;flex-direction: column;margin-right: 5px;} #header_nav{display: flex;} #header_nav >p{border-top: none;margin: 0 3px;padding: 2px;font-size: 18px;background-color: #018705;} #header_nav >p a{color: #fff;text-decoration: none;} #header_nav p:hover{color: #7EADFF;} #header_search{text-align: right;margin-top: 26px;} #header_search input:nth-child(3){width: 220px;height: 30px;border: #25591B solid 2px;border-radius: 5px;} #header_search form input:nth-child(4){width: 50px;height: 33px;background-color: #25591B;color: white;border-radius: 5px;border: #25591B solid 2px;} #header_search input:last-of-type{color: #fff;background-color: #61B4F3;border: 2px solid #61B4F3;} /*イベント担当者より現場写真の紹介*/ .favorite_item {border-top:solid 2px #c4c4c4;border-bottom:solid 2px #c4c4c4;position:relative;} .favorite_item h5{position:absolute;top: 0;left: 50%;font-size:3vw;padding:0 1em;margin: 0;background-color: #fff;transform:translate(-50%, -50%);} .favorite_item .con_left img{width: 94%;margin:30px 0 20px 10px;border:10px solid #fff;box-shadow: 0 0 5px #ddd;} .favorite_item .con_right{position:relative;} .favorite_item .con_right img{margin:5px 10px 10px 0;width:15%;box-shadow:0 0 5px #ddd;height: auto !important} .favorite_item .con_right span{font-size:1.8vw;position:absolute;top:15%;left:24%;background-color:#4682b4;padding:1% 2%;color:#ffffff;} .genba_photo .con_right p{font-size:1.6vw;background-color: #f0f8ff;padding: 20px;margin-bottom: 5%;color: #4f4f4f;} .favorite_item .con_left iframe {height: 430px;width: 94%;} .favorite_item >div{ margin-top: 50px;} .favorite_item .con_right span {background-color: #D69A65;} .favorite_item .con_right p {background-color: #FFF1E6;} .rental_sub_ex{max-width: none !important;} #company{width: 100%;margin:0 auto;} #company h1{text-align: center;margin-top:150px;font-size:3.2vw;} #menu div{width:40%;margin:0 auto;text-decoration: none;text-align: center;} #menu div a{text-decoration: none;margin:0 20px;} #corevalue{width:80%;margin: 0 auto;} #corevalue >div{width:100%;margin: 0 auto;text-align: center;font-family:"Noto Sans JP", sans-serif;} #corevalue div img{width:100%;margin:40px 0 50px;} #corevalue h2{font-size:3vw;font-family:"Noto Sans JP", sans-serif;} #corevalue p{margin:20px 0 80px 0;font-size:3vw;font-weight: normal;} #corevalue p span{font-family: Century Gothic !important;font-weight: normal;color: #0168b7;} .hover{box-shadow: 0 0 8px gray;margin:0 auto 100px;width:100%;} #philosophy{width:80%;margin:50px auto;text-align:center;} #philosophy h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} .container{max-width:1200px;padding:40px;border-radius:15px;box-shadow:0px 10px 30px rgba(0,0,0,0.1)} #philosophy h3{color:#415786;font-size:1.5em;margin-bottom:20px;} .sections {display:flex;justify-content:center;flex-wrap:wrap;gap:20px;} .section{width:30%;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;} .section:hover{transform:translateY(-5px);} .section h4{color:#1e3a8a;font-size:1.2em;margin-bottom:10px;} .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);} #businessdefinition{width:80%;color:#333;line-height:1.6;justify-content:center;margin:0 auto;} #businessdefinition h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} .main-heading {text-align: center;font-size: 1.5em;color: #415786;margin-bottom: 20px;} #businessdefinition >p{text-align: center;margin: 40px 0;font-size: 20px;} #businessdefinition >p span{font-weight: bolder;font-size: 25px;} .definition_detail{width: 95%;margin: 0 auto;} .definition_detail div{display: grid;grid-template-columns: 65% 35%;margin: 30px 10px;} .definition_detail div .imp_color{font-size: 25px;} .definition_detail div:not(:last-child):nth-child(even){display: grid;grid-template-columns: 35% 65%;} .definition_detail div:not(:last-child):nth-child(even) p{grid-column: 2/3;} .definition_detail div:not(:last-child):nth-child(even) img{grid-column: 1/2;grid-row: 1/2;} .definition_detail div img{width: 100%;height: auto;margin: auto;} .definition_detail div:not(:last-child) p{position: relative;padding: 50px 2rem 2rem;background-color: #E6E6E6;color: #333;margin: 35px;align-items: center;} .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: 90%;margin: 0 auto;padding: 20px 15px;border-radius: 15px;} .definition_detail div:last-child p::before{position: absolute;content: "";width: 101.5%;height: 115.5%;top: -7%;left: -0.65%;background-color: #FF8833;z-index: -1;} .small-title {text-align: center;font-size: 1.2em;color: #2c3e50;} .rental_sub {padding: 20px;color: #333;max-width: 960px;margin: auto;font-size: 14px;width:80%;} .genba_picture {display: flex;flex-wrap: wrap;border-radius: 12px;overflow: hidden;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);} .genba_picture h5 {width: 100%;font-size: 18px;padding: 12px;margin: 0;background-color: #e0e0e0;color: #333;} .con_left,.con_right {flex: 1;padding: 12px;box-sizing: border-box;} .con_left a {display: block;text-decoration: none;border-radius: 6px;overflow: hidden;} .con_left img {max-width: 100%;border-radius: 6px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease;} .con_left img:hover{transform:scale(1.03);} .con_right {display: flex;flex-direction: column;justify-content: center;} .con_right div {display: flex;align-items: center;margin-bottom: 8px;} .con_right img {width: 80px;height: 80px;border-radius: 50%;margin-right: 12px;} .con_right span {font-weight: bold;color: #444;font-size:16px;} .con_right p {font-size: 18px;line-height: 1.6;} .con_right a{font-size:16px;} #missyon{width:80%;color:#333;line-height:1.6;justify-content:center;margin:0 auto;} #missyon h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} .content-container{width:90%;max-width:1200px;margin:0 auto;} .vision-section{margin:40px 0;position:relative;} .image-gallery{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;max-width:1200px;margin:0 auto;} .image-gallery img{width:30%;} .image-gallery img:hover{transform:scale(1.05);} .vision-section p{font-size:1.0em;font-weight:600;margin-top:30px;line-height:1.6;text-align:center;} #missyon h3{font-size:1.5em;font-weight:bold;color:#415786;text-align:center;} #topscorevalue{width:80%;margin:50px auto;text-align:center;} #topscorevalue p{width:68%;font-size:18px;margin:30px auto 30px;text-align:center;} #topscorevalue h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} .picturelist{display:block;margin:0 auto;flex:wrap;text-align:center;} .picturelist img{width: 10%;height: auto;margin:0 20px;} #vision{width:80%;margin:50px auto;} #vision h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} .vision-list{margin: auto;padding: 30px 20px;} .fiscal-year{margin-bottom: 40px;} .fiscal-year h3 {color: #2980b9;border-bottom: 2px solid #2980b9;padding-bottom: 5px;font-size: 1.25rem;} .fiscal-year p {margin-top: 10px;font-size: 1rem;} .vision_photo{display:flex;flex-wrap: wrap;margin: 25px 0 20px 0 !important;} .vision_photo img{width:28%;margin:0 2%;} #basic{width:80%;margin:0 auto;} #basic h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} #basic table{margin-bottom:100px;border-collapse: collapse;width: 100%;} #basic >table th{width:200px;background:rgba(193,211,230,0.2);border:1px solid #c0c0c0;text-align:left;padding:20px 0 20px 40px;font-weight:normal;font-size:16px;} #basic >table td{width: 500px;border: 1px solid #c0c0c0;padding-left: 30px;font-size: 16px;padding: 20px 0 20px 20px;} #basic >table dt{font-weight:bold;font-size:18px;} #basic >table dl{padding-top:20px;} #basic >table dd{margin-bottom:20px;} #basic >table li{width:100%;margin-top:5px;list-style:none;line-height:1.8em;} #basic >table div{line-height:1.8em;} #business{width:80%;margin:0 auto;} #business h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;} #business p{line-height:1.8em;} .business_more{color:#fff;background: #ff6161;text-decoration:none;padding:15px 25px;margin-bottom:20px;display:inline-block;font-size:2vw;} .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 0 60px; font-size:2vw;} .business_box{position:relative;border-radius:4px;padding:1.5em 1em;width: 80%;margin: 40px auto;} .business_box h5{position:absolute;top: -12px;left: 10px;padding: 1% 10%;border-radius:4px;font-size:2vw;} .business_box p{padding: 4% 4% 0;font-size:1.8vw;} #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;font-size:1.8vw;padding: 20px;background: #e3eef8;border-radius: 20px 0;width: 80%} #company_genba_photo{display:flex;flex-wrap:wrap;margin-top:25px!important;margin-bottom: 50px;} #company_genba_photo li{flex-grow:1;height:auto!important;text-indent:0!important;width:31%;text-align:center;list-style:none;} #company_genba_photo li:nth-child(2){padding:0 2%;} #company_genba_photo li img{width:100%;} #greeting{width:80%;margin:0 auto;} #greeting h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} #greeting img{width:60%;} #greeting div{background: rgba(21, 107, 0, 0.8);width: 55%;margin-left: auto;position: relative;padding: 50px;color: #fff;box-shadow: 5px 5px 10px 0 rgb(59, 59, 59);top:calc(-400 /1400* 100vw);left: calc(-5 / 1200* 100vw);} #greeting div h3{text-align: left;font-size: 1.4em;border-bottom: 1px solid #fff;display: inline-block;padding: 0 0 0.2em 0; font-weight:normal;} #greeting div p{word-wrap: break-word;font-size: 1.5vw;text-indent: 1em;line-height: 1.8em;margin-top: 2%;} #interview{width:80%;margin:-150px auto 60px;} #interview h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} .interview-grid { display: flex; flex-wrap: wrap; gap: 20px; justify-content: space-between; margin:20px; } .interview-item { width: 48%; } .interview-item img { width: 100%; height: auto; display: block; } .interview-text {font-size:1.0em;margin:10px;} #reagion {width:80%;margin:0 auto;} #reagion h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} #history{width:80%;margin:0 auto;} #history h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} .timeline { list-style: none; margin: 10px 0 20px 40px; } .timeline > li {margin-bottom: 60px;overflow: hidden;margin: 0;position: relative;} .timeline > li {overflow: hidden;margin: 0;position: relative;} .timeline-date {width: 80px;float: left;margin-top: 22px;font-size: 13px;} .timeline-content { width: 65%; float: left; border-left: 3px #e5e5d1 solid; padding-left: 15px; } .timeline-content >p{margin:10px 0 20px;} .timeline-content >h3{margin-top:18px;} .timeline-content:before { content: ""; width: 8px; height: 8px; background: #6fc173; position: absolute; left: 78px; top: 28px; border-radius: 100%; } #other_about2{width:80%;margin:0 auto 60px;} #other_about2 h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} #client{width:80%;margin:0 auto 100px;} #client h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} #client ul{display: flex;flex-wrap: wrap;margin: 0 auto;margin-top: 50px;list-style:none;} #client li{width: 33% !important;height: 50px;text-align: left;text-indent: 4em;font-size:1.4vw;} #supplier{width:80%;margin:0 auto 100px;} #supplier h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-weight:normal;margin-bottom:30px;} #supplier ul{display: flex;flex-wrap: wrap;margin: 0 auto;margin-top: 50px;list-style:none;} #supplier li{width: 33% !important;height: 50px;text-align: left;text-indent: 3em;font-size:1.4vw;} #e21{margin-bottom:80px;} #e21 >div{width:100%;margin: 0 auto;text-align: center;font-family:"Noto Sans JP", sans-serif;} #e21 div img{width:70%;} #e21 h2{font-size:3vw;font-family:"Noto Sans JP", sans-serif;} #e21 p{margin:20px 0 40px 0;font-size:3vw;font-weight: normal;} #e21 p span{font-family: Century Gothic !important;font-weight: normal;color: #0168b7;} .hover{box-shadow: 0 0 8px gray;margin:0 auto;width:100%;} #toiawase img{width:60%;} #breadcrumb{text-align: right;display: block !important;font-size: 15px;} #breadcrumb ul{display: inline-flex;} #breadcrumb ul li{list-style: none;} /* 企画・運営 ------------------------------------------------------------- */ #plan_operation img{width: 100%;} #plan_operation h1{font-size: 28px;text-align: center;} #plan_operation p{font-size: 18px;} #event_example h2,#staff_arr h2{font-size: 22px;margin: 60px 0 20px;width: 100%;text-align: left;background-color: #25591B;color: #fff;padding: 5px 0 5px 10px;border-bottom: none;} #event_example ul{margin-top: 50px;} #event_example li{margin-bottom: 15px;} #event_example li >div{display: flex;} #event_example li h3{color: #000;border-bottom: 1px solid #1CD8FF;margin-bottom: 10px;padding-bottom: 5px;text-align: center;} #event_example li h3::before{content: '■ ';} #event_example li img{width: 500px;margin-right: 20px;} #event_example li h4{font-size: 16px;margin: 10px 0;} #event_example li p{text-align: left;font-size: 14px;} .event_example_botton{color: #fff;background-color: #1CD8FF;padding: 5px 10px;border-radius: 50px;font-size: 14px;margin: 20px auto 0;display: block;width: 150px;} #planning_genba{margin-top: 20px;} #planning_genba p{font-size: 17px;} #staff_arr>div{display: flex;flex-direction: column;} #staff_arr a{order: 2;} #staff_arr p{margin: 15px 0 20px 0;} /* 企画・運営特集 ------------------------------------------------------------- */ #plan_feature h2{font-size: 22px;margin: 60px 0 20px;width: 100%;text-align: left;background-color: #FF7E00;color: #fff;padding: 5px 0 5px 10px;} #plan_feature ul{display: flex;justify-content: left; flex-wrap: wrap;} #plan_feature li{width: 230px;margin: 20px 10px;} #plan_feature li p{font-size: 18px;} #plan_article h1{width: 100%;text-align: center;} #plan_article h1 span{background: linear-gradient(transparent 70%, #B7F5FF 70%);} #plan_article section{margin-top: 80px;} #plan_article section h3{font-size: 28px;color: #223198;margin-bottom: 20px;text-align: center;} #plan_article section .plan_article_img{width: 100%;display: flex;justify-content: center;margin: 20px 0;} #plan_article section img{width: 50%;} #plan_article section .plan_article_p{width: 100%;display: flex;margin: 20px 0;} #plan_article section .plan_article_p img{width: 100px;height: 100px;border-radius: 100px;} #plan_article section .plan_article_p p{font-size: 16px;margin:auto 10px;border: 2px solid #707070;border-radius: 30px;padding: 10px;} #plan_article_merchandise{margin-top: 80px;} #plan_article_merchandise h2{font-size: 22px;text-align: left;width: 100%;border-bottom: 3px solid #223198;margin-bottom: 40px;} #plan_article_merchandise ul{display: flex;flex-wrap: wrap;} #plan_article_merchandise li{display: flex;flex-wrap: nowrap;border: 1px solid #707070;width: 47%;padding: 10px;} #plan_article_merchandise li >div{margin-left: 10px;} #plan_article_merchandise li >a{display: block;margin: 5px;} #plan_article_merchandise li img{width: 150px;} #plan_article_merchandise li p{font-size: 16px;} .item-readmore-label{background-color: #45A632 !important;} .event_example_botton{background-color: #CC7B25 !important;text-decoration: none;text-align: center;} #start_comm h1{margin: 50px 0 25px 0;} #rental ul li{list-style: none;} /* -----newカテゴリーページ----- */ #category_list{display: grid;grid-template-columns: 33.3% 33.3% 33.3%;width: 90%;margin: auto;} #category_list a{display: block;margin: 15px;font-weight: none;} #category_list a:hover{background: rgba(50, 65, 40, 0.01);} #category_list img{width: 100%;height: auto;} #hero >div >img{width: 100%;} #hero >div >p{border-bottom: #3D4D2E solid 1px;padding-bottom: 20px;} /* -------------Q&A亜種start------------- */ #question_readmore >div:last-child{width: 90%;margin: 25px auto 0;} .title_group{border-bottom: #666666 solid 1px;width: 95%;margin: 0 auto;text-align: center;} .title_group >h3{font-size: 25px;padding: 20px 0 10px;} .title_group >h3::before,.title_group >h3::after{content: "★";margin: 0 15px;} .title_group .special_color{color: #FF3333;animation: color_change 2s ease-in-out 0s infinite alternate forwards;} @keyframes color_change {0%{color: #FF3333;}50%{color: #FF5533;}100%{color: #FF7733;}} .title_group p{margin: 0 auto 10px;font-size: 18px;font-weight: 600;} #question_readmore input{display: none;} .ques_group:hover .accent_pointo{color: #FF3333;font-size: 25px;transition: all 0.4s ease-in-out;} .ques_group .accent_pointo{color: #333;font-size: 20px;transition: all 0.4s ease-in-out;} .ques_group .anser_button{font-size: 20px;font-weight: bold;cursor: pointer;} .ques_group .anser_button p{padding: 0 15px 5px;border-bottom: #738CBF dotted 8px;background-color: #B8E6BF;padding: 10px 15px 0;border-radius: 20px 20px 0 0;} .ques_group .anser_button span:first-child{margin-right: 15px;color: #3366FF;} .ques_group input:checked ~ .anser_group{grid-template-rows: 1fr;border-bottom: #666666 solid 2px;margin-bottom: 20px;margin-top: 10px;padding: 0 15px 5px 18px;font-size: 17px;font-weight: bold;max-height: 100%;min-height: 13.5px;} .anser_group{display: grid;grid-template-rows: 0.1fr;min-height: 13.5px;max-height: 13.5px;margin-bottom: 0px;margin-top: 0px;padding: 0px 15px 0px 18px;font-size: 20px;font-weight: bold;} .anser_group div{overflow: hidden;display: grid;grid-template-columns: 5% auto;} .anser_group div a{text-align: center;} .anser_group div img{height: auto;width: 30%;} .anser_group div p:first-child{margin-right: 15px;color: #FF3333;font-size: 20px;} #close_button{margin-top: 20px;} #close_button >p{color: white;font-size: 18px;text-align: center;background-color: #333333;border-radius: 30px;padding: 5px;width: 120px;margin: 0 auto;font-weight: normal;} .special_content{margin: 25px 0;position: relative;padding: 15px;} .special_content >span{position: absolute;background-color: white;top: -22px;left: 20px;padding: 5px 10px;} .no1{border: #F28F49 solid 2px;border-radius: 20px;} .no2{border: #73BF39 solid 2px;border-radius: 20px;} .no3{border: #39BF93 solid 2px;border-radius: 20px;} .no4{border: #2E81E6 solid 2px;border-radius: 20px;} .no5{border: #7961F2 solid 2px;border-radius: 20px;} .no6{border: #D361F2 solid 2px;border-radius: 20px;} .no7{border: #F26185 solid 2px;border-radius: 20px;} .no8{border: #F26161 solid 2px;border-radius: 20px;} /* --------------Q&A亜種end-------------- */ /* カテゴリー一覧アンカーリンク */ .item_list >h2{text-align: left;margin-top: -250px;padding-top: 200px;width: 100%;} .item_list >.category_item_wrap{margin-top: 10px;} /* 選び方ガイド */ #how_to_choose input{display: none;} #how_to_choose >div{margin-top: 30px;} .choose_title{display: flex; justify-content: center; align-items: center;font-size: 28px;color: #E66D17;border-bottom: #000 solid 2px;padding-bottom: 25px;} .choose_title p{margin: 0 30px;} .choose_fist_comment{position: relative;} .choose_fist_comment p{font-size: 18px;background-color:#f4f9ff;border:2px solid #84c1ff;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);color:#000000;padding: 15px;border-radius: 10px;} .choose_fist_comment a{width: 30%;height: auto;margin: 20px;float: right;} .choose_fist_comment a img{border-radius: 5px;} .hukidasi {position: relative;background: #f4f9ff;border: 2px solid #808080;border-radius: 10px;padding: 10px 15px;margin:10px 0 10px 60px;display: inline-block;color: #000;font-size: 16px;max-width: 90%;font-size: 20px;color: #1D38BF;} .hukidasi::after {content: "";position: absolute;bottom: -10px;left: 20px;border-width: 10px 10px 0 10px;border-style: solid; border-color: #808080 transparent transparent transparent;} .hukidasi::before {content: "";position: absolute;bottom: -8px;left: 21px;border-width: 8px 8px 0 8px;border-style: solid;border-color: #f4f9ff transparent transparent transparent;} .choose_contents_group{width: 95%;margin: 0 auto;} .choose_contents{border: solid #995736 3px;border-radius: 20px 20px 0 0;margin-top: 25px;} .choose_contents h5{border-bottom: solid #995736 3px;margin: 10px 0 0;padding: 0 0 10px 15px;font-size: 25px;font-weight: bold;} .choose_contents label::before{content: "▼ ここをクリックすると詳細を表示できます！ ▼";text-align: center;width: 100%;display: block;border-top: solid #995736 10px;color: white;background-color: #995736;font-weight: bold;font-size: 18px;padding: 5px 0 10px;outline: solid #995736 2px;} .choose_contents input:checked ~ label::before{content: "▲ 閉じる ▲";border-top: solid #995736 3px;} .choose_contents input:checked ~ .contents_main{max-height: 1000vh;padding: 10px 15px;transition: max-height 1s ease-in-out;} .contents_main{font-size: 18px;background-color: #F2EAE6;max-height: 0.01vh;overflow: hidden;padding: 0px 15px;} .contents_osusume{border-top: dotted #995736 3px;margin: 30px 0 0;padding: 30px 0 0;} .contents_osusume >p{text-align: center;font-size: 23px;font-weight: bold;} .contents_osusume >p::before{content: "★";padding-right: 15px;} .contents_osusume >p::after{content: "★";;padding-left: 15px;} .osusume_anker{margin-top: 15px;display: grid;grid-template-columns: 33.3% 33.3% 33.3%;} .osusume_anker div{width: 80%;background-color: white;border: solid #995736 2px;border-radius: 10px 10px 10px 0;padding: 10px;margin: 0 auto 25px;} .osusume_anker div p{text-align: center;} .osusume_anker div p:first-child{border-bottom: solid black 1px;margin-bottom: 10px;} .osusume_anker div p span{text-align: center;margin: 0 5px;} .osusume_anker div img{height: auto;width: 100%;border-radius: 5px;} .osusume_anker div a:last-child{display: block;width: 80%;text-align: center;text-decoration: none;margin: 0 auto;padding: 5px 0;background-color: #4D2B1B;color: white;border-radius: 50px;margin-top: 10px;} .choose_end_comment{display: flex;} .choose_end_comment a{width: 100%;margin-right: 25px;} .choose_end_comment a img{border-radius: 5px;} .choose_end_comment p{font-size: 18px;background: #ffebf0;background-image: radial-gradient(#fad6de 10%, transparent 25%), radial-gradient(#fad6de 10%, transparent 25%);background-position: 0 0, 10px 10px;background-size: 20px 20px;color:#333;padding: 15px;} /* タレント紹介ページstart */ #perf{padding-top: 130px;margin: 0 auto;text-align: center;width: 80vw;} #perf li{list-style: none;} .perf_title{margin-top: 20PX;position: relative;} .perf_title h1{position: absolute;top: 20%;left: 10%;font-size: 4.5vw;text-shadow: 3px 3px #fff, 4px 4px 0 #5d6f77, 4px 2px 0 #5d6f77, 2px 4px 0 #5d6f77, 2px 2px 0 #5d6f77;color: #246624;background-color: rgba(255, 255, 255, 0.8);padding: 20px;} .perf_h2{margin: 50px 0 30px;} .perf_h2 h2{display: grid;grid-template-rows: 50% 50%;font-weight: bold;letter-spacing: 2.5px;font-size: 3vw;text-align: center;} .perf_h2 h2 span{border-top: 2px solid #1F993B;font-size: 18px;margin: 10px auto 0;padding-top: 10px;width: 200px;font-weight: lighter;} #perf .perf_h2 p{margin: 30px 0 0;font-size: 2vw;text-align: center;} .perf_list_anker{display: grid;grid-template-columns: 33.3% 33.3% 33.4%;} .polaroid{margin: 15px 10px;box-shadow: 3px 3px 3px #777;background-color: #F0EFEC;padding: 10px;position: relative;} .polaroid >p:first-child{position: absolute;left: -10px;top: -10px;display: inline-block;margin: 0 .1em .6em 0;color: #fff !important;padding: 2px 10px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);transition: .3s;z-index: 1;font-size: 18px;} .magician_tag{background-color: #6C5AA6;border: 1px solid #6C5AA6;} .impersonator_tag{background-color: #D8B004;border: 1px solid #D8B004;} .mc_tag{background-color: #869D0C;border: 1px solid #869D0C;} .street_tag{background-color: #6C5AA6;border: 1px solid #6C5AA6;} .traditional_tag{background-color: #715C23;border: 1px solid #715C23;} .acrobatic_performer_tag{background-color: #237B8C;border: 1px solid #237B8C;} .polaroid img{width: 100%;height: auto;} .text{font-size: 2vw;font-weight: bold;margin: 15px 0;} #perf_main .button {display: inline-block;background-color: #25591B;color: #fff;text-decoration: none;padding: 5px 15px;font-size: 1.5vw;border-radius: 12px;border: solid 1px #25591B;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 -4px 5px -2px #A8F2A5 inset;transition: .3s;letter-spacing: 3px;} /* タレント詳細start */ /* 共通 */ .perf_about,.perf_category{padding-top: 200px;margin-top: -150px;text-align: left;} .perf_category_title{text-align: left;} .perf_category_title h3{font-size: 4vw;padding-left: 40px;display: inline-block;font-family: Georgia, 'Times New Roman', Times, serif;} .perf_category_title h3 span{display: block;font-weight: lighter;font-size: 35px;text-align: right;margin: -10px auto;text-shadow: none;} .perf_category_top{padding: 50px 10px;position: relative;} .perf_category_top p{display: block;position: absolute;width: 65%;padding: 20px;left: 0vw;top: 130px;font-size: 2vw;text-align: left;font-weight: bold;background-color: rgba(255, 255, 255, 0.8);box-shadow: 3px 3px 3px #c9c9c9;text-align: left !important;} .perf_category_top img{width: 40vw;margin-left: 37vw;} .perf_category h4{font-size: 2.5vw;padding: 10px 0;} .perf_category ul li{width: auto;height: auto;color: #fff;margin: 5px;padding: 5px 15px;border-radius: 13px;font-size: 2.2vw;display: inline-block;} .perf_about h3{position: relative;font-size: 2em;text-align: center;margin: 7% 25%;} .perf_about h3::before{content: '';position: absolute;top: 50%;left: 0;display: inline-block;width: 45px;height: 2px;background-color: #333;} .perf_about h3::after{content: '';position: absolute;top: 50%;display: inline-block;width: 45px;height: 2px;background-color: #333;right: 0;} .perf_box{display: grid;grid-template-columns: 50% 50%;} .perf_left{width: 95%;margin: auto;} .perf_left img{width: 100%;height: auto;box-shadow: 3px 3px 3px #777;} .perf_right{width: 85%;height: 98%;margin: auto;display: grid;} .perf_right dl{border-bottom: 1px solid #9E9688;display: grid;align-items: center;} .perf_right dl:last-child{border-bottom: none;} .perf_right dt{font-size: 2.5vw;} .perf_right dd{font-size: 1.8vw;margin-bottom: 5px;} .perf_about section{margin-top: 50px;} .perf_about section h4{font-size: 3.5vw; border-bottom: 5px solid #9E9688;margin-bottom: 30px;color: #333;} .perf_about section h4 i{margin-right: 25px;} .perf_about section h4 span{font-size: 20px;margin-left: 10px;} .perf_about section ul{display: grid;grid-template-columns: 25% 25% 25% 25%;} .perf_about section ul li{margin: auto;width: 97%;} .perf_about section ul li img{width: 100%;height: auto;box-shadow: 3px 3px 3px #777;} .perf_movie_box{display: grid;grid-template-columns: 60% 40%;} .perf_movie_left{margin: auto;} .perf_movie_left iframe{width: 45vw;height: 25vh;} .perf_movie_right{width: 85%;margin: auto;font-size: 2vw;padding: 10px;} .perf_proposal p{font-size: 2vw;padding: 10px;margin-bottom: 15px;} .perf_contact{text-align: center;padding: 3% 0 10% 0;} .perf_contact p{font-size: 2.5vw;padding: 10px;} .perf_contact a{display: inline-block;background: #25591B;color: #fff;text-decoration: none;padding: 10px 20px;font-size: 3.5vw;border-radius: 15px;border: solid 3px #25591B;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 -4px 5px -2px #A8F2A5 inset;transition: .3s;color: #fff;} /* マジシャン */ #magician h3{border-left: 10px solid #6C5AA6;text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 5px 5px #6C5AA6;} #magician img{box-shadow: 10px 10px #6C5AA6;} #magician ul li{background-color: #6C5AA6;} /* ものまねタレント */ #impersonator h3{border-left: 10px solid #D8B004;text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 5px 5px #D8B004;} #impersonator img{box-shadow: 10px 10px #D8B004;} #impersonator ul li{background-color: #D8B004;} /* 司会者 */ #moderator h3{border-left: 10px solid #869D0C;text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 5px 5px #869D0C;} #moderator img{box-shadow: 10px 10px #869D0C;} #moderator ul li{background-color: #869D0C;} /* 伝統芸能 */ #traditional h3{border-left: 10px solid #715C23;text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 5px 5px #715C23;} #traditional img{box-shadow: 10px 10px #715C23;} #traditional ul li{background-color: #715C23;} /* アクロバットパフォーマー */ #acrobatic_performer h3{border-left: 10px solid #237B8C;text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 5px 5px #237B8C;} #acrobatic_performer img{box-shadow: 10px 10px #237B8C;} #acrobatic_performer ul li{background-color: #237B8C;} /* タレント詳細end */ /* よくある質問start */ .perf_faq_list{padding:15px;} .qa {margin-bottom: 20px;border: none;border-radius: 5px;box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);background-color: #ECE9E0;} .qa summary {display: flex;justify-content: space-between;align-items: center;position: relative;padding: 0.7em 2em 0.7em 3em;font-size: 2vw;font-weight: bold;cursor: pointer;box-shadow: 3px 3px 3px #777;text-align: left;} .qa summary::before, .qa p::before {position: absolute;left: 1em;font-weight: 600;font-size: 1.3em;} .qa summary::before {color: #333333;content: "Q";} .qa summary::after {transform: translateY(-25%) rotate(45deg);width: 7px;height: 7px;margin-left: 10px;border-bottom: 3px solid #333333b3;border-right: 3px solid #333333b3;content: '';transition: transform .5s;} .qa[open] summary::after {transform: rotate(225deg);} .qa p {position: relative;transform: translateY(-10px);opacity: 0;margin: 0;padding: .3em 2em 1.5em;color: #333;transition: transform .5s, opacity .5s;background-color: #fff; box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);font-size: 1.8vw;text-align: left;} .qa[open] p {transform: none;opacity: 1;} /* よくある質問end */ /*おすすめstart*/ #perf_recommend{margin: 0;padding: 0;} #perf_recommend .inner p{margin-bottom: 15px;font-size: 1.8vw;} #perf_recommend .inner ul li p{font-size: 1.5vw;} .inner ul li{margin: 0 !important;padding: 5px;} #perf_recommend h4{position: relative; padding-left: 60px;} #perf_recommend h4:before{position: absolute;display: inline-block; content: "";background-repeat: no-repeat; width: 50px;height: 50px; background-size: 50px;left:0;} #perf_recommend section:nth-child(2) h4:before{background-image: url(../image/performer/sp_icon.png);} #perf_recommend section:nth-child(3) h4:before{background-image: url(../image/performer/tent_icon.png);} #perf_recommend section:nth-child(4) h4:before{background-image: url(../image/performer/sikiten_icon.png);} #perf_recommend p:nth-child(5){text-align: center;font-size: 4vw;font-weight: bold;color: #DC7123;text-shadow: 3px 3px #fff, 4px 4px 0 #819096, 4px 2px 0 #819096, 2px 4px 0 #819096, 2px 2px 0 #819096; } #perf_recommend .button i{padding-left: 15px;} #perf_recommend .button a{display: inline-block; background: #25591B;color: #fff;text-decoration: none;padding: 10px 20px;font-size: 2vw;border-radius: 10px;border: solid 3px #25591B; box-shadow: 0 1px 1px rgba(0,0,0,0.2), 0 -1px 2px -0.5px #A8F2A5 inset;transition: .3s;} #perf_recommend .button a:hover{background-color: #fff;color: #25591B;} .tow_col{padding: 3% 0 10% 0;} .tow_col img{width: 100%;} .tow_col ul{display: grid;grid-template-columns: 50% 50% !important;} .tow_col ul li{width: 98%;margin: auto; text-align: center;} .inner li a{text-decoration: none;font-size: 2vw;text-align: center;color: #DC7123;font-weight: bold;} .tow_col ul li p{text-align: center;font-size: 1.5vw;margin-bottom: 15px;} .tow_col ul li p span{background: linear-gradient(transparent 70%, #eee01b 70%);} /*おすすめend*/ /* タレント紹介ページend */ /* ------------------------------社員プロモーションビ動画start------------------------------ */ .movie_group{margin: 65px auto;padding: 20px;display: grid;grid-template-columns: 50% 50%;width: 75%;} .movie_group >div{border-radius: 20px;box-shadow: 8px 8px 16px #999999,-8px -8px 16px #F7F7F7;margin: 10px;padding: 15px;z-index: 1;} .movie_group >div:nth-child(odd){z-index: 2;} .movie_group >div >a{text-decoration: none;color: black;} .plof_grop{display: flex;margin-bottom: 20px;} .plof_grop div{text-align: left;font-size: 1.6vw;} .plof_grop div p{background: linear-gradient(transparent 50%, #bde4f7 50%);padding: 0 0.1em;} .face_image{width: 30%;height: 30%;border-radius: 50%;margin-right: 20px;} .movie_image{width: 90%;height: auto;border-radius: 10px;} .push_button{background-color: #67A6E6;width: 80%;margin: 20px auto 0;font-size: 15px;padding: 8px;border-radius: 50px;color: white;} /* -------------------------------社員プロモーションビ動画end------------------------------- */ } @media screen and (max-width:599px){ .mobile_only{display:block;} .tablet_only{display:none;} .pc_only{display:none;} #header{width: 100%;background: rgba(168,242,165,0.85);position: fixed;z-index: 999;top: 0;left: 0;height: 90px;} #header >div{justify-content: space-between;display: flex;margin: 0 auto;position: relative;} #header_logo{position: absolute;top: 0;left: 0;} #header_logo_img{width: 60%;height: 40px;display: block;background-image: url(../image/header_logo.jpg);background-repeat:no-repeat;background-size: 120px;margin-top: 3px;} #header_search{text-align: right;margin-top: 10px;display: flex;width: 100%;} #header_search form input:nth-child(3){height: 27px;border: #25591B solid 2px;border-radius: 5px;} #header_search form input:nth-child(4){height: 29px;background-color: #25591B;color: white;border-radius: 5px;border: #25591B solid 2px;} #header_search input:last-of-type{color: #fff;background-color: #61B4F3;border: 2px solid #61B4F3;} .br{margin: 90px 0;} /*イベント担当者より現場写真の紹介*/ .favorite_item {border-top:solid 2px #c4c4c4;border-bottom:solid 2px #c4c4c4;position:relative;width: 100%;margin: 0 auto 20px;} .favorite_item 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;} .favorite_item .con_left img{width: 92%;margin:6% 2% 0%;border:10px solid #fff;box-shadow: 0 0 5px #ddd;height: auto !important} .favorite_item .con_right{position:relative;} .favorite_item .con_right img{margin:1% 0 0 2%;} .favorite_item .con_right span{font-size:3.2vw;background-color:#4682b4;padding:2% 2%;color:#ffffff;} .favorite_item .con_right p{font-size:3.2vw;background-color: #f0f8ff;padding: 4%;margin: 1% 2% 5% 2%;color: #4f4f4f;} .favorite_item .con_left iframe {height: 550px;width: 100%;} .favorite_item .con_left {margin-bottom: 20px;text-align: center;} .favorite_item >div{ margin-top: 50px;} .favorite_item .con_right span {background-color: #D69A65; margin-left: 20px;} .favorite_item .con_right p {background-color: #FFF1E6;} .rental_sub_ex{max-width: none !important;width: 100% !important;} /* ここから下がハンバーガーメニューに関するCSS */ /* チェックボックスを非表示にする */ .drawer_hidden {display: none;} /* ハンバーガーアイコンの設置スペース */ .drawer_open {display: flex;height: 50px;width: 50px;justify-content: center;align-items: center;position: relative;z-index: 100;cursor: pointer;top: 35%;right: 10px;border: #808080 solid 2px;border-radius: 10px;} /* ハンバーガーメニューのアイコン */ .drawer_open span,.drawer_open span:before,.drawer_open span:after {content: '';display: block;height: 3px;width: 25px;border-radius: 3px;background: #333;transition: 0.5s;position: absolute;} /* 三本線の一番上の棒の位置調整 */ .drawer_open span:before {bottom: 8px;} /* 三本線の一番下の棒の位置調整 */ .drawer_open span:after {top: 8px;} /* アイコンがクリックされたら真ん中の線を透明にする */ #drawer_input:checked ~ .drawer_open span {background: rgba(255, 255, 255, 0);} /* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */ #drawer_input:checked ~ .drawer_open span::before {bottom: 0;transform: rotate(45deg);} #drawer_input:checked ~ .drawer_open span::after {top: 0;transform: rotate(-45deg);} /* メニューのデザイン*/ .nav_content {width: 100%;height: 100%;position: fixed;top: 0;left: 100%;z-index: 99;background: #85CD93;transition: .5s;} .nav_list {list-style: none;text-align: center;padding-top: 50px;} /* アイコンがクリックされたらメニューを表示 */ #drawer_input:checked ~ .nav_content {left: 0;} .nav_item{margin-top: 30px;} .nav_item a{font-size: 20px;text-decoration: none;color: #fff;display: block;} .nav_item:first-of-type a::after{content: url(../img/nav1.jpg);} #company{width: 100%;margin:0 auto;} #company h1{text-align: center;margin-top:100px;font-size:5vw;} #menu div{width:40%;margin:0 auto;text-decoration: none;text-align: center;} #menu div a{text-decoration: none;margin:0 20px;} #corevalue{width:90%;margin: 0 auto;} #corevalue >div{width:100%;margin: 0 auto;text-align: center;font-family:"Noto Sans JP", sans-serif;} #corevalue div img{width:100%;margin:40px 0 20px;} #corevalue h2{font-size:4vw;font-family:"Noto Sans JP", sans-serif;margin:30px 0 5px;} #corevalue p{margin-bottom:40px;font-size:5vw;font-weight: normal;} #corevalue p span{font-family: Century Gothic !important;font-weight: normal;color: #0168b7;} .hover{box-shadow: 0 0 8px gray;width:100%;} #philosophy{width:90%;margin:50px auto;text-align:center;} #philosophy h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-size:4vw;margin:20px auto;} .container{max-width:1200px;padding:20px;border-radius:15px;box-shadow:0px 10px 30px rgba(0,0,0,0.1);} #philosophy h3{color:#415786;font-size:1.2em;margin-bottom:20px;} .sections {display:flex;justify-content:space-between;flex-direction:column;gap:20px;align-items:center;} .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;} .section:hover{transform:translateY(-5px);} .section h4{color:#1e3a8a;font-size:1.1em;margin-bottom:10px;} .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);} #businessdefinition{width:90%;color:#333;line-height:1.6;justify-content:center;margin:0 auto;} #businessdefinition h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-size:4vw;margin:20px auto;} .main-heading {text-align: center;font-size: 1.2em;color: #415786;margin-bottom: 10px;} #businessdefinition >p{text-align: center;margin: 40px 0;font-size: 18px;} #businessdefinition >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: 30px;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;} .small-title {text-align: center;font-size: 1.1em;color: #2c3e50;margin-bottom:40px;} .rental_sub {color: #333;max-width: 960px;margin: auto;font-size: 14px;width:90%;} .genba_picture {display: flex;flex-direction:column;border-radius: 12px;overflow: hidden;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);margin-bottom:20px;} .genba_picture h5 {font-size: 18px;padding: 12px;margin: 0;background-color: #e0e0e0;color: #333;} .con_left,.con_right {flex: 1;padding: 12px 18px;box-sizing: border-box;} .con_left a {display: block;text-decoration: none;border-radius: 6px;overflow: hidden;} .con_left img {max-width: 100%;border-radius: 6px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);transition: transform 0.3s ease;} .con_left img:hover{transform:scale(1.03);} .con_right {display: flex;flex-direction: column;justify-content: center;} .con_right div {display: flex;align-items: center;margin-bottom: 8px;} .con_right img {width: 80px;height: 80px;border-radius: 50%;margin-right: 12px;} .con_right span {font-weight: bold;color: #444;font-size:16px;} .con_right p {font-size: 18px;line-height: 1.6;} .con_right a{font-size:16px;} #missyon{width:90%;color:#333;line-height:1.6;justify-content:center;margin:0 auto;} #missyon h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-size:4vw;margin:20px auto;} .content-container{width:90%;max-width:1200px;margin:0 auto;} .vision-section{margin:40px 0;position:relative;} .image-gallery{display:flex;justify-content:center;gap:15px;flex-wrap:wrap;max-width:1200px;margin:0 auto;} .image-gallery img{width:80%;} .image-gallery img:hover{transform:scale(1.05);} .vision-section p{font-size:1.0em;font-weight:600;margin-top:30px;line-height:1.6;text-align:center;} #missyon h3{font-size:1.2em;font-weight:bold;color:#415786;text-align:center;} #topscorevalue{width:90%;color:#333;line-height:1.6;justify-content:center;margin:0 auto;text-align:center;} #topscorevalue h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-size:4vw;margin:20px auto;} #topscorevalue p{font-size:16px;margin:0 auto 20px;text-align:center;width:80%;} #topscorevalue img{width:20%;margin:10px 20px;} #vision{width:90%;margin:0 auto 20px;} #vision h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-size:4vw;margin:20px auto 0;} .vision-list{margin: auto;padding: 20px 15px;} .fiscal-year{margin-bottom: 40px;} .fiscal-year h3 {color: #2980b9;border-bottom: 2px solid #2980b9;padding-bottom: 5px;font-size: 1.1rem;} .fiscal-year p {margin-top: 10px;font-size: 1rem;} .vision_photo{display:flex;flex-wrap: wrap;margin: 25px 0 0 0 !important;align-items: center;justify-content: center;} .vision_photo img{width:46%;margin:0 2% 2%;} #basic{width:90%;margin:0 auto 70px;} #basic h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-size:4vw;margin:20px auto;} #basic table{border-collapse: collapse;width: 100%;margin: 0 auto;color: #2f3a40;font-size: 3.5vw;} #basic >table th{background:rgba(125,186,251,0.2);text-align:left;padding:10px 0 10px 25px;font-weight:normal;display:block;} #basic >table td{display:block;padding: 10px 0 10px 25px;} #basic >table dl{padding-top:20px;} #basic >table dt{font-weight:bold;font-size:18px;} #basic >table dd{margin:0 0 20px 0.5em;} #basic >table li{width:100%;margin-top:5px;list-style:none;line-height:1.8em;} #basic >table div{line-height:1.8em;padding:5px 0;} #business h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-size:4vw;margin:20px auto;} #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%;} #business{width:90%;margin:0 auto;} #company_genba_photo{width:95%;margin:25px auto;text-align: center;} #company_genba_photo li{flex-grow:1;height:auto!important;text-indent:0!important;width:80%!important;list-style:none;} #company_genba_photo li{padding:1%;margin:0 auto;} #company_genba_photo li img{width:100%;} #greeting{width:90%; margin:50px auto 50px auto;text-align:center;} #greeting h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-size:4vw;margin:20px auto 50px;} #greeting img{width:90%;} #greeting div h3{font-size: 4.0vw;display:block;text-align:center;margin:20px 0;} #greeting div p{font-size: 3.2vw;text-indent: 1em;line-height: 1.8em;margin:0 auto;text-align:left;} /* #greeting img{width:20%;} */ #interview{width:90%;margin:0 auto;} #interview h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-size:4vw;margin:20px auto 30px;} .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{width:90%; margin:0 auto;} #reagion h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-size:4vw;margin:20px auto 30px;} #other_about2{width:90%;margin:0 auto;} #other_about2 h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-size:4vw;margin:20px auto 30px;} #history{width:90%;margin:0 auto;} #history h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-size:4vw;margin:20px auto 30px;} .timeline { list-style: none; margin:10px 0 20px 20px; } .timeline > li { margin-bottom: 60px;overflow: hidden;margin: 0;position: relative; } .timeline > li { overflow: hidden; margin: 0; position: relative; } .timeline-date { width: 70px; font-size: 12px; float: left; margin-top: 20px; } .timeline-content { width: 70%; float: left; border-left: 3px #e5e5d1 solid; padding-left: 20px; } .timeline-content >p{margin:10px 0 20px;font-size:12px;} .timeline-content >h3{margin-top:18px;font-size:14px;} .timeline-content:before { content: ""; width: 6px; height: 6px; background: #6fc173; position: absolute; left: 69px; top: 24px; border-radius: 100%; } #client{width:90%;margin:0 auto;} #client h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-size:4vw;margin:20px auto 50px;} #client ul{display: flex;flex-wrap: wrap;list-style:none;} #client li{width: 50%;height: 40px;text-align: left;font-size: 2.4vw;text-indent: 2em;} #supplier{width:90%;margin:0 auto;} #supplier h2{text-align: left !important;background: #008904;padding: 10px 0 10px 20px;color: #fff;font-size:4vw;margin:20px auto 50px;} #supplier ul{display: flex;flex-wrap: wrap;list-style:none;} #supplier li{width: 50%;height: 40px;text-align: left;font-size: 2.4vw;text-indent: 2em;} #e21{width:90%;margin:0 auto 50px;} #e21 >div{width:100%;margin: 0 auto;text-align: center;font-family:"Noto Sans JP", sans-serif;} #e21 img{width:80%;text-align:center;} #e21 h2{font-size:4vw;font-family:"Noto Sans JP", sans-serif;margin:30px 0 5px;} #e21 p{margin-bottom:40px;font-size:5vw;font-weight: normal;} #e21 p span{font-family: Century Gothic !important;font-weight: normal;color: #0168b7;} .hover{box-shadow: 0 0 8px gray;width:100%;} #toiawase img{width:20%;} /* img{width:20%;} */ #breadcrumb{text-align: right;display: block !important;font-size: 15px;} #breadcrumb ul{display: inline-flex;} #breadcrumb ul li{list-style: none;} /* 企画・運営 ------------------------------------------------------------- */ #plan_operation img{width: 100%;} #plan_operation h1{font-size: 16px;text-align: center;margin-bottom: 10px;} #plan_operation p{font-size: 14px;} #event_example h2,#staff_arr h2{font-size: 18px;margin: 60px 0 20px;width: 100%;text-align: left;background-color: #25591B;color: #fff;padding: 5px 0 5px 10px;border-bottom: none;} /* #event_example .item-readmore-content{height: 600px;※表示する高さ} */ #event_example ul{margin-top: 50px;} #event_example li{margin-bottom: 15px;} #event_example li h3{color: #000;border-bottom: 1px solid #1CD8FF;margin-bottom: 10px;padding-bottom: 5px;font-size: 16px;} #event_example li h3::before{content: '■ ';} #event_example li h4{font-size: 16px;margin: 10px 0;} #event_example li p{text-align: left;font-size: 14px;} .event_example_botton{color: #fff;background-color: #1CD8FF;padding: 5px 10px;border-radius: 50px;font-size: 12px;margin: 20px auto 0;display: block;width: 100px;} #planning_genba{margin-top: 20px;} #planning_genba p{font-size: 17px;} #staff_arr>div{display: flex;flex-direction: column;} #staff_arr a{order: 2;} #staff_arr p{margin: 15px 0 20px 0;} /* 企画・運営特集 ------------------------------------------------------------- */ #plan_feature h2{font-size: 18px;margin: 60px 0 20px;width: 100%;text-align: left;background-color: #FF7E00;color: #fff;padding: 5px 0 5px 10px;} #plan_feature ul{display: flex;justify-content: left; flex-wrap: wrap;} #plan_feature li{width: 170px;margin: 20px 5px;} #plan_feature li p{font-size: 14px;} #plan_article h1{width: 100%;text-align: center;} #plan_article h1 span{background: linear-gradient(transparent 70%, #B7F5FF 70%);} #plan_article section{margin-top: 80px;} #plan_article section h3{font-size: 18px;color: #223198;margin-bottom: 20px;text-align: center;} #plan_article section .plan_article_img{margin: 20px 0;} #plan_article section img{width: 100%;} #plan_article section .plan_article_p{width: 100%;display: flex;margin: 20px 0;} #plan_article section .plan_article_p img{width: 80px;height: 80px;border-radius: 100px;} #plan_article section .plan_article_p p{font-size: 16px;margin:auto 10px;border: 2px solid #707070;border-radius: 30px;padding: 10px;} #plan_article_merchandise{margin-top: 80px;} #plan_article_merchandise h2{font-size: 22px;text-align: left;width: 100%;border-bottom: 3px solid #223198;margin-bottom: 40px;} /* #plan_article_merchandise ul{display: flex;flex-wrap: wrap;} */ #plan_article_merchandise li{display: flex;flex-wrap: nowrap;border: 1px solid #707070;width: 100%;padding: 2px;margin: 5px;} #plan_article_merchandise li >div{margin-left: 10px;} #plan_article_merchandise li >a{display: block;margin: 5px;} #plan_article_merchandise li img{width: 150px;} #plan_article_merchandise li p{font-size: 14px;margin-top: 4px;} .item-readmore-label{background-color: #45A632 !important;} .event_example_botton{background-color: #CC7B25 !important;text-decoration: none;text-align: center;font-weight: bold;} #start_comm h1{margin: 50px 0 25px 0;} #rental ul li{list-style: none;} /* -----newカテゴリーページ----- */ #category_list{display: grid;grid-template-columns: 50% 50%;width: 90%;margin: auto;} #category_list a{display: block;margin: 15px;font-weight: none;} #category_list h3{font-size: 3.5vw;} #category_list a:hover{background: rgba(50, 65, 40, 0.01);} #category_list img{width: 100%;height: auto;} #hero >div >img{width: 99%;} #hero >div >p{border-bottom: #3D4D2E solid 1px;padding-bottom: 20px;}/* -------------Q&A亜種start------------- */ #question_readmore >div:last-child{width: 90%;margin: 25px auto 0;} .title_group{border-bottom: #666666 solid 1px;width: 95%;margin: 0 auto;text-align: center;} .title_group >h3{font-size: 18px;padding: 20px 0 10px;} .title_group >h3::before,.title_group >h3::after{content: "★";margin: 0 5px;} .title_group .special_color{color: #FF3333;animation: color_change 2s ease-in-out 0s infinite alternate forwards;} @keyframes color_change {0%{color: #FF3333;}50%{color: #FF5533;}100%{color: #FF7733;}} .title_group p{margin: 0 auto 10px;font-size: 15px;font-weight: 600;} .title_group p > .mobile_only{display: inline-block;} #question_readmore input{display: none;} .ques_group:hover .accent_pointo{color: #FF3333;font-size: 23px;transition: all 0.4s ease-in-out;} .ques_group .accent_pointo{color: #333;font-size: 20px;transition: all 0.4s ease-in-out;} .ques_group .anser_button{font-size: 18px;font-weight: bold;cursor: pointer;color: #333;} .ques_group .anser_button p{padding: 0 15px 5px;border-bottom: #738CBF dotted 8px;background-color: #B8E6BF;padding: 10px 15px 0;border-radius: 20px 20px 0 0;} .ques_group .anser_button span:first-child{margin-right: 18px;color: #3366FF;} .ques_group input:checked ~ .anser_group{grid-template-rows: 1fr;border-bottom: #666666 solid 2px;margin-bottom: 20px;margin-top: 10px;padding: 0 15px 5px 18px;font-size: 15px;max-height: 100%;min-height: 13.5px;} .anser_group{display: grid;grid-template-rows: 0.1fr;min-height: 13.5px;max-height: 13.5px;margin-bottom: 0px;margin-top: 0px;padding: 0px 15px 0px 18px;font-size: 20px;} .anser_group div{overflow: hidden;display: grid;grid-template-columns: 8% auto;} .anser_group div a{text-align: center;} .anser_group div img{height: auto;width: 80%;} .anser_group div p:first-child{color: #FF3333;font-size: 15px;} #close_button{margin-top: 20px;} #close_button >p{color: white;font-size: 18px;text-align: center;background-color: #333333;border-radius: 30px;padding: 5px;width: 120px;margin: 0 auto;font-weight: normal;} .special_content{margin: 25px 0;padding: 15px;} .special_content >span{padding: 5px 10px;} .no1{border: #F28F49 solid 2px;border-radius: 20px;} .no2{border: #73BF39 solid 2px;border-radius: 20px;} .no3{border: #39BF93 solid 2px;border-radius: 20px;} .no4{border: #2E81E6 solid 2px;border-radius: 20px;} .no5{border: #7961F2 solid 2px;border-radius: 20px;} .no6{border: #D361F2 solid 2px;border-radius: 20px;} .no7{border: #F26185 solid 2px;border-radius: 20px;} .no8{border: #F26161 solid 2px;border-radius: 20px;} /* --------------Q&A亜種end-------------- */ /* カテゴリー一覧アンカーリンク */ .item_list >h2{text-align: left;margin-top: -250px;padding-top: 200px;width: 100%;font-size: 1.2em;} .item_list >.category_item_wrap{margin-top: 10px;} .sp_al{display: grid !important;grid-template-columns: 50% 50%;} .sp_al>div{width: 90% !important;margin: 0 auto;display: inline-block;} .sp_al>div >h2{width: 100% !important;font-size: 3.5vw !important;} .sp_al>div img{width: 100% !important;} .sp_al>div a:nth-child(3){width: 25vw !important;font-size: 3vw !important;} /* 選び方ガイド */ #how_to_choose input{display: none;} #how_to_choose >div{margin-top: 30px;} .choose_title{display: flex; justify-content: center; align-items: center;font-size: 19px;color: #E66D17;border-bottom: #000 solid 2px;padding-bottom: 25px;} .choose_title p{margin: 0 10px;} .choose_fist_comment{display: block;} .choose_fist_comment p{font-size: 18px;background-color:#f4f9ff;border:2px solid #84c1ff;box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);color:#000000;padding: 15px;border-radius: 10px;} .choose_fist_comment a{display: block;width: 90%;height: auto;margin: 20px;} .choose_fist_comment a img{border-radius: 5px;} .hukidasi {position: relative;background: #f4f9ff;border: 2px solid #808080;border-radius: 10px;padding: 10px 15px;margin:10px 0 10px 20px;display: inline-block;color: #000;font-size: 16px;max-width: 90%;font-size: 20px;color: #1D38BF;} .hukidasi::after {content: "";position: absolute;bottom: -10px;left: 20px;border-width: 10px 10px 0 10px;border-style: solid; border-color: #808080 transparent transparent transparent;} .hukidasi::before {content: "";position: absolute;bottom: -8px;left: 21px;border-width: 8px 8px 0 8px;border-style: solid;border-color: #f4f9ff transparent transparent transparent;} .choose_contents_group{width: 95%;margin: 0 auto;} .choose_contents{border: solid #995736 3px;border-radius: 20px 20px 0 0;margin-top: 25px;} .choose_contents h5{border-bottom: solid #995736 3px;margin: 10px 0 0;padding: 0 0 10px 15px;font-size: 15px;font-weight: bold;} .choose_contents label::before{content: "▼ ここをクリックすると詳細を表示できます！ ▼";text-align: center;width: 100%;display: block;border-top: solid #995736 10px;color: white;background-color: #995736;font-weight: bold;font-size: 15px;padding: 5px 0 10px;outline: solid #995736 2px;} .choose_contents input:checked ~ label::before{content: "▲ 閉じる ▲";border-top: solid #995736 3px;} .choose_contents input:checked ~ .contents_main{max-height: 1000vh;padding: 10px 15px;transition: max-height 1s ease-in-out;} .contents_main{font-size: 14px;background-color: #F2EAE6;max-height: 0.01vh;overflow: hidden;padding: 0px 15px;} .contents_osusume{border-top: dotted #995736 3px;margin: 30px 0 0;padding: 30px 0 0;} .contents_osusume >p{text-align: center;font-size: 15px;font-weight: bold;} .contents_osusume >p::before{content: "★";padding-right: 5px;} .contents_osusume >p::after{content: "★";;padding-left: 5px;} .osusume_anker{margin-top: 15px;display: grid;grid-template-columns: 100%;} .osusume_anker div{width: 80%;background-color: white;border: solid #995736 2px;border-radius: 10px 10px 10px 0;padding: 10px;margin: 0 auto 25px;} .osusume_anker div p{text-align: center;} .osusume_anker div p:first-child{border-bottom: solid black 1px;margin-bottom: 10px;} .osusume_anker div p span{text-align: center;margin: 0 5px;} .osusume_anker div img{height: auto;width: 100%;border-radius: 5px;} .osusume_anker div a:last-child{display: block;width: 80%;text-align: center;text-decoration: none;margin: 0 auto;padding: 5px 0;background-color: #4D2B1B;color: white;border-radius: 50px;margin-top: 10px;} .choose_end_comment{display: block;} .choose_end_comment a{display: block;width: 90%;margin-right: 25px;margin: 0 auto;} .choose_end_comment a img{border-radius: 5px;} .choose_end_comment p{font-size: 18px;background: #ffebf0;background-image: radial-gradient(#fad6de 10%, transparent 25%), radial-gradient(#fad6de 10%, transparent 25%);background-position: 0 0, 10px 10px;background-size: 20px 20px;color:#333;padding: 15px;} /* タレント紹介ページstart */ #perf{margin: 0 auto;text-align: center;width: 95vw;} #perf li{list-style: none;} .perf_title{margin-top: 20PX;position: relative;} .perf_title h1{position: absolute;top: 20%;left: 10%;font-size: 4.5vw;text-shadow: 3px 3px #fff, 4px 4px 0 #5d6f77, 4px 2px 0 #5d6f77, 2px 4px 0 #5d6f77, 2px 2px 0 #5d6f77;color: #246624;background-color: rgba(255, 255, 255, 0.8);padding: 20px;} .perf_h2{margin: 30px 0 20px;} .perf_h2 h2{display: grid;grid-template-rows: 50% 50%;font-weight: bold;letter-spacing: 2.5px;font-size: 5.5vw;text-align: center;} .perf_h2 h2 span{border-top: 2px solid #1F993B;font-size: 4vw;margin: 10px auto 0;padding-top: 10px;width: 200px;font-weight: lighter;} #perf .perf_h2 p{margin: 30px 0 0;font-size: 4vw;text-align: center;} .polaroid{margin: 45px 10px;box-shadow: 3px 3px 3px #777;background-color: #F0EFEC;padding: 10px;position: relative;} .polaroid >p:first-child{position: absolute;left: -10px;top: -10px;display: inline-block;margin: 0 .1em .6em 0;color: #fff !important;padding: 2px 10px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);transition: .3s;z-index: 1;font-size: 5vw;} .magician_tag{background-color: #6C5AA6;border: 1px solid #6C5AA6;} .impersonator_tag{background-color: #D8B004;border: 1px solid #D8B004;} .mc_tag{background-color: #869D0C;border: 1px solid #869D0C;} .street_tag{background-color: #6C5AA6;border: 1px solid #6C5AA6;} .traditional_tag{background-color: #715C23;border: 1px solid #715C23;} .acrobatic_performer_tag{background-color: #237B8C;border: 1px solid #237B8C;} .polaroid img{width: 100%;height: auto;} .text{font-size: 5.5vw;font-weight: bold;margin: 15px 0;} #perf_main .button {display: inline-block;background-color: #25591B;color: #fff;text-decoration: none;padding: 5px 15px;font-size: 4.5vw;border-radius: 12px;border: solid 1px #25591B;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 -4px 5px -2px #A8F2A5 inset;transition: .3s;letter-spacing: 3px;} /* タレント詳細start */ /* 共通 */ .perf_about,.perf_category{padding-top: 200px;margin-top: -150px;text-align: left;} .perf_category_title{text-align: left;} .perf_category_title h3{font-size: 7vw;padding-left: 40px;display: inline-block;font-family: Georgia, 'Times New Roman', Times, serif;} .perf_category_title h3 span{display: block;font-weight: lighter;font-size: 5.5vw;text-align: right;margin: 0 auto;text-shadow: none;} .perf_category_top{padding: 50px 10px;position: relative;} .perf_category_top p{display: block;position: absolute;width: 75%;padding: 20px;left: 0vw;top: 220px;font-size: 3vw;text-align: left;font-weight: bold;background-color: rgba(255, 255, 255, 0.8);box-shadow: 3px 3px 3px #c9c9c9;text-align: left !important;} .perf_category_top img{width: 75vw;margin-left: 15vw;} .perf_category h4{font-size: 4.5vw;padding: 10px 0;margin-top: 60px;} .perf_category ul li{width: auto;height: auto;color: #fff;margin: 5px;padding: 5px 15px;border-radius: 13px;font-size: 3.2vw;display: inline-block;} .perf_about h3{position: relative;font-size: 5vw;text-align: center;} .perf_about h3::before{content: '';position: absolute;top: 50%;left: 0;display: inline-block;width: 45px;height: 2px;background-color: #333;} .perf_about h3::after{content: '';position: absolute;top: 50%;display: inline-block;width: 45px;height: 2px;background-color: #333;right: 0;} .perf_left{width: 95%;margin: auto;} .perf_left img{width: 100%;height: auto;box-shadow: 3px 3px 3px #777;} .perf_right{width: 85%;margin: auto;display: grid;} .perf_right dl{border-bottom: 1px solid #9E9688;display: grid;align-items: center;margin: 15px 0;} .perf_right dl:last-child{border-bottom: none;} .perf_right dt{font-size: 5vw;} .perf_right dd{font-size: 4vw;margin-bottom: 5px;} .perf_about section{margin-top: 15px;} .perf_about section h4{font-size: 6.5vw; border-bottom: 5px solid #9E9688;margin-bottom: 30px;color: #333;} .perf_about section h4 i{margin-right: 25px;} .perf_about section h4 span{font-size: 20px;margin-left: 10px;} .perf_about section ul{display: grid;grid-template-columns: 50% 50%;} .perf_about section ul li{margin: auto;width: 97%;} .perf_about section ul li img{width: 100%;height: auto;box-shadow: 3px 3px 3px #777;} .perf_movie_left{margin: auto;} .perf_movie_left iframe{width: 100%;height: 25vh;} .perf_movie_right{width: 98%;margin: auto;font-size: 4vw;padding: 10px;} .perf_proposal p{font-size: 4vw;padding: 10px;margin-bottom: 15px;} .perf_contact{text-align: center;padding: 3% 0 10% 0;} .perf_contact p{font-size: 5vw;padding: 10px;} .perf_contact a{display: inline-block;background: #25591B;color: #fff;text-decoration: none;padding: 10px 20px;font-size: 7.5vw;border-radius: 15px;border: solid 3px #25591B;box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), 0 -4px 5px -2px #A8F2A5 inset;transition: .3s;color: #fff;} /* マジシャン */ #magician h3{border-left: 10px solid #6C5AA6;text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 5px 5px #6C5AA6;} #magician img{box-shadow: 10px 10px #6C5AA6;} #magician ul li{background-color: #6C5AA6;} /* ものまねタレント */ #impersonator h3{border-left: 10px solid #D8B004;text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 5px 5px #D8B004;} #impersonator img{box-shadow: 10px 10px #D8B004;} #impersonator ul li{background-color: #D8B004;} /* 司会者 */ #moderator h3{border-left: 10px solid #869D0C;text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 5px 5px #869D0C;} #moderator img{box-shadow: 10px 10px #869D0C;} #moderator ul li{background-color: #869D0C;} /* 伝統芸能 */ #traditional h3{border-left: 10px solid #715C23;text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 5px 5px #715C23;} #traditional img{box-shadow: 10px 10px #715C23;} #traditional ul li{background-color: #715C23;} /* アクロバットパフォーマー */ #acrobatic_performer h3{border-left: 10px solid #237B8C;text-shadow: 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff, 1px -1px 1px #fff, -1px -1px 1px #fff, 5px 5px #237B8C;} #acrobatic_performer img{box-shadow: 10px 10px #237B8C;} #acrobatic_performer ul li{background-color: #237B8C;} /* タレント詳細end */ /* よくある質問start */ .perf_faq_list{padding:5px;} .qa {margin-bottom: 20px;border: none;border-radius: 5px;box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);background-color: #ECE9E0;} .qa summary {display: flex;justify-content: space-between;align-items: center;position: relative;padding: 0.7em 2em 0.7em 3em;font-size: 4vw;font-weight: bold;cursor: pointer;box-shadow: 3px 3px 3px #777;text-align: left;} .qa summary::before, .qa p::before {position: absolute;left: 1em;font-weight: 600;font-size: 1.3em;} .qa summary::before {color: #333333;content: "Q";} .qa summary::after {transform: translateY(-25%) rotate(45deg);width: 7px;height: 7px;margin-left: 10px;border-bottom: 3px solid #333333b3;border-right: 3px solid #333333b3;content: '';transition: transform .5s;} .qa[open] summary::after {transform: rotate(225deg);} .qa p {position: relative;transform: translateY(-10px);opacity: 0;margin: 0;padding: .3em 2em 1.5em;color: #333;transition: transform .5s, opacity .5s;background-color: #fff; box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);font-size: 3.8vw;text-align: left;} .qa[open] p {transform: none;opacity: 1;} /* よくある質問end */ /*おすすめstart*/ #perf_recommend{margin: 0;padding: 0;} #perf_recommend .inner p{margin-bottom: 15px;font-size: 3.8vw;} #perf_recommend .inner ul li p{font-size: 3.5vw;} .inner ul li{margin: 0 !important;padding: 5px;} #perf_recommend h4{position: relative; padding-left: 60px;} #perf_recommend h4:before{position: absolute;display: inline-block; content: "";background-repeat: no-repeat; width: 50px;height: 50px; background-size: 8vw;left:0;} #perf_recommend section:nth-child(2) h4:before{background-image: url(../image/performer/sp_icon.png);} #perf_recommend section:nth-child(3) h4:before{background-image: url(../image/performer/tent_icon.png);} #perf_recommend section:nth-child(4) h4:before{background-image: url(../image/performer/sikiten_icon.png);} #perf_recommend p:nth-child(5){text-align: center;font-size: 7vw;font-weight: bold;color: #DC7123;text-shadow: 3px 3px #fff, 4px 4px 0 #819096, 4px 2px 0 #819096, 2px 4px 0 #819096, 2px 2px 0 #819096; } .pf_sp_p{font-size: 4vw !important;} #perf_recommend .button i{padding-left: 15px;} #perf_recommend .button a{display: inline-block; background: #25591B;color: #fff;text-decoration: none;padding: 10px 20px;font-size: 4.5vw;border-radius: 10px;border: solid 3px #25591B; box-shadow: 0 1px 1px rgba(0,0,0,0.2), 0 -1px 2px -0.5px #A8F2A5 inset;transition: .3s;} #perf_recommend .button a:hover{background-color: #fff;color: #25591B;} .tow_col{padding: 3% 0 10% 0;} .tow_col img{width: 100%;} .tow_col ul{display: block !important;} .tow_col ul li{width: 98%;margin: auto; text-align: center;} .inner li a{text-decoration: none;font-size: 4.5vw;text-align: center;color: #DC7123;font-weight: bold;} .tow_col ul li p{text-align: center;font-size: 3.8vw;margin-bottom: 15px;} .tow_col ul li p span{background: linear-gradient(transparent 70%, #eee01b 70%);} /*おすすめend*/ /* タレント紹介ページend */ /* ------------------------------社員プロモーションビ動画start------------------------------ */ .movie_group{margin: 65px auto;padding: 20px; width: 90%;} .movie_group >div{border-radius: 20px;box-shadow: 8px 8px 16px #999999,-8px -8px 16px #F7F7F7;margin: 10px;padding: 15px;z-index: 1;} .movie_group >div:nth-child(odd){z-index: 2;} .movie_group >div >a{text-decoration: none;color: black;} .plof_grop{margin-bottom: 20px;} .plof_grop div{text-align: left;font-size: 1.7ex;} .plof_grop div p{background: linear-gradient(transparent 50%, #bde4f7 50%);padding: 0 0.1em;} .face_image{width: 30%;height: 30%;border-radius: 50%;margin-right: 20px;} .movie_image{width: 90%;height: auto;border-radius: 10px;} .push_button{background-color: #67A6E6;width: 80%;margin: 20px auto 0;font-size: 15px;padding: 8px;border-radius: 50px;color: white;} /* -------------------------------社員プロモーションビ動画end------------------------------- */ }