@charset "UTF-8";

#head {
	width:100%;
	position:
	fixed;
	top:0;
	left:0;
	z-index:99;
	background:#FFF;
	box-sizing:
	border-box;
	border-top:5px solid #002d82;
	/* padding-bottom: 26px; */
}
#head::before {
	content:'';
	display:block;
	width:100%;
	height:5px;
	background:#e31837;
}

#head #header {
	width:calc(100% - 60px);
	max-width:1200px;
	/*height: 80px;*/
	box-sizing:border-box;
	padding:10px 0;
	margin:0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
#head #header #logo {
	width: 100px;
}
#head #header #hmenu > a {
	background:#e31837;
	color:#fff;
	padding:5px 10px;
	position:relative;
	margin-right:30px;
}
#head #header #hmenu > a::before {
	content:'';
	display:block;
	width:2px;
	height:100%;
	background:#e31837;
	position:absolute;
	right:-4px;
	top:2px;
}
#head #header #hmenu > a::after {
	content:'';
	display:block;
	width:100%;
	height:2px;
	background:#e31837;
	position:absolute;
	left:4px;
	bottom:-4px;
}
#head #header #hmenu > a .svg-inline--fa:first-child {
	font-size:2.4rem;
}
#head #header #hmenu > a > span {
	font-size:1.4rem;
	margin:0 10px;
}
#head #header #hmenu > a > span > span {
	font-family: 'Oswald','Noto Sans JP', sans-serif;
	font-size:1.6rem;
	display:block;
}

#head #header #hmenu > a:first-child {
	background:#002d82;
	margin-right:10px;
	padding-right:0;
}
#head #header #hmenu > a:first-child::before {
	background:#002d82;
}
#head #header #hmenu > a:first-child::after {
	background:#002d82;
}
#head #header #hmenu > a:first-child .svg-inline--fa:first-child {
	font-size:2.4rem;
}

#head #header #hmenu {
}
#head #header #hmenu > div > div:first-child {
	margin-bottom:10px;
}
#head #header #hmenu > div > div:first-child a:not(:last-child) {
	margin-right:5px;
}
#head #header #hmenu > div > div:first-child a:nth-child(2) {
	width:80px;
	margin-right:10px;
}
#head #header #hmenu > div > div:first-child a:nth-child(3) .svg-inline--fa {
	font-size: 2.8rem;
	color:#1c57a7;
}
#head #header #hmenu > div > div:first-child a:nth-child(4) .svg-inline--fa {
	font-size: 2.8rem;
	color:#1d8dee;
}
#head #header #hmenu > div > div:first-child a:nth-child(5) img {
	width: 25px;
}
#head #header #hmenu div:last-child {
	position:relative;
}
#head #header #hmenu div:last-child a {
	font-size:1.3rem;
	color:#e31837;
}
#head #header #hmenu div:last-child a:not(:last-child) {
	margin-right:15px;
}
#head #header #hmenu div:last-child a .svg-inline--fa {
	font-size:1.8rem;
	margin-right:5px;
}
#head #header #hmenu div:last-child a.recruit {
	position:absolute;
	top:-2.5em;
	left:0;
}

#head #menu {
	border-top:1px solid #e31837;
	border-bottom:1px solid #e31837;
}
#head #menu ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;

    max-width:1200px;
    margin:0 auto;
}
#head #menu ul li:first-child {
	border-left:1px solid #e31837;
}
#head #menu ul li {
	box-sizing:border-box;
	width:calc(100% / 6);
	border-right:1px solid #e31837;
}
#head #menu ul li a {
	display:block;
	text-align:center;
	font-size:1.4rem;
	padding:1.5em 0;
	color:#e31837;
	position:relative;
}
#head #menu ul li.menubr a {
	padding:.9em 0;
}
#head #menu ul li:not(.menubr) a br {
	display:none;
}
#head #menu ul li a .svg-inline--fa {
	transform:scale(1.5);
	margin-right:10px;
}
#head #menu ul li.menubr a .svg-inline--fa {
	margin-right:0;
	position:absolute;
	left:1em;
	top:50%;
	transform:translateY(-50%) scale(1.5);
}
#head #menu ul li a::after {
	content:'';
	display:block;
	width:0;
	height:1px;
	background:#e31837;
	position:absolute;
	top: 2px;
	left:2%;
	transition:.3s;
}
#head #menu ul li a:before {
	content:'';
	display:block;
	width:0;
	height:1px;
	background:#e31837;
	position:absolute;
	bottom: 2px;
	right:2%;
	transition:.3s;
}
#head #menu ul li.current-menu-item a::after,
#head #menu ul li.current_page_item a::after,
/* #head #menu ul li.current-page-ancestor a::after, */
#head #menu ul li.current-post-ancestor a::after,
#head #menu ul li a:hover::after {
	width:96%;
}
#head #menu ul li.current-menu-item a::before,
#head #menu ul li.current_page_item a::before,
/* #head #menu ul li.current-page-ancestor a::before, */
#head #menu ul li.current-post-ancestor a::before,
#head #menu ul li a:hover:before {
	width:98%;
}

/**serach**/
#searchwrap {
	background:#ff9999;
	text-align:right;
	padding:1px;
	position:relative;
	margin-right:15px;
}
#searchwrap form {
	display:inline-block;
	background:#FFF;
}
#searchwrap input[type="text"]{
	font-size:16px;
	line-height:1em;
	box-sizing:border-box;
	padding:3px;
	border:none;
	background:none;
	width:150px;
}
#searchwrap input[type="submit"]{
	width: 20px;
	height:28px;
	border:none;
	background:none;
	text-indent:-9999px;
	position:relative;
	z-index:2;
	margin-right: -20px;
}
#searchwrap .svg-inline--fa	{
	font-size:16px;
	line-height:28px;
	width: 20px;
	position:relative;
	z-index:1;
	top:3px;
}


