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

*{ word-break:break-all;}

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

/*
#com-TxtField > *:first-child,
#com-TxtField > *:first-child > *{ margin-top :0 !important;}
*/



#com-TxtField h2{
	margin:3.5em 0 1.5em;
	font-size:2.4rem;
	font-weight:bold;
	position:relative;
	color:#000;
}

#com-TxtField h3{
	margin:3.5em 0 1.5em;
	font-size:2rem;
	font-weight:bold;
	color:#000;
}

#com-TxtField h4{
	margin:25px 0 15px;
	font-size:1.8rem;
	font-weight:bold;
}

#com-TxtField h4::before{
	content:"● ";
	color:#8b2642;
}

#com-TxtField p{
	margin-top:15px;
	font-size:1.6rem;
	line-height:1.875;
}

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

#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:#8b2642;
	font-size:inherit;
	font-weight:inherit;
	transition:opacity 0.2s ease-out;
}

#com-TxtField a:hover{ opacity:.7;}

#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 a.button{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
  -webkit-box-align: center;
     -ms-flex-align: center;
        align-items: center;
	width:100%;
	height:80px;
	color:#fff;
	font-size:1.4rem;
	margin:2em 0;
	padding:0 80px 0 40px;
	box-sizing:border-box;
	background:#8b2642 url(../img/icon-arrow.svg) no-repeat right 40px top 50%;
	background-size:40px auto;
}

#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 ul[data-style=check] > li::before{
	display:block;
	content:"\02714";
	color:#8b2642;
	position:absolute;
	left:-1.5em;
}

#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 th p,
#com-TxtField table td p{ margin-top:0!important;}

#com-TxtField table td a{ word-break:break-all;}

#com-TxtField img{
	display:block;
	max-width:100%!important;
	height:auto!important;
	margin:30px auto 0;
}

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

#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(25% - 9px);}
#com-TxtField .template-3column > div{ width:calc(33.33333% - 12px);}

#com-TxtField .template-4column{
	width:100%;
	margin-top:12px;
}

#com-TxtField .template-4column > div{
	background: #fff;
	padding:24px 10px;
	border: 1px solid #efefef;
	box-shadow: rgba(149, 157, 165, .1) 0px 0px 4px;
	box-sizing: border-box;
}

#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-top:30px;
	padding:30px;
	background:#fff;
}

#com-TxtField .template-column > div > a::after,
#com-TxtField .template-2column > div > a::after,
#com-TxtField .template-3column > div > a::after,
#com-TxtField .template-4column > div > a::after{ display: none;}


#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;

display:none;/* chancel */

	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;}



#com-TxtField .btn{
	width:100%;
	max-width:300px;
	height: 60px;
	margin:46px auto 0;
}

#com-TxtField .btn a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height:  100%;
	color: #fff;
	text-align: center;
	font-size: 1.6rem;
	background: #8b2642;
	border-radius: 30px;
	transition: all 0.2s ease-out;
	box-sizing: border-box;
}

#com-TxtField .btn a:hover {
	color: #8b2642;
	background: #fff;
	border: 1px solid #8b2642;
  }


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

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


#com-TxtField h2{ font-size:calc(2.4rem*.9);}
#com-TxtField h3{ font-size:calc(2rem*.9);}
#com-TxtField h4{ font-size:calc(1.8rem*.9);}

#com-TxtField p{
	font-size:1.5rem;
	margin-top:12px;
}

#com-TxtField p.small{ font-size:1.3rem;}

#com-TxtField ul,
#com-TxtField ol { margin-top: 20px;}

#com-TxtField li{ font-size:1.5rem;}

#com-TxtField table{
	margin-top:35px;
	border-spacing:2px;
}

#com-TxtField table th{
	width:200px;
	padding:10px 10px 10px 20px;
	font-size:1.5rem;
}

#com-TxtField table td{
	padding:10px 10px 10px 20px;
	font-size:1.5rem;
}

#com-TxtField .template-column,
#com-TxtField .template-2column,
#com-TxtField .template-3column,
#com-TxtField .template-4column{ margin-top:35px;}

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

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

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

#com-TxtField .template-bg{
	margin-top:20px;
	padding:20px;
}

.template-icon{
	min-height:40px;
	padding-left:60px;
	background-size:40px;
}

.template-icon dt{
	width:140px;
	font-size:1.6rem;
}

.template-icon dd{ font-size:1.4rem;}

#com-TxtField a.button{
	height:calc(80px*.9);
	padding-left: 30px;
	background-position:right 30px top 50%;
}


}


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

	#com-TxtField h2{ font-size:1.8rem; margin:1.5em 0 .8em;}
	#com-TxtField h3{ font-size:calc(2rem*.8); margin:1.5em 0 .8em;}
	#com-TxtField h4{ font-size:calc(1.8rem*.8); margin:1.5em 0 .8em;}

#com-TxtField p,
#com-TxtField li{ font-size:1.4rem;}
#com-TxtField p.small{
	font-size:1.2rem;
	margin-top: 8px;
}

#com-TxtField table{ margin-top:30px;}
#com-TxtField table,
#com-TxtField table tbody,
#com-TxtField table tbody tr,
#com-TxtField table tbody th,
#com-TxtField table tbody td{ display:block;}

#com-TxtField table tbody th,
#com-TxtField table tbody td{
	width:auto;
	padding:10px;
	font-size:1.4rem;
}

#com-TxtField table tbody tr + tr,
#com-TxtField table tbody td{ margin-top:4px;}

#com-TxtField table thead + tbody{ display:table-row-group;}
#com-TxtField table thead + tbody tr{ display:table-row;}
#com-TxtField table thead + tbody tr td{ display:table-cell;}

#com-TxtField .template-column{ display:block;}
#com-TxtField .template-column > div:nth-child(1){ padding:0 0 15px;}

/*#com-TxtField .template-column > div:nth-child(2){ width:calc(50% - 10px);}*/

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

#com-TxtField .template-4column > div{
	width:calc(50% - 8px);
	padding: 18px 10px;
}

#com-TxtField .template-4column,
#com-TxtField .template-4column > div:nth-child(n+3){ margin-top:16px;}

/*
#com-TxtField .template-2column > div{ width:calc(50% - 5px);}
#com-TxtField .template-3column > div{ width:calc(33.33333% - 6px);}
*/

#com-TxtField .template-2column > div,
#com-TxtField .template-3column > div{ width:100%;}
#com-TxtField .template-2column > div:nth-child(n+2),
#com-TxtField .template-3column > div:nth-child(n+2){ margin-top:16px;}


#com-TxtField .template-bg{
	margin-top:20px;
	padding:15px 12px;
}

#com-TxtField img{ margin-top:25px;}

.template-icon{
	min-height:40px;
	padding-left:52px;
	background-size:40px;
	background-position:0 0;
}

.template-icon + .template-icon{ background-position:0 10px;}

.template-icon dt{
	width:100%;
	font-size:1.4rem;
}

.template-icon dd{
	width:100%;
	padding-left:0;
	font-size:1.3rem;
}

#com-TxtField li{ padding-left:0;}

#com-TxtField a.button{
	height:calc(80px*.6);
	padding-left: 20px;
	background-position:right 20px top 50%;
	background-size:30px auto;
}

#com-TxtField img{ width: 100% !important;}



#com-TxtField .btn{
	max-width:260px;
	height: 48px;
	margin-top:30px;
}

#com-TxtField .btn a{
	border-radius: 24px;
}


}


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


}