@charset "UTF-8";

main#container{margin:0 auto;width:100%;max-width:1000px;padding:0 3%;box-sizing:content-box}
.summary_title{margin-bottom:70px;padding:40px 0;background-color:#508755;text-align:center}
@media (max-width:1060px) {
main#container{box-sizing:border-box}
}


table.catalog02{
clear: both;
width:100%;
padding: 0px;
margin-top: 20px;
border-right-color: #CCC;
border-right-style: solid;
border-right-width: 1px;
border-bottom-color: #CCC;
border-bottom-style: solid;
border-bottom-width: 1px;
font-size: .875rem;
line-height: 130%;
}

.catalog02 th {
padding:10px;
border-top-color: #CCC;
border-top-style: solid;
border-top-width: 1px;
border-left-color: #CCC;
border-left-style: solid;
border-left-width: 1px;
font-size:.875rem;
font-weight:700;
text-align:center;
background:#e4ede5;
}

.catalog02 td{
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
border-top-color: #CCC;
border-top-style: solid;
border-top-width: 1px;
border-left-color: #CCC;
border-left-style: solid;
border-left-width: 1px;
background-color:white;
}

div#contest_form.clearfix img{display:block;margin:0 auto;width:100%;max-width:1000px;height:auto}
th.left-td{width:150px;text-align:left}
th.left-td span{color:red;padding-left:5px}
td.right-td textarea{width:100%}
td.right-td.form-inline>label{display:inline-flex;align-items:baseline;gap:.25rem;padding-right:20px;font-size:1rem}
input#comp.w-auto,input#name.w-auto,input#address1.w-auto,input#address2.w-auto,input#address3.w-auto,input#paddress1.w-auto,input#email.w-auto,input#email2.w-auto,input#agency.w-auto,input#agency_name.w-auto,input#place.w-auto,input#bikou.w-auto{width:100%!important;max-width:480px}
ul.style2{margin:0 auto;padding:0 0 0 20px;line-height:1.5em;width:100%;max-width:680px}
ul.style2 li{text-align:left}
ul.style2 li label{text-align:justify;text-indent:-20px;margin-bottom:1rem}
@media (max-width:767.98px) {
ul.style2{padding:0 3% 0 calc(3% + 30px)}
}

ul,li{list-style:none;margin:0;padding:0}
.style2{color:rgba(var(--bs-danger-rgb),1);font-size:16px}
.left-td{background-color:#E8E8E8;font-size:14px;font-weight:bold;padding-left:10px}
.right-td{background-color:#E6E6FF;font-size:14px;padding-left:3px}
.tr-tr{border-color:#FFFFFF}
div#contest_form{line-height:120%}
div#example div#hd{padding:30px 2%;text-align:center;background:#50733F}
div#example div#hd h1,div#example div#hd h2,div#example div#hd h3{color:#FFF}
div#example div#hd h1{font-size:48px;line-height:1.5em}
div#example div#hd h2{font-size:36px;line-height:1.5em}
div#example div#hd h3{font-size:21px;line-height:1.5em}
div#contest_form.clearfix div#hd p img{width:auto;max-width:100%;margin-top:20px}
div.left_box{width:345px;float:left;color:#555}
div.right_box{width:345px;float:right;color:#555}
.bold{font-weight:bold}
p.contest_txt{margin-left:5px;font-size:12px}
p.contest_txt01{margin-left:5px;text-indent:-1em;padding-left:1em;font-size:12px}
ul.list{margin-left:5px;list-style-type:none;font-size:12px}
p.contest_txt02{text-indent:-2em;padding-left:2em;font-size:12px}
p.contest_txt03{text-indent:-3em;padding-left:3em;font-size:14px}
.view .for_edit{display:none}
.error{color:red}
div#yoko{padding:0}
div#yoko h2{font-size:20px;line-height:1;color:#337339;border-bottom:1px solid #337339;margin:30px auto 10px;padding-bottom:15px}
div#yoko p,div#yoko li{font-size:15px;line-height:1.75;padding-left:1rem;text-indent:-1rem;margin-bottom:1rem}
div#yoko b{font-size:150%}
div#yoko span{font-size:80%;padding-left:15px}
div#yoko strong{color:#50733F}
.form-control-file{display:inline-block;width:auto}
.form-inline select.form-control{width:auto}
div#contest_form.clearfix img.sp{display:none}
@media (max-width:767.98px) {
div#example div#hd{padding:15px 2%}
div#example div#hd h1{display:none}
div#example div#hd h2{display:none}
div#example div#hd h3{display:none}
div#contest_form.clearfix div#hd p img{max-width:200px;margin-top:0}
div#yoko{padding:0 2%}
div#yoko h2{font-size:21px}
div#yoko p, div#yoko li{font-size:16px;line-height:1.5em;padding-left:0;text-indent:0}
div#contest_form.clearfix img.pc,.pc{display:none}
div#contest_form.clearfix img.sp{display:block}
.btn-group-lg>.btn, .btn-lg{font-size:1rem}
.form-control-file{width:100%}
/*th.left-td{width:110px !important}*/
.catalog02 td{padding:10px 2% !important}
}

.photo-input {
  transform-origin: top;
  transform: scaleY(1);
  opacity: 1;
  transition: transform 0.3s ease, opacity 0.3s ease;
  overflow: hidden;
}

.photo-input.hidden {
  transform: scaleY(0);
  opacity: 0;
  height: 0;
  margin: 0;
  padding: 0;
}

#movie_block{opacity: 0; max-height: 0; overflow: hidden; transition: opacity 0.4s ease, max-height 0.4s ease;}
#movie_block.show {
  opacity: 1;
  max-height: 500px;
}

.lity-iframe-container {height: 80vh !important}
@media (max-width:767.98px) {
tr{display: table-row}
th.left-td,td{width:100%;max-width:100% !important;display:block;overflow:hidden}
select#category{width: 100% !important; min-width: 0 !important;
  box-sizing: border-box;
  white-space: normal;
}

.photo-input {display: flex;flex-direction: column;max-width:100%}
.photo-input button {display: block;align-self: flex-start;margin-top: 4px}
}
