@charset "utf-8";

.secCmnIndexTop{
    background: url(../img/blog/bgCmnIndexTop.jpg) center top / cover;
}
@media only screen and (max-width:1215px){
    .secCmnIndexTop {
        background: url(../img/blog/bgCmnIndexTop_sp.jpg) center top / cover;
    }
}
#pnkz{
    position: relative;
    z-index: 20;
}
.fVerdana{font-family:Verdana;}
/*-----------------------------------------------
    index
-----------------------------------------------*/
/* secBlogBgBox */
.secBlogBgBox{
    position: relative;
    padding: 5rem 0 15rem;
}
.secBlogBgBox::after,
.secBlogBgBox::before{
    position: absolute;
    content: "";
    width: 142.1rem;
    height: 94.8rem;
}
.secBlogBgBox::after{
    left: calc(50% - 96rem);
    top: -5rem;
}
.secBlogBgBox::before{
    right: calc(50% - 96rem);
    bottom: 0;
}
.secBlogBgBox::after{
    background: url(../img/blog/bgBlogBgBox01.jpg) center top / cover;
}
.secBlogBgBox::before{
    background: url(../img/blog/bgBlogBgBox02.jpg) center top / cover;
}
@media only screen and (max-width:1215px){
    .secBlogBgBox{
        padding: 4rem 0 6rem;
    }
    .secBlogBgBox::after,
    .secBlogBgBox::before{
        width: 100%;
        height: 37.2rem;
    }
    .secBlogBgBox::after{
        left: 0;
        top: 0;
    }
    .secBlogBgBox::before{
        right: 0;
        bottom: -4rem;
    }
    .secBlogBgBox::after{
        background: url(../img/blog/bgBlogBgBox01_sp.jpg) center top / cover;
    }
    .secBlogBgBox::before{
        background: url(../img/blog/bgBlogBgBox02_sp.jpg) center top / cover;
    }
}
/* secBlog */
.secBlog{
    position: relative;
    z-index: 20;
    width: calc(100% - 10rem);
    margin: 0 auto;
    max-width: 108rem;
}
.secBlog .tabList{
    display: flex;
    flex-wrap: wrap;
}
.secBlog .tabItem{
    width: 23.612%;
    margin-right: 1.85066%;
}
.secBlog .tabItem:nth-child(4n){
    margin-right: 0;
}
.secBlog .tabItem:nth-child(n+5){
    margin-top: 1.85066%;
}
.secBlog .tabInner{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ColorWhite);
    border: solid 0.1rem var(--tabBorderColor);
    border-radius: 1rem;
    padding: 2rem;
    min-height: 8rem;
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_30);
    font-weight: bold;
}
.secBlog .tabInner:hover,
.secBlog .tabInner.boxOn{
	background: var(--ColorRed);
    border: solid 0.1rem var(--ColorRed);
	color: var(--ColorWhite);
}
@media only screen and (max-width:1215px){
    .secBlog{
        width: 100%;
        max-width: 100%;
    }
    .secBlog .tabList{
        width: 89.334%;
        margin: 0 auto;
    }
    .secBlog .tabItem{
        width: calc(50% - 0.55rem);
        margin-right: 1.1rem;
    }
    .secBlog .tabItem:nth-child(2n){
        margin-right: 0;
    }
    .secBlog .tabItem:nth-child(n+3){
        margin-top: 1rem;
    }
    .secBlog .tabInner{
        padding: 1rem;
        min-height: 5rem;
        font-size: var(--spFontSize15);
        line-height: var(--spLineHeight15_25);
    }
}
/* secBlogBox */
.secBlogBox{
    margin: 6rem auto 0;
    position: relative;
    z-index: 20;
    width: calc(100% - 10rem);
    max-width: 108rem;
}
.secBlogBox .mainBox{
    position: relative;
    display: flex;
    align-items: center;
    min-height: 45rem;
}
.secBlogBox .imgBox{
    position: absolute;
    right: calc(50% - 96rem);
    top: 0;
    width: 82rem;
}
.secBlogBox .img{
    padding-top: 54.879%;
    border-radius: 6rem 0 0 0;
    overflow: hidden;
}
.secBlogBox .txtBox{
    width: 62rem;
    padding-bottom: 4rem;
}
.secBlogBox .engTit{
    position: relative;
    padding-left: 6rem;
}
.secBlogBox .engTit::after{
    position: absolute;
    content: "";
    width: 5rem;
    height: 0.1rem;
    left: 0;
    top: calc(50% - 0.05rem);
    background: var(--ColorRed);
}
.secBlogBox .engTit img{
    width: 11.1rem;
}
.secBlogBox .tit{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_30);
    font-weight: bold;
    margin-top: 2.2rem;
}
.secBlogBox .mainTit{
    font-size: var(--pcFontSize40);
    line-height: var(--pcLineHeight40_65);
    letter-spacing: var(--pcLetterSpacing40_50);
    font-weight: bold;
    margin-top: 0;
}
.secBlogBox .txt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_36);
    letter-spacing: var(--pcLetterSpacing18_50);
    margin-top: 1.8rem;
}
@media only screen and (max-width:1215px){
    .secBlogBox{
        margin: 3rem auto 0;
        width: 100%;
        max-width: 100%;
    }
    .secBlogBox .mainBox{
        display: block;
        min-height: auto;
    }
    .secBlogBox .imgBox{
        position: relative;
        right: 0;
        top: 0;
        width: 94.667%;
        margin-left: auto;
    }
    .secBlogBox .imgBox::after{
        position: absolute;
        content: "";
        width: 22rem;
        height: 5.9rem;
        left: 0;
        bottom: 0;
    }
    .secBlogBox.lazyloaded .imgBox::after{
        background: url(../img/blog/iconBlogBox.png) center top / cover;
    }
    .secBlogBox .img{
        padding-top: 54.648%;
        border-radius: 3rem 0 0 0;
    }
    .secBlogBox .txtBox{
        width: 89.334%;
        padding-bottom: 0;
        margin: -1.5rem auto 0;
    }
    .secBlogBox .engTit{
        padding-left: 4rem;
    }
    .secBlogBox .engTit::after{
        width: 3rem;
    }
    .secBlogBox .engTit img{
        width: 8.3rem;
    }
    .secBlogBox .tit{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_21);
        margin-top: 1rem;
    }
    .secBlogBox .mainTit{
        font-size: var(--spFontSize19);
        line-height: var(--spLineHeight19_28);
        letter-spacing: var(--spLetterSpacing0);
        margin-top: 0.3rem;
    }
    .secBlogBox .txt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_24);
        letter-spacing: var(--spLetterSpacing0);
        margin-top: 0.8rem;
        margin-right: -0.5rem;
    }
}

