@charset "utf-8";

/* cookie consent(/common/css/common.css) */
/* @import "./cc/lib/cookieconsent.min.css";
@import "./cc/cookieconsent_banner.css"; */

/* common
--------------------------------------------------------------------*/
.wrapper { overflow: hidden; position: relative; min-width: 980px;}
article { position: relative; text-align:left; margin: 0 auto; padding: 40px 0 80px 0; width: 960px; }
h3 { border-top: 3px solid #333380; font-size: 24px; font-size: 2.4rem; padding: 25px 0; }
h3.bodertopNo { border-top: 0 !important }
h4 { background-color: #f0f0f0; border-bottom: 1px solid #dfdfdf; font-size: 14px; font-size: 1.4rem; line-height: 1.2; padding: 11px 18px; margin-bottom: 20px; }
h4 span { border-left: 2px solid #333380; display: block; padding-left: 5px; }
h5 { font-weight: bold; margin-bottom: 20px; }
h6 { margin-bottom: 7px; }
.pcOnlyImg {display:inline;}
.spOnlyImg {display:none;}

@media (max-width: 1000px) {
	article { margin: 0 20px; width: auto; }
	.wrapper { min-width: 0; }
}
@media (max-width: 767px) {
	article { margin: 0; padding: 30px 0 35px 0; width: auto; }
	h3 { border-top: 3px solid #333380; font-size: 18px; font-size: 1.8rem; padding: 20px 0; }
	h4 { background-color: #f0f0f0; border-bottom: 1px solid #dfdfdf; font-size: 16px; font-size: 1.6rem; line-height: 1.2; padding: 15px; margin-bottom: 15px; }
	h4 span { border-left: 2px solid #333380; display: block; padding-left: 5px; }
	h5 { font-weight: bold; margin-bottom: 15px; }
	h6 { margin-bottom: 7px; }
	.pcOnlyImg {display:none;}
	.spOnlyImg {display:inline;}
}

/* clearfix
--------------------------------------------------------------------*/
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/* text-align
--------------------------------------------------------------------*/
.txtL { text-align: left !important; }
.txtR { text-align: right !important; }
.txtC { text-align: center !important; }

/* text-color
--------------------------------------------------------------------*/
.color_red { color: #ff0000; }

/* font-size
--------------------------------------------------------------------*/
.f10 { font-size: 10px; font-size: 1.0rem; }
.f12 { font-size: 12px; font-size: 1.2rem; }
.f13 { font-size: 13px; font-size: 1.3rem; }
.f14 { font-size: 14px; font-size: 1.4rem; }
.f16 { font-size: 16px; font-size: 1.6rem; }
.f18 { font-size: 18px; font-size: 1.8rem; }
.f20 { font-size: 20px; font-size: 2.0rem; }
.fB { font-weight: bold; }

/* img or cursorsearch
--------------------------------------------------------------------*/
img.noIcon{
	pointer-events: none;
}

/* mailaddress
--------------------------------------------------------------------*/
.mail_img {
    display: inline-block;
    vertical-align: middle;
    pointer-events: none;
}

/* space
--------------------------------------------------------------------*/
.mb1em { margin-bottom: 1.6em; }
.mb20 { margin-bottom: 20px; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.pdl14 {padding-left:14px;}
.pdl1em { padding-left: 1em; }
.pdl1fem { padding-left: 1.5em; }
.pdl2em { padding-left: 2em; }
.pdl3em { padding-left: 3em; }
.pt10 { padding-top: 10px; }
.pt0-imp{ padding-top: 0 !important ;}


.mt_line1 { margin-top: 20px; }
@media (max-width: 767px) {
.mt_line1 { margin-top: 15px; }
.mb20 { margin-bottom: 15px; }
}