/*----------------------------------------------------
    共通css
----------------------------------------------------*/
@charset "utf-8";

.rightTxt:before {
    background: #000;
    color: #fff;
    content: "PR";
    display: inline-block;
    font-size: 14px;
    line-height: 1.3;
    margin-right: 0.5rem;
    padding: 0 0.2rem;
    border: #fff solid 1px;
}
footer p.copy a:before {
    content: "【PR】";
}




#contents .l-panel--first .l-selection .box-body .btn-internal {
    width: 90%;
}
.l-panel.l-panel--first.lower .block .btn-web a {
    padding: 22px 20px 22px;
}
.tags1 .tag1 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0.8rem 0;
    padding: 0.8rem 3rem;
    background: #b3ddd7;
    border-radius: 0.6rem;
    color: #1f2933;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.2rem;
    line-height: 1.4;
    text-align: center;
}

.l-panel--first .block .img_center {
    margin: 2rem 0 0;
}

.l-panel--first .block .img_center img {
    border: solid 1px #ddd;
    padding: 0;
}
.img_center {
    margin: 0 auto 80px;
    text-align: center;
}
.img_center img {
    padding-bottom: 5px;
}
.btn-web a.redbtn {
    background: #e91e63;
}

/*----------------------------------------------------
    PCサイトcss
----------------------------------------------------*/

@media screen and (min-width: 600px) {
/*/////////////PC用のCSSをここに作成してください。/////////////*/
/*/////////////必ず中括弧の中に作成してください。/////////////*/
.box29 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #009b86;
}
.box29 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #009b86;
    color: #ffffff;
    font-weight: bold;
}
.box29 p {
    margin: 0; 
    padding: 0;
}


.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}


.caption2 {
  margin: 8px 0px;
  font-size: 1rem;
  line-height: 1.3;
  word-break: break-all;
  color: #999;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}

.caption2::-webkit-scrollbar {
  height: 0.5rem;
}
	
.pr-img img{
	display:block;
	margin:0 auto;
	}
.pr-img .caption{
	text-align:center;
	}
.youtube{
	text-align:center;	
	}	
}


/*----------------------------------------------------
    SPサイトcss
----------------------------------------------------*/

@media screen and (max-width: 480px) {
/*/////////////SP用のCSSをここに作成してください。/////////////*/
/*/////////////必ず中括弧の中に作成してください。/////////////*/

	.box28 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #FFC107;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
}

.box29 {
    position: relative;
    margin: 2em 0;
    padding: 25px 10px 7px;
    border: solid 2px #009b86;
}
.box29 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #009b86;
    color: #ffffff;
    font-weight: bold;
}
.box29 p {
    margin: 0; 
    padding: 0;
}
.pr-img .caption{
	margin:0 auto;
	width:90%;
	}	
.pr-img img{
	display:block;
	width:90%;
	margin:0 auto;
	}
.youtube {
	width: 90%;
	aspect-ratio: 16 / 9;
	margin:0 auto;
}
.youtube iframe {
  width: 100%;
  height: 100%;
	
}	
.l-panel--company__item 
 .block.blk2 {
    display: block;
}	
}