#blog{
	width: 98rem;
	margin: 6rem auto 0;
    position: relative;
    z-index: 10;
}
#blog #leftBox{
	width: 73rem;
	float: left;
}
#blog #leftBox .blogBox{
    background-color: #fff;
	padding: 3rem;
    box-shadow: 0rem 0rem 0.49rem 0.01rem rgba(34, 24, 21, 0.25);
}
#blog #rightBox{
	width: 20rem;
	float: right;
}
@media only screen and (max-width:1215px){
	#blog{
		width: 93.6%;
		margin: 3.5rem auto 0;
	}
	.details #blog{
		width: 93.75%;
	}
	#blog #leftBox{
		width: 100%;
		float: none;
	}
	#blog #leftBox .blogBox{
		padding: 2rem 1.8rem;
	}
	#blog #rightBox{
		width: 100%;
		float: none;
	}
}
.details #leftBox .bgArticle {
    background: none;
    padding: 3rem 0;
    margin-bottom: 3rem;
}
.details #leftBox .bgArticle .conArticle .bgTopBox {
    padding-bottom: 1.5rem;
    background: url(../img/blog/border01.gif) repeat-x left bottom;
    margin-bottom: 2rem;
}
.index #leftBox .bgArticle{
	display: block;
	background: #FFF;
	padding: 2rem 0;
	background-size: 0.4rem 0.1rem;
	background-image: linear-gradient(to right, #7f7f7f, #7f7f7f 0.1rem, transparent 0.1rem, transparent 0.4rem);
	background-repeat: repeat-x;
}
.index #leftBox .bgArticle:first-child{
	padding-top: 0;	
	background-image: none;
}
.index #leftBox .bgArticle a{
	text-decoration: none;
	color: #000;
	display: block;
}
.details #leftBox .bgArticle .conArticle .topBox {
    border-left: #C11131 solid 0.4rem;
    display: block;
}
.details #leftBox .bgArticle .conArticle .topBox .tit {
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_24);
    padding: 0.4rem 1rem 0.2rem;
    color: #C01131;
    font-weight: bold;
}
.details #leftBox .bgArticle .conArticle .boxSub {
    color: #999999;
    font-size: var(--pcFontSize12);
    line-height: 120%;
    margin-bottom: 2rem;
}
.details #leftBox .bgArticle .conArticle .boxSub .txtDays {
    float: left;
}
.details #leftBox .bgArticle .conArticle .boxSub .txtKind {
    float: right;
}
#leftBox .bgArticle:last-child{
	padding-bottom: 1.5rem;
}
#leftBox .bgArticle .conArticle{
	width: 67rem;
	margin: 0 auto;
	overflow: hidden;
}

