/* ------------------------------------------------------ *
*  font の読み込み 及び適用
* ------------------------------------------------------ */
@font-face {
	font-family: 'Zen kaku Gothic 400';
	src: url( "../fonts/ZenKakuGothicAntique-Regular.ttf") format('woff'); /* medium */
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Zen kaku Gothic 500';
	src: url( "../fonts/ZenKakuGothicAntique-Medium.ttf") format('woff'); /* medium */
	font-weight: 500;
	font-style: normal;
}
@font-face {
	font-family: 'Zen kaku Gothic 700';
	src: url( "../fonts/ZenKakuGothicAntique-Bold.ttf") format('woff'); /* medium */
	font-weight: bold;
	font-style: normal;
}
body {
	font-family: '游ゴシック', 'ヒラギノ角ゴ Pro W3', 'Zen kaku Gothic 400', sans-serif;
}
h1, h2, h3, h5, .g700, .l-header__logo {
	font-family: 'Zen kaku Gothic 700';
	line-height: 1;
}

/* ------------------------------------------------------ *
*  共通設定
* ------------------------------------------------------ */
/* display設定用クラス */
.d-flex {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.d-flex-ai-fs {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.d-flex-ai-fe {
    display: flex;
	justify-content: space-between;
	align-items: flex-end;
}
.d-none { display: none !important;}
.d-pc { display: block;}
.d-sp { display: none;}
@media (max-width: 1000px) {
	.d-pc { display: none;}
	.d-sp { display: inline-block;}
}
/* width設定用クラス */
.w-100p { width: 100%;}

/* height設定用クラス */
.h-100p { height: 100%;}

/* margin設定用クラス */
.mt-10 { margin-top: 0.1em;}
.mt-20 { margin-top: 0.2em;}
.mt-30 { margin-top: 0.3em;}
.mt-40 { margin-top: 0.4em;}
.mt-50 { margin-top: 0.5em;}
.mt-60 { margin-top: 0.6em;}
.mt-70 { margin-top: 0.7em;}
.mt-80 { margin-top: 0.8em;}
.mt-90 { margin-top: 0.9em;}
.mt-100 { margin-top: 1em;}
.mb-10 { margin-bottom: 0.1em;}
.mb-20 { margin-bottom: 0.2em;}
.mb-30 { margin-bottom: 0.3em;}
.mb-40 { margin-bottom: 0.4em;}
.mb-50 { margin-bottom: 0.5em;}
.mb-60 { margin-bottom: 0.6em;}
.mb-70 { margin-bottom: 0.7em;}
.mb-80 { margin-bottom: 0.8em;}
.mb-90 { margin-bottom: 0.9em;}
.mb-100 { margin-bottom: 1em;}
.mr-10 { margin-right: 0.1em;}
.mr-20 { margin-right: 0.2em;}
.mr-30 { margin-right: 0.3em;}
.mr-40 { margin-right: 0.4em;}
.mr-50 { margin-right: 0.5em;}
.mr-60 { margin-right: 0.6em;}
.mr-70 { margin-right: 0.7em;}
.mr-80 { margin-right: 0.8em;}
.mr-90 { margin-right: 0.9em;}
.mr-100 { margin-right: 1em;}
.ml-10 { margin-left: 0.1em;}
.ml-20 { margin-left: 0.2em;}
.ml-30 { margin-left: 0.3em;}
.ml-40 { margin-left: 0.4em;}
.ml-50 { margin-left: 0.5em;}
.ml-60 { margin-left: 0.6em;}
.ml-70 { margin-left: 0.7em;}
.ml-80 { margin-left: 0.8em;}
.ml-90 { margin-left: 0.9em;}
.ml-100 { margin-left: 1em;}

/* font-weight設定 */
.fw-n { font-weight: normal;}
.fw-b { font-weight: bold;}

/* text-align設定*/
.ta-l { text-align: left;}
.ta-c { text-align: center;}
.ta-r { text-align: right;}

/* ------------------------------------------------------ *
*  ヘッダー設定
* ------------------------------------------------------ */
@media (min-width: 1000px) {
    .l-header[data-pcfix="1"] {
        position: static;
    }
}
.l-header {
	color: var(--ark-color--header_txt);
}
.l-header__body.l-container {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

/* 左部 */
.l-header__left .l-header__logo {
}
.l-header__left .l-header__logo img {
	border: 2px solid #FFF;
}
.l-header__left .l-header__logo span {
	font-size: 2rem;
}

/* 中央 */
.l-header__center {
	display: flex;
	align-items: flex-end;
    padding: 0;
}
.l-header__center a {
    color: var(--ark-color--header_txt);
    text-decoration: none;
}
.l-header__center span {
    font-size: 1.5rem;
    line-height: 1;
}
.l-header__center img {
    width: 1.5rem;
    margin-right: 0.3vw;
}

/* 右部 */
.l-header__right {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}
.l-header__right ul {
	display: flex;
}
.l-header__right ul#menu-trans-lang {

}
.l-header__right li,
.l-headerUnder li {
	list-style-type: none;
	border: none;
	margin: 1px;
	text-align: center;
	color: var(--ark-color--header_txt);
	white-space: nowrap;
}
.l-header__right li:hover {
    color: #5B9BD5;
}
.l-header__right li {
	margin-left: 1em;
}
.l-header__right li a {
	color: var(--ark-color--header_txt);
	text-decoration: none;
	font-size: 0.8rem;
}
.l-header__right li a:hover {
    color: #5B9BD5;
}
.l-header__right__row {
	justify-content: flex-end;
}
.l-header__right__row div {
	display: flex;
	justify-content: flex-end;
	margin-left: 1em;
}
.l-header__right__row div#fontsize-changer span{
    font-size: 0.7em;
    display: flex;
    align-items: center;
}
ul#menu-fontsize-changer {
	padding: 0 0.2em;
}
ul#menu-fontsize-changer li {
    margin: 0;
    white-space: nowrap;
}
ul#menu-fontsize-changer li a {
    margin: 0 0.25em;
    border: 1px solid #FFF;
    padding: 0.2em 0.5em;
    border-radius: 0.5em;
}
ul#menu-fontsize-changer li a.active {
    background: #FFF;
    color: var(--ark-color--header_bg);
}
img.menu-image.menu-image-title-after {
    width: 20px;
    padding: 0;
}
span.menu-image-title-after.menu-image-title {
    padding-left: 5px;
}



