@charset "utf-8";
/* breadcrumbs */
.breadcrumbs {
width:100%;
line-height:1;
border-top:1px solid #e2e2e2;
font-size:86%;
color:#ccc;
padding:5px 0 8px;
}
@media screen and (max-width:767px){
.breadcrumbs {
height:auto;
padding-bottom:6px;
}
}
@media print {
.breadcrumbs {
display: none;
}
}
.breadcrumbs ol{
width:90%;
margin:0 auto;
max-width:1050px;
}
.breadcrumbs li{
display:inline;
list-style:none;
vertical-align:middle;
color:#ccc;
}
.breadcrumbs li:after{
content:"";
display: inline-block;
width: 5px;
height: 5px;
color: #ccc;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
transform: rotate(45deg);
margin:0 12px 0 10px;
position: relative;
top: -2px;
}
@media screen and (max-width:767px){
.breadcrumbs li:after{
margin:0 8px 0 6px;
width: 3px;
height: 3px;
top: -1px;
}
}
.breadcrumbs li:last-child:after{
display:none;
}
.btn a{
width:100%;
max-width: 200px;
height: 40px;
line-height: 40px;
border: 1px solid #000;
}
.btnBig a{
max-width: 415px;
height: 75px;
line-height: 75px;
}
.btnWh a{
border: 1px solid #fff;
}
.btn a:hover{
background: #000;
}
.btnWh a:hover{
border: 1px solid #000;
}
.ttlBox{
width: 290px;
}
@media screen and (max-width:1100px){
.ttlBox{
width: 220px;
}
}
@media screen and (max-width:980px){
.ttlBox{
width: 100%;
}
}
.contentsBox{
width: calc(100% - 290px);
}
@media screen and (max-width:1100px){
.contentsBox{
width: calc(100% - 220px);
}
}
@media screen and (max-width:980px){
.contentsBox{
width: 100%;
}
}
.pagrCommon{
margin-top: 175px;
}
@media screen and (max-width:767px){
.pagrCommon{
margin-top: 100px;
}
}
.pagrCommon .contentsBox{
margin-top: 60px;
}
@media screen and (max-width:980px){
.pagrCommon .contentsBox{
margin-top: 0;
}
}
.pagrCommon .ttlBox .areaTtl{
position: sticky;
top: 100px;
}
@media screen and (max-width:980px){
.pagrCommon .ttlBox .areaTtl{
position:static;
}
}
.mapLink .mappin{
width: 10px;
margin-right: 5px;
top: -1px;
}
.map{
width: 100%;
height: 400px;
overflow: scroll;
}
@media screen and (max-width:767px){
.map{
height: 260px;
}
}
.map img{
width: 1575px;
max-width: 1575px;
}
@media screen and (max-width:767px){
.map img{
width: 1150px;
max-width: 1150px;
}
}
/*service*/
#service .topBlock .img{
width: 100%;
height: 400px;
}
@media screen and (max-width:767px){
#service .topBlock .img{
height: 200px;
}
}
#service .topBlock .img .bg01{
background: url("../images/page/img-service01_01.jpg") center no-repeat;
background-size: cover;
}
#service .topBlock .img .bg02{
background: url("../images/page/img-service02_01.jpg") center no-repeat;
background-size: cover;
}
#service .serviceList.swiper {
overflow: visible;
}
#service .serviceList .swiper-wrapper {
align-items: stretch !important;
flex-wrap: wrap !important;
}
#service .serviceBox{
width: 32%;
margin-right: 2%;
box-sizing: border-box;
padding: 40px 20px;
border: 1px solid #000;
height: auto !important;
}
@media screen and (max-width:767px){
#service .serviceBox{
padding: 20px 15px;
width: 80%;
margin: 0 5px !important;
}
}
#service .serviceBox:nth-child(3n){
margin-right: 0;
}
#service .serviceBox .img{
width: 65px;
}
@media screen and (max-width:767px){
#service .serviceList {
padding-bottom: 30px;
overflow: hidden !important;
}
#service .serviceList .swiper-wrapper {
flex-wrap: nowrap !important;
}
#service .serviceList .swiper-scrollbar {
position: absolute;
left: 10px;
bottom: 5px;
z-index: 50;
width: calc(100% - 20px);
height: 2px;
background: #f6f6f6;
border-radius: 10px;
}
#service .serviceList .swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: #000;
border-radius: 10px;
left: 0;
top: 0;
}
}
#service .strengthsBlock .ttl{
box-sizing: border-box;
padding-left: 30px;
width: 47.5%;
}
#service .strengthsBlock .note{
width: 50%;
}
@media screen and (max-width:767px){
#service .strengthsBlock .ttl{
width: 100%;
margin-bottom:10px;
padding-left: 0;
}
#service .strengthsBlock .note{
width: 100%;
}
}
#about .companyInfo .ttl{
width: 30%;
}
#about .companyInfo .note{
    width: 67.5%;
}
#about .topBlock .img{
width: 100%;
height: 400px;
}
@media screen and (max-width:767px){
#about .topBlock .img{
height: 200px;
}
}
#about  .topBlock .img .bg01{
background: url("../images/page/img-about01_01.jpg") center no-repeat;
background-size: cover;
}
#about .companyMap .mapInfo {
    width: 30%;
}
#about .companyMap .mapBox {
    width: 67.5%;
}
@media screen and (max-width:767px){
#about .companyMap .mapInfo {
width: 100%;
margin-bottom: 40px;
}
#about .companyMap .mapBox {
width: 100%;
}
}
@media screen and (max-width:767px){
#about .message {
display: block;
}
}
#about .message .txtBox{
width: 67.5%;
box-sizing: border-box;
}
@media screen and (max-width:767px){
#about .message .txtBox{
width: 100%;
margin-bottom: 40px;
}
}
#about .message .img{
width: 30%;
height: 350px;
}
@media screen and (max-width:767px){
#about .message .img{
width: 100%;
margin-bottom: 40px;
}
}
#about .message .img .bg{
background: url("../images/page/img-message01.jpg") center no-repeat;
background-size: cover;
}
#philosophy .ttlBox .lead{
line-height:1.5;
width: 98px;
margin-left: 60px;
letter-spacing: 0.1em;
}
@media screen and (max-width:980px){
#philosophy .ttlBox .lead{
width: 100%;
margin-left:0;
}
}
@media screen and (max-width:767px){
#philosophy .ttlBox .lead{
font-size: 2rem;
}
}
#philosophy .topBlock .img{
width: 100%;
height: 400px;
}
@media screen and (max-width:767px){
#philosophy .topBlock .img{
height: 200px;
}
}
#philosophy  .topBlock .img .bg01{
background: url("../images/page/img-mission01.jpg") center no-repeat;
background-size: cover;
}
#philosophy .missonBlock{
width: 47.5%;
}
@media screen and (max-width:767px){
#philosophy .missonBlock{
width: 100%;
margin-bottom: 30px;
}
}
#philosophy  .topBlock .img .bg02{
background: url("../images/page/img-vision01.jpg") center no-repeat;
background-size: cover;
}
#philosophy .vision .ttl .txtIn{
border-bottom: 1px solid #000;
display: inline-block;
    line-height: 0.7;
}
@media screen and (max-width:767px){
#philosophy .vision .fs-40{
font-size: 2rem;
}
}
#recruit .ttlBox .lead{
line-height:1.5;
width: 98px;
margin-left: 60px;
letter-spacing: 0.1em;
}
@media screen and (max-width:980px){
#recruit .ttlBox .lead{
width: 100%;
margin-left:0;
}
}
@media screen and (max-width:767px){
#recruit .ttlBox .lead{
font-size: 2rem;
}
}
#recruit .roll{
width: 100vw;
height: 250px;
    margin-left: calc(-50vw + 260px);
    background: url("../images/page/bg-roll.png") left top repeat;
    background-size: 1700px 250px;
    animation: rollSlide 70s linear infinite;
}
@media screen and (max-width:1222px){
#recruit .roll{
    margin-left: calc(-290px - 5vw);
}
}
@media screen and (max-width: 1100px) {
#recruit .roll{
    margin-left: calc(-220px - 5vw);
}
}
@media screen and (max-width: 980px) {
#recruit .roll{
margin-left:  -5vw;
}
}
@media screen and (max-width: 767px) {
#recruit .roll{
height: 167px;
    background-size: 1134px 167px;
    animation: rollSlide-s 70s linear infinite;
    }
    }
