.sec{padding:80px 0}@media screen and (max-width: 767.98px){.sec{padding:50px 0}}.var,.sec-ttl.var-white,.sec-ttl.var-blue,.sec-ttl.var-black{padding-bottom:30px;position:relative}.var:after,.sec-ttl.var-white:after,.sec-ttl.var-blue:after,.sec-ttl.var-black:after{position:absolute;bottom:10px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);width:100px;height:4px;content:"";background-color:inherit}.sec-ttl{font-size:48px;text-align:center;margin-bottom:40px;line-height:1.3}@media screen and (max-width: 767.98px){.sec-ttl{font-size:2.6rem;margin-bottom:25px}}.sec-ttl.font-small{font-size:3.2rem}@media screen and (max-width: 767.98px){.sec-ttl.font-small{font-size:2.6rem}}.sec-ttl.var-white:after{background-color:white}.sec-ttl.var-blue:after{background-color:#0A53BF}.sec-ttl.var-black:after{background-color:#333}.mv{position:relative;background:url("../../assets/img/mv.jpg") center no-repeat;background-size:cover}.mv-content{width:660px;padding:80px 0 58px}@media screen and (max-width: 767.98px){.mv-content{width:100%;padding:50px 0}}.mv-logo{margin-bottom:40px}@media screen and (max-width: 767.98px){.mv-logo{width:53vw}}.mv-subttl{font-size:3.2rem;font-weight:700}@media screen and (max-width: 767.98px){.mv-subttl{font-size:4.2vw}}.mv-catch{font-size:5.2rem;letter-spacing:0.06em;margin-bottom:20px}@media screen and (max-width: 767.98px){.mv-catch{font-size:6.8vw}}.mv-catch>span{display:block;-webkit-font-feature-settings:"palt";font-feature-settings:"palt"}.mv-catch .small{font-size:3.2rem}@media screen and (max-width: 767.98px){.mv-catch .small{font-size:4.2vw}}.mv-circle{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;margin:30px 0 20px}@media screen and (max-width: 767.98px){.mv-circle{margin:20px 0 20px}}.mv-circle-ttl{font-size:2rem;font-weight:500;text-align:center}@media screen and (max-width: 767.98px){.mv-circle-ttl{font-size:1.4rem}}.mv-circle-ttl span{width:100%;position:relative;display:inline-block;padding:0 55px}.mv-circle-ttl span:before,.mv-circle-ttl span:after{content:'';position:absolute;top:50%;display:inline-block;width:20%;width:calc((100% - 20em)/2);height:1px;background:#000}.mv-circle-ttl span:before{left:0}.mv-circle-ttl span:after{right:0}.mv-circle .item{position:relative;width:31%;border-radius:50%;background:#0A53BF}@media screen and (max-width: 767.98px){.mv-circle .item{width:32%}}.mv-circle .item:before{content:"";display:block;padding-top:100%}.mv-circle .item>div{width:100%;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.mv-circle p{color:#F5E12E;text-align:center}.mv-circle .text01{font-size:1.2rem;height:2.4em;font-weight:700;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center}@media screen and (max-width: 767.98px){.mv-circle .text01{font-size:1.8vw}}.mv-circle .text02{font-size:3.2rem;font-weight:700;line-height:1;margin:15px 0}@media screen and (max-width: 767.98px){.mv-circle .text02{font-size:4.5vw;margin:2vw 0}}.mv-circle .text03{font-size:1.4rem;font-weight:700;height:2.8em;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center}@media screen and (max-width: 767.98px){.mv-circle .text03{font-size:2vw}}.mv-patent{line-height:2;text-align:center}.cta-btn,.contact .form-btn{font-size:2rem;font-weight:700;display:block;width:314px;height:56px;line-height:56px;text-align:center;border-radius:30px;position:relative;background:#FFEC46;margin:20px auto 0}.cta-btn:after,.contact .form-btn:after{position:absolute;top:2px;bottom:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:10px;height:10px;right:25px;margin:auto;content:"";vertical-align:middle;z-index:2;border-top:2px solid #000;border-right:2px solid #000}.about{background:#fff}.about p{line-height:1.875}.about p:not(:last-child){margin-bottom:1.75em}@media screen and (max-width: 767.98px){.about p:not(:last-child){font-size:1.4rem}}.problem{background:url("../../assets/img/bg_01.jpg") top center no-repeat;background-size:auto 580px}@media screen and (max-width: 767.98px){.problem .container{width:100%}}.problem-intro{padding:0 0 40px;text-align:center}.problem-intro .text01{font-size:2.4rem;font-weight:500;color:#fff}@media screen and (max-width: 767.98px){.problem-intro .text01{font-size:1.8rem}}.problem-intro .img{margin:30px auto}@media screen and (max-width: 767.98px){.problem-intro .img{width:260px}}.problem-intro .text02{font-size:2.8rem;font-weight:700}@media screen and (max-width: 767.98px){.problem-intro .text02{font-size:2rem}}.problem-accident{background:linear-gradient(to bottom, transparent 0%, transparent 80px, #fff 80px, #fff 100%);padding-bottom:140px}@media screen and (max-width: 991.98px){.problem-accident .inner{padding:0 5%}}.problem-accident-ttl{text-align:center;padding:30px;color:#fff;background:-webkit-gradient(linear, left top, left bottom, from(#BF1212), to(#970909));background:linear-gradient(to bottom, #BF1212 0%, #970909 100%);margin-bottom:40px}@media screen and (max-width: 767.98px){.problem-accident-ttl{padding:20px}}.problem-accident-ttl .text01{font-size:2rem;font-weight:500}@media screen and (max-width: 767.98px){.problem-accident-ttl .text01{font-size:1.6rem}}.problem-accident-ttl .text02{font-size:3.6rem;font-weight:700}@media screen and (max-width: 767.98px){.problem-accident-ttl .text02{font-size:2rem}}.problem-accident-ttl .text03{font-size:4.8rem;font-weight:700}@media screen and (max-width: 767.98px){.problem-accident-ttl .text03{font-size:2.6rem}}.problem-accident-ttl .text04{font-size:6.4rem;font-weight:700;line-height:1.4}@media screen and (max-width: 767.98px){.problem-accident-ttl .text04{font-size:4.4rem}}.problem-accident-ttl .text05{font-size:1.8rem}@media screen and (max-width: 767.98px){.problem-accident-ttl .text05{font-size:1.5rem}}.problem-accident-content{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}.problem-accident-content .item{width:50%}@media screen and (max-width: 767.98px){.problem-accident-content .item{width:100%}}.problem-accident-content .item:nth-child(2){padding-left:40px}@media screen and (max-width: 767.98px){.problem-accident-content .item:nth-child(2){padding:20px 0 0}}.problem-accident-content .text01{font-size:1.7rem;font-weight:700;color:#184588}.problem-accident-content .text02{background:#F0F2F5;padding:10px 20px;margin:20px 0 8px;line-height:2;color:#333}.problem-accident-content .text02 small{display:block;font-size:1rem}.problem-accident-content .text02 strong{display:block;font-size:1.2rem}.problem-accident-content .text03{font-size:1.2rem;color:#333}.problem-shingi-ttl{margin-top:-90px;position:relative;text-align:center;color:#fff;background:#184588;padding:30px 20px 20px;margin-bottom:22px}.problem-shingi-ttl:after{position:absolute;bottom:-22px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);content:"";width:0;height:0;border-style:solid;border-right:27px solid transparent;border-left:27px solid transparent;border-top:22px solid #184588;border-bottom:0}.problem-shingi .text01{font-size:2.4rem;font-weight:700}@media screen and (max-width: 767.98px){.problem-shingi .text01{font-size:1.8rem}}.problem-shingi .text02{font-size:3.2rem;font-weight:700;margin:8px}@media screen and (max-width: 767.98px){.problem-shingi .text02{font-size:2.4rem}}.problem-shingi .text03{font-weight:500}.problem-shingi .text04{font-size:1.1rem;color:#555;text-align:right;margin-bottom:30px}@media screen and (max-width: 767.98px){.problem-shingi .text04{font-size:1rem;padding:0 5%}}.problem-shingi-content{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}@media screen and (max-width: 767.98px){.problem-shingi-content{padding:0 5%}}.problem-shingi-content .item{width:45%}.problem-shingi-content .item img{margin-bottom:8px}.problem-shingi-content .item p{font-size:1.1rem;color:#555}@media screen and (max-width: 767.98px){.problem-shingi-content .item p{font-size:1rem}}.issue{background:url("../../assets/img/bg_02.jpg") top center no-repeat;background-size:auto 540px}@media screen and (max-width: 767.98px){.issue{background-size:auto 300px;padding-bottom:0}}@media screen and (max-width: 767.98px){.issue .container{width:100%}}.issue-intro{text-align:center;margin-bottom:40px}.issue-intro .text01{font-size:2.4rem;font-weight:500;color:#fff}@media screen and (max-width: 767.98px){.issue-intro .text01{font-size:1.8rem}}.issue-intro .text02{font-size:4rem;font-weight:700}@media screen and (max-width: 767.98px){.issue-intro .text02{font-size:2.6rem}}.issue-intro .text02 span{border-bottom:1px solid #F5E12E}.issue-main{background:#fff;padding:50px 80px}@media screen and (max-width: 767.98px){.issue-main{padding:35px 0 80px}}@media screen and (max-width: 767.98px){.issue-question{padding:0 5%}}.issue-question-ttl{font-size:2.4rem;font-weight:700;text-align:center;color:#184588;padding:18px 20px 17px;border:1px solid #184588;margin-bottom:50px}@media screen and (max-width: 767.98px){.issue-question-ttl{font-size:1.8rem;margin-bottom:35px}}.issue-question-content{position:relative;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between}.issue-question-content .fukidashi{position:absolute;top:0;left:0;width:79%}@media screen and (max-width: 1030px){.issue-question-content .fukidashi{width:76%}}.issue-question-content .item-l{width:50%;padding-top:140px}@media screen and (max-width: 1030px){.issue-question-content .item-l{padding-top:14vw}}@media screen and (max-width: 767.98px){.issue-question-content .item-l{padding-top:18vw}}.issue-question-content .text01{font-size:1.4rem;color:#333}@media screen and (max-width: 767.98px){.issue-question-content .text01{font-size:1.2rem}}.issue-question-content .triangle{margin:20px auto}.issue-question-content .item-r{width:50%;padding-left:10%}.issue-question .text02{font-size:1.8rem;font-weight:700;text-align:center;padding:8px;color:#0A53BF;background:#DCEAFE;border-radius:40px}.issue .survey{display:-ms-flexbox;display:-webkit-box;display:flex;font-size:1.2rem;color:#333;margin-top:10px}@media screen and (max-width: 767.98px){.issue .survey{font-size:1rem}}.issue .survey dt{padding-right:10px}.issue-jirei{margin-top:30px}@media screen and (max-width: 767.98px){.issue-jirei{padding:0 5%}}.issue-jirei-ttl{max-width:640px;position:relative;text-align:center;color:#fff;background:#184588;padding:15px;margin:0 auto 35px}.issue-jirei-ttl:after{position:absolute;bottom:-15px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);content:"";width:0;height:0;border-style:solid;border-right:20px solid transparent;border-left:20px solid transparent;border-top:15px solid #184588;border-bottom:0}.issue-jirei .text01{font-size:1.8rem;font-weight:700}@media screen and (max-width: 767.98px){.issue-jirei .text01{font-size:1.6rem}}.issue-jirei .text02{font-size:2.2rem;font-weight:700}@media screen and (max-width: 767.98px){.issue-jirei .text02{font-size:1.8rem}}.issue-jirei .text03{font-size:2.8rem;font-weight:700}@media screen and (max-width: 767.98px){.issue-jirei .text03{font-size:2.2rem}}.start{background:url("../../assets/img/bg_03.jpg") top center no-repeat;background-size:auto 540px}@media screen and (max-width: 767.98px){.start{background-size:auto 300px}}.start-main{background:#F0F2F5;/*padding-top:50px*/}@media screen and (max-width: 767.98px){.start-main{background:none;padding-top:0}}.start-list .item:not(:last-child){margin-bottom:80px}@media screen and (max-width: 767.98px){.start-list .item:not(:last-child){margin-bottom:40px}}.start .demo-btns{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-pack:justify;-webkit-box-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:50px}@media screen and (max-width: 767.98px){.start .demo-btns{margin-top:20px}}.start .demo-btns .btn{font-size:2.2rem;font-weight:700;display:block;width:calc((100% - 50px)/2);height:82px;line-height:82px;text-align:center;border-radius:42px;position:relative;color:#fff;background:#0A53BF}@media screen and (max-width: 767.98px){.start .demo-btns .btn{font-size:1.8rem;height:64px;line-height:64px;width:100%;max-width:360px;margin:20px auto 0}}.start .demo-btns .btn:after{position:absolute;top:2px;bottom:0;width:20px;height:20px;right:35px;margin:auto;content:"";vertical-align:middle;z-index:2;background:url("../../assets/img/icon_demo.png") center no-repeat;background-size:cover}.start .demo-btns .btn span{line-height:1.3;display:inline-block;vertical-align:middle;margin-top:-10px}@media screen and (max-width: 767.98px){.start .demo-btns .btn span{margin-top:-5px}}.price{overflow:hidden}.price-text01{font-size:2.4rem;font-weight:700;line-height:1.6;text-align:center;background:#fff;padding:18px 20px 17px;border:1px solid #707070;margin-bottom:30px}@media screen and (max-width: 767.98px){.price-text01{font-size:1.8rem}}.price-text02{font-size:1.8rem;text-align:center;margin-bottom:80px}@media screen and (max-width: 767.98px){.price-text02{font-size:1.6rem;margin-bottom:40px}}@media screen and (max-width: 991.98px){.price-table-wrap{width:105%;overflow-x:auto;white-space:nowrap}}.price-table{width:100%}@media screen and (max-width: 991.98px){.price-table{/*width:900px;*/overflow:scroll}}.price-table th,.price-table td{font-weight:700;text-align:center;vertical-align:middle;line-height:1.5;padding:24px 10px}@media screen and (max-width: 767.98px){.price-table th,.price-table td{padding:18px 10px}}.price-table small{display:block;font-size:1.6rem;font-weight:500}@media screen and (max-width: 767.98px){.price-table small{font-size:1.3rem}}.price-table thead th,.price-table thead td{padding:45px 10px 24px}.price-table thead .thead-heading{width:162px;background:#CCCCCC}.price-table thead .heading{position:relative;width:266px;font-size:2.4rem;color:#fff;background:#74A9DE}@media screen and (max-width: 767.98px){.price-table thead .heading{font-size:2rem}}.price-table thead .heading-02{background:#0A53BF;border-left:2px solid #0A53BF;border-right:2px solid #0A53BF}.price-table thead .tag{position:absolute;top:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:inline-block;width:200px;height:32px;line-height:32px;text-align:center;font-size:14px;color:#000;background:#F5E12E;border-radius:16px}@media screen and (max-width: 767.98px){.price-table thead .tag{font-size:1.6rem}}.price-table tbody .tbody-heading{font-size:1.6rem;font-weight:700;color:#111111}.price-table tbody .cell{width:calc((100% - 162px) / 3);font-size:2rem}@media screen and (max-width: 767.98px){.price-table tbody .cell{font-size:1.8rem}}.price-table tbody tr:nth-child(1) th,.price-table tbody tr:nth-child(1) td{padding:40px 10px}@media screen and (max-width: 767.98px){.price-table tbody tr:nth-child(1) th,.price-table tbody tr:nth-child(1) td{padding:30px 10px}}.price-table tbody tr:nth-child(1) .cell{font-size:2.8rem;color:#0A53BF}@media screen and (max-width: 767.98px){.price-table tbody tr:nth-child(1) .cell{font-size:2.4rem}}.price-table tbody tr:nth-child(-n+3) .cell-02{border-left:2px solid #0A53BF;border-right:2px solid #0A53BF}.price-table tbody tr:nth-child(3) .cell-02{border-bottom:2px solid #0A53BF}.price-table tbody tr:nth-child(odd) .tbody-heading{background:#E3E3E3}.price-table tbody tr:nth-child(odd) .cell{background:#fff}.price-table tbody tr:nth-child(even) .tbody-heading{background:#CCCCCC}.price-table tbody tr:nth-child(even) .cell{background:#E4EDF6}.price .price-notes{font-size:1.2rem;color:#333333;margin-top:10px}.flow{background:#fff}.flow-list .item{position:relative;z-index:2;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.flow-list .item:not(:last-child){margin-bottom:50px}@media screen and (max-width: 767.98px){.flow-list .item:not(:last-child){margin-bottom:35px}}.flow-list .item:not(:last-child):after{position:absolute;bottom:-20px;left:50%;z-index:-1;-webkit-transform:translateX(-50%);transform:translateX(-50%);content:"";width:0;height:0;border-style:solid;border-right:25px solid transparent;border-left:25px solid transparent;border-top:20px solid #E5EFFC;border-bottom:0}.flow-list .item div{display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;height:88px}@media screen and (max-width: 767.98px){.flow-list .item div{height:auto}}.flow-list .item-l{width:25%;font-size:1.8rem;font-weight:700;color:#fff;background:#749CD5;padding:20px}@media screen and (max-width: 767.98px){.flow-list .item-l{width:100%;padding:10px 20px}}.flow-list .item .num{width:48px;line-height:48px;text-align:center;border-radius:24px;color:#749CD5;background:#fff;margin-right:17px}@media screen and (max-width: 767.98px){.flow-list .item .num{width:26px;line-height:26px}}.flow-list .item-r{width:75%;font-size:2rem;font-weight:700;color:#0E4392;background:#E5EFFC;padding:20px 20px 20px 32px}@media screen and (max-width: 767.98px){.flow-list .item-r{width:100%;font-size:1.6rem;padding:20px 20px}}.flow-list .item .tooltip{position:relative}.flow-list .item .tooltip-btn{pointer-events:all;position:relative;top:-2px;display:inline-block;text-align:center;width:20px;line-height:20px;font-size:1.4rem;color:#fff;background:#74A9DE;border-radius:50%;margin-left:20px}@media screen and (max-width: 767.98px){.flow-list .item .tooltip-btn{top:0px}}.flow-list .item .tooltip-text{display:inline-block;width:0;position:absolute;z-inex:2;left:60px;padding:10px 0;font-size:1.3rem;font-weight:500;color:#fff;background:#74A9DE;-webkit-transform:translateY(-50%);transform:translateY(-50%);opacity:0;white-space:nowrap;-webkit-transition:width 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s,padding 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s,opacity 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;transition:width 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s,padding 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s,opacity 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s}@media screen and (min-width: 768px){.flow-list .item .tooltip-text{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@media screen and (max-width: 767.98px){.flow-list .item .tooltip-text{padding:5px 0;font-size:1rem;top:35px;left:calc(50% + 10px);-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.flow-list .item .tooltip-text:before{content:"";position:absolute;left:-30px;z-index:3;width:0;height:0;border-style:solid;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:15px solid #74A9DE;border-left:0;-webkit-transition:border-right 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;transition:border-right 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s}@media screen and (min-width: 768px){.flow-list .item .tooltip-text:before{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}}@media screen and (max-width: 767.98px){.flow-list .item .tooltip-text:before{top:-20px;left:50%;-webkit-transform:translateX(-50%) rotate(90deg);transform:translateX(-50%) rotate(90deg)}}.flow-list .item .tooltip:hover .tooltip-text,.flow-list .item .tooltip:active .tooltip-text{width:288px;padding:10px 20px;opacity:1}@media screen and (max-width: 767.98px){.flow-list .item .tooltip:hover .tooltip-text,.flow-list .item .tooltip:active .tooltip-text{padding:3px 8px;width:auto}}.flow-list .item .tooltip:hover .tooltip-text:before,.flow-list .item .tooltip:active .tooltip-text:before{width:15px}.contact{background:#184588}.contact-text01{color:#fff;font-size:1.3rem;margin-bottom:10px}.contact .required{display:inline-block;vertical-align:middle;font-size:1.3rem;color:#D13737;margin-left:5px}.contact input[type="text"],.contact input[type="email"],.contact input[type="tel"],.contact textarea{width:100%;font-size:1.6rem;text-align:left;font-weight:normal;padding:15px;border:solid 1px #cccccc;color:#000;background:#fff}@media screen and (max-width: 767.98px){.contact input[type="text"],.contact input[type="email"],.contact input[type="tel"],.contact textarea{padding:10px}}.contact textarea{height:200px;min-height:200px;max-height:300px;resize:vertical}@media screen and (max-width: 767.98px){.contact textarea{height:150px;min-height:150px}}.contact ::-webkit-input-placeholder{color:#ccc}.contact :-ms-input-placeholder{color:#ccc}.contact ::-ms-input-placeholder{color:#ccc}.contact ::placeholder{color:#ccc}.contact .msg{display:block;font-size:1.2rem;color:#888888;margin:15px 0 5px}.contact .policy th,.contact .policy td{padding:20px 20px}.contact .form-btn{font-size:2.2rem;margin-top:50px;color:#000;-webkit-transition:all .3s ease;transition:all .3s ease}.contact .form-btn:hover{color:inherit;opacity:0.7}@media screen and (max-width: 767.98px){.contact .form-btn{margin-top:40px}}.company{background:#F6F6F6}

.modal-container {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: .3s ease-out;
  z-index: 9;
}
 
.modal-container::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
 
.modal-container.active {
  opacity: 1;
  visibility: visible;
}
 
.modal-body {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 500px;
  width: 90%;
}
 
.modal-close {
  position: absolute;
  top: -25px;
  right: 0;
  font-size: 14px;
  color: #fff;
  background: rgba(0,0,0,60%);
  padding: 4px 15px;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
}
 
.modal-content {
  background: #fff;
  border: 2px solid #000;
  text-align: left;
  padding: 30px;
  font-weight: bold;
}


.video-copy1 {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    background: #F0F2F5;
    padding: 18px 20px 0px;
    margin-bottom: 30px;
}

@media screen and (max-width: 767.98px){
.video-copy1 {
    color: #F5E12E;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
    background: none;
    padding: 0px 20px 0px;
    margin-bottom: 30px;
}
}


div.vid_contents {
width: 100%;/*背景色を横幅いっぱいに広げる*/
text-align: center;
margin: auto;
/*padding: 4% 4% 4% 4%;*/
}
video.vid_main {
width: 100%;
max-width: 840px;/*PC版での最大幅*/
}

@media screen and (max-width: 991.98px) {
.logo-size {
    width: 35vw;
}
}

@media screen and (max-width: 430px) {
.logo-size {
    width: 45vw;
}
}


.flex_grid {
  display: grid;
  gap: 10px;
  grid-template-columns: 1fr 1fr;
}
@media(max-width: 400px){
  .flex_grid {
    grid-template-columns: 1fr;
  }
}