.l-headerUnder {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	position: sticky;
	top: var(--ark-adminbar_height, 0);
}
.l-headerUnder .gnav {
	justify-content: space-between;
}
.l-headerUnder li {
	width: 17%;
	height: 2.5em;
}
.l-headerUnder li:hover:before {
    background-color: #ffffff1a;
}
.l-headerUnder .c-gnav__li.-current, .l-headerUnder .c-gnav__li.focus, .l-headerUnder .c-gnav__li:hover>a {
    color: #FFF;
    font-weight: bold;
}
.l-headerUnder .sub-menu {
	min-width: 100%;
	width: auto;
	background: var(--ark-color--header_bg);
}
.l-headerUnder .sub-menu li {
	width: 100%;
	height: 2.5em;
}
.l-headerUnder .sub-menu li a,
.c-gnav .sub-menu .c-gnav__a {
	height: 100%;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.c-gnav__depth1:before {
    background-color: rgba(0,0,0,0);
}
@media not all and (min-width: 1000px) {
	.l-header__left .l-header__logo span {
		font-size: 0.8rem;
	}
	.l-header__center span {
	    font-size: 0.7rem;
	}
	.l-header__center img {
		width: 0.7rem;
	}
}
/* ------------------------------------------------------ *
*  フッター設定
* ------------------------------------------------------ */
.l-footer__head .l-container {
	align-items: flex-start;
	padding-top: 40px;
}
.l-footer__head__nav {
	width: 30%;
}
.l-footer__head__nav li {
    list-style: none;
	position:relative;
}
.l-footer__head__nav li:before{
	font-family: "FontAwesome";
    content: "\f105";/*アイコンの種類*/
    position: absolute;
    left : -1.25vw;/*左端からのアイコンまでの距離*/
    color: #FFF;/*アイコン色*/
}
.l-footer__head__nav li a{
	text-decoration: none;
}
.l-footer__head__nav li:hover>a{
	font-weight: bold;
}

.l-footer__foot {
    padding-bottom: 5rem;
    padding-top: 1rem;
}
.l-footer__foot .l-container {
	padding-top: 40px;
}
.l-footer__foot .l-header__logo img {
    border: 2px solid #FFF;
}
.l-footer__foot .l-header__logo span {
    font-size: 2rem;
}
.l-footer__foot p {
	text-align: center;
}
@media not all and (min-width: 1000px) {
	.l-footer__foot .l-header__logo span {
	    font-size: 1.2rem;
	}
	.l-footer__foot p {
		font-size: 0.9rem;
	}
}
/* ------------------------------------------------------ *
*  Tablet, SmartPhone設定
* ------------------------------------------------------ */
@media not all and (min-width: 1000px) {
    .l-header__left {
        display: flex;
    }
    .l-headerUnder, .l-header__bar, .l-header__right, .l-header__searchBtn {
        display: none;
    }
	.l-header__body.d-flex-ai-fe,
	.l-header__body .d-flex-ai-fe {
	    align-items: center;
	}
	.l-header__center {
        flex-basis: auto;
		align-items: center;
    }
	.l-footer__head {
		display: none;
	}
}
.p-drawer {
	background-color: var(--ark-color--header_bg);
	opacity: 0.95;
}
.p-drawer__inner {
  /*IE(Internet Explorer)・Microsoft Edgeへの対応*/
  -ms-overflow-style: none;
  /*Firefoxへの対応*/
  scrollbar-width: none;
}
 /*Google Chrome、Safariへの対応*/
.p-drawer__inner::-webkit-scrollbar{
  display: none;
}