#leftBox .bgArticle .imgRe{
	width: 16.2rem;
}
#leftBox .bgArticle .imgBox{
    width: 100%;
    height: 0;
    padding-top: 66.67%;
}
.index #leftBox .bgArticle .conArticle .conBox{ 
	display: flex;
    align-items: center;
}
.details #leftBox .bgArticle .conArticle .conBox {
    margin-bottom: 2rem;
}
#leftBox .bgArticle .conArticle .conBox p {
    font-size: var(--pcFontSize13);
    line-height: var(--pcLineHeight13_24);
    color: #391D00;
}
#leftBox .bgArticle .conArticle .boxSub2 {
    text-align: right;
    color: #391D00;
    line-height: 120%;
}
#leftBox .bgArticle .conArticle .txtBox{
	position: relative;
	width: calc(100% - 17rem);
	padding-left: 2rem;
    padding-right: 5rem;
}
#leftBox .bgArticle .conArticle .txtBox::after{
    position: absolute;
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    margin: auto;
    display: block;
    top: 0;
	bottom: 0;
    right: 0.8rem;
    width: 2rem;
    height: 0.8rem;
    background-image: url(../img/blog/btnArrow.gif);
}
#leftBox .bgArticle .conArticle .txtBox .infoBox{
	display: flex;
	font-size: var(--pcFontSize12);	
}
#leftBox .bgArticle .conArticle .txtBox .infoBox .name{
	font-size: var(--pcFontSize12);	
	color: #646464;
}
#leftBox .bgArticle .conArticle .txtBox .infoBox .name{
	font-size: var(--pcFontSize12);	
	color: #646464;
}
#leftBox .bgArticle .conArticle .txtBox .infoBox .name{
	font-size: var(--pcFontSize12);	
	color: #646464;
}
#leftBox .bgArticle .conArticle .txtBox .blogTitBox{
	margin: 1.1rem 0;
}
#leftBox .bgArticle .conArticle .txtBox .blogTitBox .blogTit{
	font-size: var(--pcFontSize16);	
	font-weight: bold;
	color: #c01131;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	max-height: calc((var(--pcFontSize16) * var(--pcLineHeight16_24)) * 2);
    line-height: var(--pcLineHeight16_24);
}
#leftBox .bgArticle .conArticle .txtBox .categoryBox .categoryTit{
	font-size: var(--pcFontSize12);	
	color: #646464;
}
@media only screen and (max-width:1215px){
	#leftBox .bgArticle{
		padding: 1.9rem 0;
	}
	.details #leftBox .bgArticle {
		padding: 1.5rem 0;
		margin-bottom: 2rem;
	}
	.details #leftBox .bgArticle .conArticle .bgTopBox {
		padding-bottom: 1rem;
		background: url(../img/blog/border01.gif) repeat-x left bottom;
		margin-bottom: 1rem;
	}
	.details #leftBox .bgArticle .conArticle .topBox .tit {
		font-size: var(--spFontSize13);
		line-height: var(--spLineHeight13_18);
	}
	.details #leftBox .bgArticle .conArticle .boxSub {
		font-size: var(--spFontSize10);
		margin-bottom: 1rem;
	}
	.details #leftBox .bgArticle .conArticle .boxSub .txtDays {
		float: none;
		margin-bottom: 0.5rem;
	}
	.details #leftBox .bgArticle .conArticle .boxSub .txtKind {
		float: none;
	}
	
	#leftBox .bgArticle .conArticle{
		width: 93.75%;
	}
	.index #leftBox .bgArticle .conArticle .conBox{ position: relative}
	#leftBox .bgArticle .conArticle .conBox p {
		font-size: var(--spFontSize12);
		line-height: var(--spLineHeight12_22);
	}
	#leftBox .bgArticle .conArticle .boxSub2 {
		font-size: var(--spFontSize11);
	}
	#leftBox .bgArticle .imgRe{
		width: 9.1rem;
	}
	#leftBox .bgArticle .imgBox{
		padding-top: 65.95%;
	}
	#leftBox .bgArticle .conArticle .txtBox{
		width: calc(100% - 9.1rem);
		padding-left: 1rem;
		padding-right: 2rem;
		height: 6rem;
		min-height: 4.5rem;
	}
	#leftBox .bgArticle .conArticle .txtBox::after{
		width: 1rem;
		height: 0.4rem;
	}
	#leftBox .bgArticle .conArticle .txtBox .categoryBox{
		display: none;
	}
	#leftBox .bgArticle .conArticle .txtBox .infoBox{
		font-size: var(--spFontSize10);
		letter-spacing: var(--spLetterSpacing10_50);
	}
	#leftBox .bgArticle .conArticle .txtBox .blogTitBox{
		margin: 0.6rem 0;
		display: flex;
		align-items: center;
		height: 2.6rem;
	}
	#leftBox .bgArticle .conArticle .txtBox .blogTitBox .blogTit{
		font-size: var(--spFontSize13);
	}
	#leftBox .bgArticle .conArticle .txtBox .infoBox .name{
		position: absolute;
		bottom: 0.2rem;
		left: 1rem;
		font-size: var(--spFontSize10);
		width: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	#leftBox .bgArticle:last-child{
		padding-bottom: 0;
	}
}