@keyframes rollSlide {
0% {background-position: 0 0;}
100% {background-position:-1700px 0;}
}
@keyframes rollSlide-s {
0% {background-position: 0 0;}
100% {background-position:-1134px 0;}
}

#recruit .responsibilitiesBlock{
width: 47.5%;
}
@media screen and (max-width: 767px) {
#recruit .responsibilitiesBlock{
width: 100%;
}
}
#recruit .responsibilitiesBlock .bg{
width: 100%;
height: 250px;
}
@media screen and (max-width: 767px) {
#recruit .responsibilitiesBlock .bg{
height: 180px;
}
}
#recruit .responsibilitiesBlock .responsibilities01{
background: url("../images/page/img-responsibilities01.jpg") center no-repeat;
background-size: cover;
}
#recruit .responsibilitiesBlock .responsibilities02{
background: url("../images/page/img-responsibilities02.jpg") center no-repeat;
background-size: cover;
}
#recruit .responsibilitiesBlock .responsibilities03{
background: url("../images/page/img-responsibilities03.jpg") center no-repeat;
background-size: cover;
}
#recruit .responsibilitiesBlock .responsibilities04{
background: url("../images/page/img-responsibilities04.jpg") center no-repeat;
background-size: cover;
}

#recruit .candidates .img,
#recruit .candidates .txtBox{
width: 47.5%;
}
@media screen and (max-width: 767px) {
#recruit .candidates .img,
#recruit .candidates .txtBox{
width: 100%;
}
#recruit .candidates .txtBox{
margin-bottom: 20px;
}
}
#recruit .candidates .bg{
width: 100%;
height: 250px;
}
@media screen and (max-width: 767px) {
#recruit .candidates .bg{
height: 180px;
}
}
#recruit .img .candidates01{
background: url("../images/page/img-candidates01.jpg") center no-repeat;
background-size: cover;
}
#recruit .img .candidates02{
background: url("../images/page/img-candidates02.jpg") center no-repeat;
background-size: cover;
}
#recruit .img .candidates03{
background: url("../images/page/img-candidates03.jpg") center no-repeat;
background-size: cover;
}
@media screen and (max-width: 767px) {
#recruit .career{
min-width: 500px;
padding-bottom: 20px;
}
}
#recruit .careerBox{
width: 30%;
margin-right: 5%;
box-sizing: border-box;
padding: 30px 15px;
border: 1px solid #717171;
}
@media screen and (max-width: 767px) {
#recruit .careerBox{
padding: 15px 5px;
}
}
#recruit .careerBox:nth-child(3n){
margin-right: 0;
}
#recruit .careerBox .step span{
width: 70px;
height: 20px;
line-height: 20px;
}
@media screen and (max-width: 767px) {
#recruit .careerBox .step{
font-size: 1rem;
margin-bottom: 5px;
}
#recruit .careerBox .step span{
width: 50px;
}
#recruit .careerBox .fs-23{
font-size: 1.8rem;
}
}
#recruit .careerBox .bg{
top: 50%;
left: -2px;
width: 4px;
height: 35px;
transform: translate(0,-50%);
}
#recruit .career .arrow{
width:calc(5% + 4px);
left: 30%;
height: 18px;
top: 50%;
transform: translate(-2px,calc(-50% - 5px));
}
@media screen and (max-width: 767px) {
#recruit .career .arrow{
transform: translate(-2px,calc(-50% - 13px));
}
}
#recruit .career .arrow02{
left: 65%;
}
#recruit .career .arrow:before{
content: "";
position: absolute;
bottom: 0;
left: 1px;
width: calc(100% - 2px);
height: 1px;
background: #717171;
}
#recruit .career .arrow:after{
content: "";
position: absolute;
bottom: 0;
right: 1px;
width: 15px;
height: 1px;
background: #717171;
transform-origin: bottom right;
transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
#recruit .career .arrow:after{
width: 10px;
}
}
#recruit .benefitsBlock{
width: 32%;
margin-right: 2%;
}
@media screen and (max-width: 767px) {
#recruit .benefitsBlock{
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
}
#recruit .benefitsBlock:nth-child(3n){
margin-right: 0;
}
#recruit .benefitsBlock .icon{
width: 38px;
margin-right: 20px;
}
#recruit .benefitsBlock .txtBox{
width: calc(100% - 58px);
}
#recruit .rest{
width: 100vw;
margin-left: calc(-50vw + 260px);
    background: url("../images/page/bg-rest.jpg") left top repeat;
    background-attachment:fixed;
