@charset "utf-8";  
/*------------------------------------------------------------ 
    ARTICLE css
------------------------------------------------------------*/  

*{ word-break:break-all;}

#com-TxtField{
	width:100%;
	position:relative;
	box-sizing:border-box;
}

#com-TxtField h2{
	margin:1.5em 0 .2em;
	font-size:2rem;
	font-weight: bold;
	position:relative;
}

#com-TxtField h2:first-child{ margin-top:0;}

#com-TxtField h2 + p,
#com-TxtField h3 + p,
#com-TxtField h4 + p{ margin-top:0;}

#com-TxtField h3{
	margin:60px 0 30px;
	font-size:1.8rem;
	padding-left: 24px;
	font-weight: bold;
	border-left:1px solid #000;
}

#com-TxtField div,
#com-TxtField p{
/*	margin-top:1.5em;*/
	font-size:1.6rem;
	line-height:1.8;
}

#com-TxtField p.small{
	color:#333;
	margin-top:10px;
	font-size:1.4rem;
	line-height:1.8;
}

#com-TxtField p.large{
	font-size:1.9rem;
	font-weight: bold;
}

#com-TxtField p *,
#com-TxtField span{
	font-weight:inherit;
	font-size:inherit;
}

#com-TxtField strong,
#com-TxtField em{
	font-weight:bold;
	font-size:inherit;
}

#com-TxtField a{
	color:inherit;
	font-size:inherit;
	font-weight:inherit;
}

.highlight{
	color:#000;
	border-bottom: 1px solid #F6EC00;
    background-image: linear-gradient(120deg, #F6EC00 0%, #F6EC00 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.0em;
    background-position: 0 100%;
    transition: background-size 0.2s ease-in;
}

.highlight:hover{
	background-size:100% 1.5em;
	border-color:#F6EC00;
}

#com-TxtField a:not([href]){
	color:inherit;
	pointer-events:none;
}
/*
#com-TxtField a[target=_blank]::after{
	display:inline-block;
	vertical-align:baseline;
	content:"";
	width:10px;
	height:10px;
	margin:0 8px 0 5px;
	background:url(../img/icon-links.svg) no-repeat;
	background-size:cover;
}

#com-TxtField a.pdf::after{
	display:inline-block;
	vertical-align:bottom;
	content:"";
	width:22px;
	height:28px;
	margin:0 8px;
	background:url(../img/icon-pdf.svg) no-repeat;
	background-size:cover;
}

#com-TxtField a.excel::after{
	display:inline-block;
	vertical-align:bottom;
	content:"";
	width:22px;
	height:28px;
	margin:0 8px;
	background:url(../img/icon-excel.svg) no-repeat;
	background-size:cover;
}

#com-TxtField a.word::after{
	display:inline-block;
	vertical-align:bottom;
	content:"";
	width:22px;
	height:28px;
	margin:0 8px;
	background:url(../img/icon-word.svg) no-repeat;
	background-size:cover;
}
*/
#com-TxtField ul,
#com-TxtField ol{
	width:auto;
	padding-left:1.5em;
	margin-top:24px;
}

#com-TxtField ul{ list-style:disc;}
#com-TxtField ul[data-style=circle]{ list-style:circle;}
#com-TxtField ul[data-style=disc]{ list-style:disc;}
#com-TxtField ul[data-style=square]{ list-style:square;}
#com-TxtField ul[data-style=check]{ list-style:none;}

#com-TxtField ul ul,
#com-TxtField ul ol,
#com-TxtField ol ol,
#com-TxtField ol il{ margin-top:0;}

#com-TxtField li{
	line-height:2.1;
	font-size:1.6rem;
	padding-left:.5em;
	position:relative;
}

#com-TxtField li p{ margin-top:0;}


#com-TxtField table{
	width:100%;
	margin-top:45px;
	border-collapse:separate;
	border-spacing:4px;
	border:none;
}