#head .switcher-popup {
    position:
    absolute;
    bottom: -25px;
    right:0;
    box-sizing:
    border-box;
    border:1px solid #e31837;
    background-color:#FFFFFF;
}

.gtranslate_wrapper {
	max-width:1200px;
	margin:0 auto;
	text-align:right;
}

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

}

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

#head #header #hmenu > a {
	margin-right: 10px;
}
#head #header #hmenu div:last-child a:not(:last-child) {
    margin-right: 12px;
}

}

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

}

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

#head #menu ul li a {
	font-size:1.3rem;
}

}

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

#head #header {
	width:calc(100% - 20px);
	height: auto;
	padding:10px 0;
}
#head #header #logo {
	width: 70px;
}

#head #header #hmenu {
	width:100%;
}
	
#head #header #hmenu > a {
	position:absolute;
	top:10px;
	margin-right:0;
	right:15px;
}
#head #header #hmenu > a:first-child {
	right:260px;
}

#head #header #hmenu > div > div:first-child {
	margin-bottom:5px;
}
#head #header #hmenu > div > div:first-child a:first-child {
	width:80px;
}
#head #header #hmenu > div > div:first-child a:nth-child(2) .svg-inline--fa {
	font-size:2.4rem;
}
#head #header #hmenu > div > div:first-child a:nth-child(3) .svg-inline--fa {
	font-size:2.4rem;
}
#head #header #hmenu div:last-child a:first-child {
	position:relative;
	top:auto;
	left:auto;
}
#head #header #hmenu div:last-child a {
	font-size:1.2rem;
}
#head #header #hmenu div:last-child a:not(:last-child) {
	margin-right:15px;
}
#head #header #hmenu div:last-child a .svg-inline--fa {
	font-size:1.6rem;
}
#head #header #hmenu > div {
	width:100%;
	padding-top:10px;
}
#head #header #hmenu > div > div {
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}
#head #menu ul li a {
	padding:0.5em 0;
	font-size:1.1rem;
}
#head #menu ul li a .svg-inline--fa {
	display:block;
	margin:0 auto 3px;
}
#head #menu ul li.menubr a .svg-inline--fa {
	display:block;
	margin:0 auto 3px;
	position:relative;
	left:auto;
	top:auto;
	transform:translateY(0) scale(1.5);
}
#head #menu ul li:first-child {
	width:20%;
}
#head #menu ul li:nth-child(2) {
	width:16%;
}
#head #menu ul li:nth-child(3) {
	width:19%;
}
#head #menu ul li:nth-child(4) {
	width:17%;
}
#head #menu ul li:nth-child(5) {
	width:14%;
}
#head #menu ul li:nth-child(6) {
	width:14%;
}


#head #menu ul li a {
	font-size:1.1rem;
	padding:.9em 0;
}
#head #menu ul li:nth-child(1) a,
#head #menu ul li:nth-child(2) a,
#head #menu ul li:nth-child(3) a,
#head #menu ul li:nth-child(4) a {
	font-size:1.0rem;
	padding:1.15em 0;
}
#head #menu ul li a br ,
#head #menu ul li:not(.menubr) a br ,
#head #menu ul li.menubr a br{
	display:inline;
}

}

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


#head #header #hmenu > a {
	margin-right:20px;
}
#head #header #hmenu > a:first-child {
	right:240px;
}
	
#head #header #hmenu > a .svg-inline--fa:first-child {
	font-size:2.0rem;
}
#head #header #hmenu > a > span {
	font-size:1.2rem;
	margin:0 5px;
}
#head #header #hmenu > a > span > span {
	font-size:1.4rem;
}
#head #header #hmenu div:last-child a {
	font-size:1.2rem;
}
#head #header #hmenu div:last-child a:not(:last-child) {
	margin-right:10px;
}

}

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

}

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


#head #header #hmenu > a {
	margin-right:0;
	right:10px;
	padding:5px;
}
#head #header #hmenu > a:first-child {
	right:175px;
	padding:5px 0;
}
#head #header #hmenu > a:first-child .svg-inline--fa {
    display:none;
}
#head #header #hmenu > a .svg-inline--fa:first-child {
	font-size:1.6rem;
}
#head #header #hmenu > a > span {
	font-size:1.1rem;
	margin:0 5px;
}
#head #header #hmenu > a > span > span {
	font-size:1.2rem;
}


}

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


#head #header #hmenu > div:last-child > div:last-child {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width:300px;
    margin-left:calc(50% - 150px);
}
#head #header #hmenu > div:last-child > div:last-child a {
	font-size:1.2rem;
}
#head #header #hmenu > div:last-child > div:last-child a:nth-child(-n+2){
	margin-bottom:5px;
}

}

@media screen and (max-width:435px){
#searchwrap {
    width:calc(50% - 10px);
    margin-right:10px;
}
#searchwrap input[type="text"]{
    width: calc(100% - 30px);
}

}


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


#head #header #hmenu > a {
	margin-right:0;
	right:6px;
	padding:5px 3px;
}
#head #header #hmenu > a:first-child {
	right:135px;
	padding:5px 0;
}
#head #header #hmenu > a .svg-inline--fa {
    display:none;
}
#head #header #hmenu > a .svg-inline--fa:first-child {
	font-size:1.4rem;
}
#head #header #hmenu > a > span {
	font-size:1.1rem;
	margin:0 5px;
}
#head #header #hmenu > a > span > span {
	font-size:1.1rem;
}


}