height:450px;
background-size:cover;
overflow: visible;
}
@media screen and (max-width:1222px){
#recruit .rest{
    margin-left: calc(-290px - 5vw);
}
}
@media screen and (max-width: 1100px) {
#recruit .rest{
    margin-left: calc(-220px - 5vw);
}
}
@media screen and (max-width: 980px) {
#recruit .rest{
margin-left:  -5vw;
}
}
.spContent #recruit .rest,
.tabContent #recruit .rest{
background-attachment: inherit;
background-position: center !important;
}
@media screen and (max-width:767px){
#recruit .rest{
height:250px;
background-size:cover;
background-attachment: inherit;
background-position: center !important;
}
}
@media screen and (max-width: 767px) {
#recruit .flow{
min-width: 700px;
padding-bottom: 20px;
}
}
#recruit .flowBlock{
width: calc((100% - 9px) / 4);
  margin-right: 3px;
  box-sizing: border-box;
  padding: 40px 25px;
}
@media screen and (max-width: 767px) {
#recruit .flowBlock{
  padding: 25px 15px;
}
}
#recruit .flowBlock:nth-child(4n){
margin-right: 0;
}
#recruit .flowBlock .num span{
width: 30px;
height: 20px;
line-height: 20px;
}
#recruit .flowBlock .bar{
width: 90%;
height: 1px;
background: #e3e3e3;
margin-top: 15px;
margin-bottom: 15px;
}
#recruit .jobInfo.first{
border-top: 1px solid #e3e3e3;
}
#recruit .jobInfo{
border-bottom: 1px solid #e3e3e3;
}
#recruit .jobInfo .ttl{
width: 30%;
padding: 40px;
box-sizing: border-box;
}
@media screen and (max-width:767px){
#recruit .jobInfo .ttl{
padding: 20px 15px;
}
#recruit .jobInfo .ttl .fs-18{
font-size: 1.4rem;
}
}
#recruit .jobInfo .note{
width: 70%;
padding: 40px;
box-sizing: border-box;
}
@media screen and (max-width:767px){
#recruit .jobInfo .note{
padding: 20px 15px;
}
}
#case .topBlock .img{
width: 100%;
height: 400px;
}
@media screen and (max-width:767px){
#case .topBlock .img{
height: 200px;
}
}
#case .topBlock .img .bg01{
background: url("../images/page/img-case01.jpg") center no-repeat;
background-size: cover;
}