#com-TxtField h2 + table,
#com-TxtField h3 + table,
#com-TxtField h4 + table{ margin-top:0;}

#com-TxtField table th{
	width:25%;
	text-align:left;
	vertical-align:middle;
	padding:10px 10px 10px 30px;
	font-size:1.6rem;
	background:rgba(68,139,86,.4);
	box-sizing:border-box;
}

#com-TxtField table td{
	padding:10px 10px 10px 30px;
	font-size:1.6rem;
	background:#F7F8F8;
}

#com-TxtField table td p{ margin-top:0!important;}

#com-TxtField img{
	display:block;
	width:calc(100% + 60px)!important;
	max-width:calc(100% + 60px)!important;
	height:auto!important;
	margin:40px -30px 0;
}


#com-TxtField .template-column,
#com-TxtField .template-2column,
#com-TxtField .template-3column,
#com-TxtField .template-4column{
	width:100%;
	margin-top:40px;
}

#com-TxtField .template-column > div:nth-child(1){
	flex:1;
	padding-right:30px;
}

#com-TxtField .template-column > div:nth-child(2){ width:40%;}

#com-TxtField .template-2column > div,
#com-TxtField .template-4column > div{ width:calc(50% - 17px);}
#com-TxtField .template-3column > div{ width:calc(33.33333% - 12px);}

#com-TxtField .template-2column,
#com-TxtField .template-4column,
#com-TxtField .template-3column{ text-align:center;}

#com-TxtField .template-2column img{ width:100%!important;}

#com-TxtField .template-column > div > *:first-child,
#com-TxtField .template-column img,
#com-TxtField .template-2column img,
#com-TxtField .template-3column img,
#com-TxtField .template-4column img{ margin-top:0;}

#com-TxtField .template-bg{
	margin:40px 0 0 -20px;
	padding:30px 20px;
	background:#F7F8F8;
}

#com-TxtField .template-bg > *:first-child{ margin-top:0;}

.template-icon{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:justify;
	   -ms-flex-pack:justify;
	justify-content:space-between;
	-webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
	width:auto;
	min-height:48px;
	padding-left:70px;
	margin-top:30px;
	background:no-repeat 0 50%;
	background-size:48px;
}

.template-icon + .template-icon{
	padding-top:10px;
	margin-top:10px;
	border-top:1px solid #ccc;
	background-position:0 calc(50% + 5px);
}

.template-icon__mailmagazine{ background-image:url(../img/icon-temp-mailmagazine.svg);}
.template-icon__fb{ background-image:url(../img/icon-temp-fb.svg?ver=1);}
.template-icon__website{ background-image:url(../img/icon-temp-website.svg);}
.template-icon__tel{ background-image:url(../img/icon-temp-tel.svg);}
.template-icon__email{ background-image:url(../img/icon-temp-email.svg);}

.template-icon dt{
	width:164px;
	line-height:1.2;
	font-size:1.8rem;
	font-weight:bold;
}

.template-icon dd{
	flex:1;
	padding-left:10px;
	font-size:1.6rem;
	line-height:1.4;
	word-break:break-all;
}

#com-TxtField rt{ font-size:0.5em!important;}

/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/  

/* PC */
@media screen and (max-width: 1024px){

	#com-TxtField h2 { font-size: 1.4rem;}

	#com-TxtField div,
	#com-TxtField p{
		font-size:1.2rem;
		line-height:1.75;
	}
	
	#com-TxtField p.small{
		margin-top:8px;
		font-size:1.1rem;
		line-height:1.75;
	}
	
	#com-TxtField p.large{
		font-size:1.6rem;
		line-height: 1.85;
	}

}


/* TABLET */
@media screen and (max-width: 834px){

	#com-TxtField div,
	#com-TxtField p{
		font-size:1.4rem;
		line-height:1.78;
	}


}


/* SP */
@media screen and (max-width: 480px){

	#com-TxtField div,
	#com-TxtField p{
		font-size: 1.4rem;
	}

}