.numBox{
	margin-top: 4rem;
	text-align: center;
}
.numBox a{
	display: inline-block;
	width: 3rem;
	height: 3.2rem;
	text-align: center;
	box-sizing: border-box;
	background: #FFF;
	padding-top: 1rem;
	color: #4685BF;
	text-decoration: underline;
	border-radius: 0.2rem;
	margin: 0 0.2rem;
    border: solid 0.1rem #e5e5e5;
}
.numBox .numOn{
	background:#006B66;
	color: #FFF;
	text-decoration: none;
    border: none;
}

@media only screen and (max-width:1215px){
	.numBox{
		text-align: center;
		margin-top: 2.5rem;
		margin-bottom: 3rem;
	}
}

#rightBox .secProf{
	background: #FFF;
	margin-bottom: 2rem;
	padding: 1.5rem 0;
    box-shadow: 0rem 0rem 0.49rem 0.01rem rgba(34, 24, 21, 0.25);
}
#rightBox .secProf .con{
	width: 17rem;
	margin: 0 auto;
}
#rightBox .secProf .con .titProf{
	color: #663300;
	line-height: 120%;
	padding-bottom: 1.1rem;
	background: url(../img/blog/border01.gif) repeat-x left bottom;
	margin-bottom: 1.5rem;
}
#rightBox .secProf .con .titProf .txt1{ color: #BF1131;}
#rightBox .secProf .con .img1{
	width: 16rem;
	height: 12rem;
	overflow: hidden;
	margin: 0 auto 1.5rem;
	position: relative;
}
#rightBox .secProf .con .img1 img{
	position:absolute;
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	left:50%;
	top:50%;
	-webkit-transform:translate3d(-50%, -50%, 0);
	transform:translate3d(-50%, -50%, 0);	
}
#rightBox .secProf .con .tit1{
	font-size: var(--pcFontSize13);	
	line-height: 120%;
	color: #C11131;
	text-align: center;
	margin-bottom: 1rem;
}
#rightBox .secProf .con .txt2{
	font-size: var(--pcFontSize11);	
	color: #666666;
	line-height: 140%;
}

@media only screen and (max-width:1215px){

	#rightBox .secProf .con{
		width: 87.5%;
		margin: 0 auto;
	}
}