.naviTtl .txtIn{
border-bottom: 1px solid #000;
display: inline-block;
line-height: 0.85;
}
@media screen and (max-width:980px){
.cateNavi{
display: flex;
flex-wrap: wrap;
margin-left: auto;
margin-right: auto;
}
}
.cateNavi.l-row .link{
margin-right: 5px;
}
@media screen and (max-width:980px){
.cateNavi .link{
margin-right: 5px;
}
}
.cateNavi.l-row .link:last-child{
margin-right: 0;
}
.cateNavi .link a{
height: 30px;
line-height: 30px;
padding: 0 20px;
border: 1px solid #666;
border-radius: 30px;
}
@media screen and (max-width:767px){
.cateNavi .link a{
height: 25px;
line-height: 25px;
padding: 0 15px;
}
}
.cateNavi .link a.on,
.cateNavi .link a:hover{
background: #666;
}
.caseList .caseBlock{
width: 47.5%;
margin-bottom: 70px;
}
@media screen and (max-width:767px){
.caseList .caseBlock{
width: 100%;
margin-bottom: 50px;
}
}
.caseList .caseBlock .img{
position:relative;
padding-top: 51.81%;
}
.caseList .caseBlock .img img{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
.caseList .caseBlock .txtBox{
padding: 15px 25px;
}
.caseList .caseBlock .bar{
width: 90%;
height: 1px;
background: #e3e3e3;
margin-top: 15px;
margin-bottom: 15px;
}
.pager{
text-align: center;
position:relative;
height:40px;
line-height:40px;
}
@media screen and (max-width:767px){
.pager{
margin-top:30px;
font-size: 1.4rem;
}
}
.pager a {
border-bottom: 1px solid rgba(255,255,255,0);
padding: 0 20px 15px;
margin:0 5px;
transition: all 0.3s ease 0s;
}
@media screen and (max-width: 767px) {
.pager a {
padding: 0 10px 10px;
margin:0 3px;
}
}
.pager .current {
border-bottom: 1px solid #e3e3e3;
color: #000;
padding: 0 20px 15px;
margin:0 5px;
}
@media screen and (max-width: 767px) {
.pager .current {
padding: 0 10px 10px;
margin:0 3px;
}
}
#case .caseTop .txtBox{
width: 40%;
}
@media screen and (max-width:980px){
#case .caseTop .txtBox{
width: 100%;
}
}
@media screen and (max-width:767px){
#case .caseTop .fs-40{
font-size: 2.5rem;
}
}
#case .caseTop .img{
width: 55%;
position:relative;
padding-top:28.4955%;
overflow: hidden;
}
@media screen and (max-width:980px){
#case .caseTop .img{
width: 100%;
padding-top: 51.81%;
margin-bottom: 20px;
}
}
#case .caseTop .img img{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#case .caseContent{
max-width: 980px;
}
#case .step .ttlBox{
width: 220px;
box-sizing: border-box;
padding: 60px 0 40px;
}
@media screen and (max-width:767px){
#case .step .ttlBox{
width: 90px;
padding: 30px 0 30px;
}
#case .step .ttlBox .ttl{
font-size: 1.6rem;
width: 100%;
}
}
#case .step01 .ttlBox{
padding: 40px 0;
}
@media screen and (max-width:767px){
#case .step01 .ttlBox{
padding: 30px 0;
}
}
#case .step02 .ttlBox{
background: #e3e3e3;
}
#case .step .stepTtl span{
width: 70px;
    height: 20px;
    line-height: 20px;
}
@media screen and (max-width:767px){
#case .step .stepTtl span{
width: 60px;
}
}
#case .step .ttlBox .arrow{
bottom:1px;
left: 0;
transform: translate(0,100%);
width: 100%;
  height: 20px;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  z-index: 10;
}
@media screen and (max-width:767px){
#case .step .ttlBox .arrow{
  height: 10px;
}
}
#case .step02 .ttlBox .arrow{
background: #e3e3e3;
}
#case .step .noteBox{
width: calc(100% - 220px);
box-sizing: border-box;
padding: 40px 40px 20px;
}
@media screen and (max-width:767px){
#case .step .noteBox{
width: calc(100% - 90px);
padding: 30px 20px 10px;
}
}
@media screen and (max-width:767px){
#contact .ttlBox .lead {
font-size: 2rem;
}
#contact .contactTel .btn a{
line-height: 1.4;
box-sizing: border-box;
padding-top: 16px;
}
#contact .contactTel .btn .info{
display: block;
}
}
#contact .contactChat .chatBox{
width: 47.5%;
margin-left: 0;
margin-right: 0;
}
@media screen and (max-width:767px){
#contact .contactChat .chatBox{
width: 100%;
}
#contact .contactChat .chatBox:first-child{
margin-bottom: 30px;
}
}
#contact .chatBox .img{
width: 110px;
}
#contact .chatBox .txtBox{
width: calc(100% - 120px);
}
@media screen and (max-width:767px){
#contact .chatBox .img{
width: 100%;
}
#contact .chatBox .txtBox{
width: 100%;
margin-bottom: 15px;
}
}
.informationpostList li .img{
top: 0;
left: 0;
width: 210px;
height:140px;
background: #F5F5F5;
}
@media screen and (max-width:980px){
.informationpostList li .img{
width:160px;
height:106px;
}
}
@media screen and (max-width:767px){
.informationpostList li .img{
width:110px;
height:73px;
}
}
.informationpostList li .img img{
position: absolute;
width: 100%;
height: auto;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
transition: all 0.8s ease;
}
.informationpostList li .img a:hover img{
opacity: 0.8;
}
.informationpostList li .txt{
margin-left: 245px;
}
@media screen and (max-width:980px){
.informationpostList li .txt{
margin-left:180px;
}
}
@media screen and (max-width:767px){
.informationpostList li .txt{
margin-left:120px;
min-height:73px;
margin-bottom:10px;
}
}
.informationpostList .date{
margin-right: 15px;
}
.informationpostList li .note{
height: 3.6em;
margin-left: 245px;
}
@media screen and (max-width:980px){
.informationpostList li .note{
margin-left:180px;
}
}
@media screen and (max-width:767px){
.informationpostList li .note{
margin-left:0;
}
}
.newsPost .date{
margin-right: 15px;
}
@media screen and (max-width:767px){
.newsPost .fs-40{
font-size: 2.5rem;
}
}
.newsContent{
max-width: 980px;
}
.newsContent .note p{
line-height: 2.2;
margin-bottom: 2.2em;
color: #333;
font-family: YakuHanJP_Narrow, "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'Lato','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
}
.newsContent .note .wp-block-code{
margin-bottom: 3em;
font-size: 1.4rem;
color: #333;
font-family: YakuHanJP_Narrow, "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'Lato','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
}
.newsContent .note .wp-block-preformatted{
margin-bottom: 3em;
color: #333;
font-family: YakuHanJP_Narrow, "游ゴシック Medium", "Yu Gothic Medium","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", YuGothic,'Lato','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif !important;
}
.newsContent .note h2{
position: relative;
padding: 50px 0;
border-top: 1px solid #e3e3e3;
box-sizing: border-box;
font-size: 2rem;
font-weight: 500;
margin-top: 100px;
}
.newsContent .note h2:after{
content: "";
position: absolute;
top: -1px;
left: 0;
width: 30px;
height: 1px;
background: #666;
}
.newsContent .note h3{
font-size: 1.8rem;
font-weight: bold;
margin:20px 0 10px;
}
.newsContent .note h4{
font-size: 1.6rem;
font-weight: bold;
margin:15px 0 10px;
color: #ed243c;
}
.newsContent .note h5{
font-weight: bold;
margin-bottom: 5px;
margin:15px 0 10px;
}
.newsContent .note h5:before{
content: "- "
}
.newsContent .note ul{
margin-bottom: 15px;
}
.newsContent .note li{
list-style: disc inside;
}
.newsContent .note table{
background:#f5f5f5;
max-width: 600px;
border: none;
}
.newsContent .note th,
.newsContent .note td{
padding: 20px;
width: 50%;
border: 1px solid #fff;
vertical-align: middle;
box-sizing: border-box;
}
.newsContent .note .colum3 table th,
.newsContent .note .colum3 table td{
width: 33%;
}
.newsContent .note .colum4 table th,
.newsContent .note .colum4 table td{
width: 25%;
}
.newsContent .note .colum5 table th,
.newsContent .note .colum5 table td{
width: 20%;
}
.newsContent .note th{
text-align: center;
font-weight: bold;
}
@media screen and (max-width:980px){
.newsContent .note th,
.newsContent .note td{
padding: 20px 10px;
}
}
@media screen and (max-width:767px){
.newsContent .note th,
.newsContent .note td{
padding: 10px;
}
}
.newsContent img{
max-width: 100%;
height: auto;
}
.newsContent .note pre{
white-space: pre-line;
}
.newsContent .note .youtubeOuter{
position: relative;
width: 100%;
padding-top: 56.25%;
margin-bottom: 3em;
}
.newsContent .note .youtubeOuter iframe{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
border: none;
}
.newsContent .note .youtubeOuter p{
margin-bottom: 0;
}
@media (max-width: 781px){
.wp-block-columns:not(.is-not-stacked-on-mobile){
display: block;
margin-bottom: 40px;
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
width: 100%!important;
}
}
@media (max-width: 781px){
.newsContent .note .wp-block-columns p{
margin-bottom:0;
}
}