#rightBox .secNew{
	background: #FFF;
	margin-bottom: 2rem;
	padding: 1.5rem 0;
    box-shadow: 0rem 0rem 0.49rem 0.01rem rgba(34, 24, 21, 0.25);
}
#rightBox .secNew .con{
	width: 17rem;
	margin: 0 auto;
}
#rightBox .secNew .con .txtBox{
	padding-top: 1.2rem;
	background: url(../img/blog/border01.gif) repeat-x left top;
}
#rightBox .secNew .con .txtBox a{
    color: -webkit-link;
}
#rightBox .secNew .con .titNew{
	color: #663300;
	line-height: 120%;
	margin-bottom: 1.2rem;
}
#rightBox .secNew .con .titNew .txt1{ color: #BF1131;}
#rightBox .secNew .con .tit1{
	color: #4685BF;
	line-height: 140%;
	padding-left: 1.2rem;
	background: url(../img/blog/bgNew.png) no-repeat left 0.4rem;
	background-size: 0.7rem;
	height: 3.2rem;
	overflow: hidden;
	margin-bottom: 0.8rem;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;		
}
#rightBox .secNew .con .txtDays{
	font-size: var(--pcFontSize11);	
	line-height: 120%;
	padding-left: 1.2rem;
	margin-bottom: 1rem;
}
@media only screen and (max-width:1215px){
	#rightBox .secNew .con{
		width: 87.5%;
		margin: 0 auto;
	}
}

#rightBox .secCategory{
	background: #FFF;
	margin-bottom: 2rem;
	padding: 1.5rem 0;
    box-shadow: 0rem 0rem 0.49rem 0.01rem rgba(34, 24, 21, 0.25);
}
#rightBox .secCategory .con{
	width: 17rem;
	margin: 0 auto;
}
#rightBox .secCategory .con .titCategory{
	color: #663300;
	line-height: 120%;
	padding-bottom: 1.1rem;
	background: url(../img/blog/border01.gif) repeat-x left bottom;
	margin-bottom: 1.5rem;
}
#rightBox .secCategory .con .titCategory .txt1{ color: #BF1131;}
#rightBox .secCategory .con .box1 .txt1{
	line-height: var(--pcLineHeight10_28);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#rightBox .secCategory .con .box1 .txt1 a{ 
    text-decoration: underline;
    color: -webkit-link;
}

@media only screen and (max-width:1215px){
#rightBox .secCategory .con{
	width: 87.5%;
	margin: 0 auto;
}
}

#rightBox .secArchive{
	background: #FFF;
	margin-bottom: 2rem;
	padding: 1.5rem 0;
    box-shadow: 0rem 0rem 0.49rem 0.01rem rgba(34, 24, 21, 0.25);
}
#rightBox .secArchive .con{
	width: 17rem;
	margin: 0 auto;
}
#rightBox .secArchive .con .titArchive{
	color: #663300;
	line-height: 120%;
	padding-bottom: 1.1rem;
	background: url(../img/blog/border01.gif) repeat-x left bottom;
	margin-bottom: 1.5rem;
}
#rightBox .secArchive .con .titArchive .txt1{ color: #BF1131;}

@media only screen and (max-width:1215px){
	#rightBox .secArchive .con{
		width: 87.5%;
		margin: 0 auto;
	}
}


#leftBox .btnBack{
	display: block;
	width: 18rem;
	height: 4rem;
	box-sizing: border-box;
	text-align: center;
	font-size: var(--pcFontSize13);
    letter-spacing: var(--pcLetterSpacing13_50);
	padding-top: 1.3rem;
	margin: 0 auto;
	text-decoration:underline;
    border-radius: 5rem;
    color: #000;
    border: #000 solid 0.1rem;
}
@media only screen and (max-width:1215px){
	#leftBox .btnBack{
		width: 60%;
		font-size: var(--spFontSize12);
		padding-top: 1.3;
		margin: 0 auto 2rem;
	}
	pre {
		white-space: -moz-pre-wrap;
		white-space: -pre-wrap;
		white-space: -o-pre-wrap;
		white-space: pre-wrap;
		word-wrap: break-word;
	}
}










/*-----------------------------------------------
	details
-----------------------------------------------*/
/* secDetails */
.secDetails{
    margin: 0 auto;
    padding-bottom: 8rem;
}
.secDetails .txtDate{
    font-size: var(--pcFontSize15);
    letter-spacing: var(--pcLetterSpacing15_50);
    line-height: var(--pcLineHeight15_25);
}
.secDetails .titTop{
    font-size: var(--pcFontSize24);
    letter-spacing: var(--pcLetterSpacing24_100);
    line-height: var(--pcLineHeight24_43);
    margin: 2rem auto 5rem;
    font-weight: bold;
}
.secDetails .txtDetails{
    margin: 5rem auto 7rem ;
}
.secDetails .entry img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    border-radius: 0;
}
@media only screen and (max-width:1215px){
    .secDetails{
        width: 92%;
        margin: 0 auto;
        padding-bottom: 4rem;
    }
    .secDetails .txtDate{
       font-size: var(--spFontSize13);
    }
    .secDetails .titTop{
        font-size: var(--spFontSize18);
        letter-spacing: var(--spLetterSpacing18_50);
        line-height: var(--spLineHeight18_30);
        margin: 1rem auto 3rem;
    }
    .secDetails .txtDetails{
        margin: 3rem auto 4rem;
    }
}

.secDetails .entry *{
    line-height: 214%;
    font-size: var(--pcFontSize14);
}
.secDetails .entry h2,
.secDetails .entry h2 *{
    font-size: var(--pcFontSize20);
}
.secDetails .entry h3,
.secDetails .entry h3 * {
    font-size: var(--pcFontSize16);
}
@media only screen and (max-width:1215px){
    .secDetails .entry *{
        line-height: 180%;
        font-size: var(--spFontSize13);
    }
    .secDetails .entry h2,
    .secDetails .entry h2 *{
        font-size: var(--spFontSize17);
    }
    .secDetails .entry h3,
    .secDetails .entry h3 * {
        font-size: var(--spFontSize16);
    }
    .secCmnBack{
        width: 92%;
        margin: 0 auto;
    }
    .secCmnBack .btnInner{
        width: 69.566%;
    }
}
/* .details #rightBox .secProf,
.details #rightBox .secNew,
.details #rightBox .secCategory,
.details #rightBox .secArchive{
    box-shadow: none;
    background: none;
} */

/* ▼260423 */
#container{
    padding-top: 0;
}
@media only screen and (min-width:1216px){
    .pageBlog{
        position: relative;
        width: 100%;
    }
    .pageBlog #pnkz{
        position: absolute;
        left: 0;
        width: 100%;
        top: 60rem;
        background: none;
    }
}
#conBlog{
    background: url(../img/blog/imgBgCategory_under.jpg) right bottom no-repeat #fff!important;
}
#conBlog .bgCon{
    background: url(../img/blog/imgBgCategory.png) left top no-repeat!important;
    padding-top: 10rem;
    position: relative;
}
#secCategory{
    max-width: 108rem;
    width: calc(100% - 10rem);
    margin: 0 auto;
}
#secCategory .box1{
    display: flex;
}
#secCategory .btnbox{
    width: calc((100% - 6rem) / 4);
    margin-right: 2rem;
}
#secCategory .box1 a{
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    min-height: 8rem;
    border: 1px solid;
    border-color: var(--tabBorderColor);
    border-radius: 1rem;
    background: var(--ColorWhite);
    color: var(--textColor);
    padding: 1rem;
    transition: 0.5s;
}
#secCategory .box1 a.boxOn{
    background: var(--ColorRed);
    color: var(--ColorWhite);
    border-color: var(--ColorRed);
}
#secCategory a .linkInner{
    width: 100%;
    display: inline-block;
    text-align: center;
}
#secCategory a .linktxt{
    font-size: var(--pcFontSize18);
    line-height: calc(30 / 18);
    font-weight: bold;
}
@media only screen and (min-width:1216px){
    #secCategory .btnbox:nth-child(4n),
    #secCategory .btnbox:last-child{
        margin-right: 0;
    }
    #secCategory .btnbox:nth-child(n+5){
        margin-top: 2rem;
    }
    #secCategory .box1 a:hover{
        background: var(--ColorRed);
        color: var(--ColorWhite);
        border-color: var(--ColorRed);
    }
}
@media only screen and (max-width:1215px){
    #conBlog{
        background-size: 55.7rem auto!important;
    }
    #conBlog .bgCon{
        padding-top: 4rem;
        background-size: 55.7rem auto!important;
    }
    #secCategory{
        max-width: 100%;
        width: calc(335 / 375 *100%);
    }
    #secCategory .box1{
        flex-wrap: wrap;
    }
    #secCategory .btnbox{
        width: calc((100% - 1rem) / 2);
        margin-right: 1rem;
    }
    #secCategory .btnbox:nth-child(2n),
    #secCategory .btnbox:last-child{
        margin-right: 0;
    }
    #secCategory .btnbox:nth-child(n+3){
        margin-top: 1rem;
    }
    #secCategory .box1 a{
        padding: 0.5rem;
        height: auto;
        min-height: 5rem;
        margin: 0;
    }
    #secCategory .box1 a .linktxt{
        font-size: var(--spFontSize15);
        line-height: calc(20 / 15);
    }
}

/* secBlogTop */
.secBlogTop{
    width: 100%;
    margin-top: 6rem;
}
.secBlogTop .Inner{
    display: flex;
    flex-direction: row-reverse;
}
.secBlogTop .rightArea{
    max-width: 82rem;
    width: calc(820 / 1920 * 100%);
}
.secBlogTop .imgBox{
    width: 100%;
    border-radius: 6rem 0 0 0;
    overflow: hidden;
}
.secBlogTop .leftArea{
    flex: 1;
    padding-right: 5rem;
    padding-left: calc((100vw - 108rem) / 2);
}
.secBlogTop .toptitbox{
    width: 100%;
    text-align: left;
    padding-top: 9.2rem;
}
.secBlogTop .toptitbox .imgengtitbox{
    display: inline-block;
    position: relative;
    padding-left: calc(5rem + 1rem);
}
.secBlogTop .toptitbox .imgengtitbox::after{
    content: "";
    position: absolute;
    width: 5rem;
    height: 1px;
    background-color: var(--ColorRed);
    left: 0;
    top: calc(50% - 0.5px);
}
.secBlogTop .toptitbox .imgEng{
    width: 11.2rem;
}
.secBlogTop .toptitbox .subtit{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_30);
    color: var(--textColor);
    font-weight: bold;
    margin-top: 2.3rem;
}
.secBlogTop .toptitbox .tit{
    font-size: var(--pcFontSize40);
    line-height: var(--pcLineHeight40_50);
    color: var(--textColor);
    font-weight: bold;
    margin-top: 0.7rem;
}
.secBlogTop .toptitbox .toptxt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_36);
    margin-top: 2.5rem;
}
@media only screen and (max-width:1215px){
    .secBlogTop{
        margin-top: 3rem;
    }
    .secBlogTop .Inner{
        display: block;
    }
    .secBlogTop .rightArea{
        max-width: 100%;
        width: calc(100% - 20px);
        margin-left: auto;
        position: relative;
    }
    .secBlogTop .rightArea::before,
    .secBlogTop .rightArea::after{
        content: "";
        position: absolute;
        width: 2rem;
        height: 1.9rem;
        background: url(../img/blog/iconBlogTopRight.png) center center no-repeat;
        background-size: cover;
    }
    .secBlogTop .rightArea::before{
        left: 0;
        bottom: calc(0% + 40px);
    }
    .secBlogTop .rightArea::after{
        bottom: 0;
        left: 20rem;
    }
    .secBlogTop .imgBox{
        border-radius: 2.5rem 0 0 0;
    }
    .secBlogTop .leftArea{
        width: 100%;
        padding: 0 2rem;
    }
    .secBlogTop .toptitbox{
        padding-top: 0.6rem;
        position: relative;
    }
    .secBlogTop .toptitbox .imgengtitbox{
        display: flex;
        align-items: flex-end;
        position: absolute;
        padding-left: calc(3rem + 1rem);
        width: 20rem;
        height: 4rem;
        top: calc(0% - 4rem);
        background: url(../img/blog/imgengtitBg.jpg) center center no-repeat;
        background-size: cover;
        border-radius: 0 2rem 0 0;
        padding-bottom: 0.4rem;
    }
    .secBlogTop .toptitbox .imgengtitbox::after{
        content: "";
        width: 3rem;
        top: auto;
        bottom: 1rem;
    }
    .secBlogTop .toptitbox .imgEng{
        width: 8.3rem;
    }
    .secBlogTop .toptitbox .subtit{
        font-size: var(--spFontSize14);
        margin-top: 0;
    }
    .secBlogTop .toptitbox .tit{
        font-size: var(--spFontSize19);
        margin-top: 0.5rem;
    }
    .secBlogTop .toptitbox .toptxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_24);
        margin-top: 0.8rem;
    }
}
#pnkz li::before{
    display: none;
}