@charset "UTF-8";

/* CSS Document */
/* ALL
--------------------------- */
html,
body {
	width: 100%;
	height: 100%;
}

body {
	font-size: 13px;
}

/* 記事ページ共通 Rule
--------------------------- */
/* article_contents */
article {
	line-height: 200%;
}

/* 携帯のみ改行 */
.brMobile {
	display: none;
}

/* タブレットのみ改行 */
.brPad {
	display: none;
}

/* float */
.floL {
	float: left;
}

.floR {
	float: right;
}

.floN {
	float: none;
}

.clear {
	clear: both;
	overflow: hidden
}

/* align */
.alL {
	text-align: left;
}

.alR {
	text-align: right;
}

.alC {
	text-align: center;
}

/* padding */
.pL5 {
	padding-left: 5px;
}

.pR5 {
	padding-right: 5px;
}

.pT10 {
	padding-top: 10px;
}

.pB10 {
	padding-bottom: 10px;
}

.pL10 {
	padding-left: 10px;
}

.pR10 {
	padding-right: 10px;
}

.pT15 {
	padding-top: 15px;
}

.pB15 {
	padding-bottom: 15px;
}

.pL15 {
	padding-left: 15px;
}

.pR15 {
	padding-right: 15px;
}

.pT20 {
	padding-top: 20px;
}

.pB20 {
	padding-bottom: 20px;
}

.pL20 {
	padding-left: 20px;
}

.pR20 {
	padding-right: 20px;
}

.pT30 {
	padding-top: 30px;
}

.pB30 {
	padding-bottom: 30px;
}

.pL30 {
	padding-left: 30px;
}

.pR30 {
	padding-right: 30px;
}

.pT50 {
	padding-top: 50px;
}

.pB50 {
	padding-bottom: 50px;
}

.pB70 {
	padding-bottom: 70px;
}

.pB90 {
	padding-bottom: 90px;
}

.pL45 {
	padding-left: 45px;
}

.pLR30 {
	padding-left: 30px;
	padding-right: 30px;
}

.pLR50 {
	padding-left: 50px;
	padding-right: 50px;
}

/* 新アルバイト採用専用 */
.pLR100 {
	padding-left: 100px;
	padding-right: 100px;
}

/* topmessage専用 */
.pT125 {
	padding-top: 125px;
}

.pLR160 {
	padding-left: 160px;
	padding-right: 160px;
}

.pWrap {
	padding: 30px;
}

.pWrap20 {
	padding: 20px;
}

.pB1em {
	padding-bottom: 1em;
}

/* margin */
.mT10 {
	margin-top: 10px;
}

.mB10 {
	margin-bottom: 10px;
}

.mL10 {
	margin-left: 10px;
}

.mR10 {
	margin-right: 10px;
}

.mT15 {
	margin-top: 15px;
}

.mB15 {
	margin-bottom: 15px;
}

.mL15 {
	margin-left: 15px;
}

.mR15 {
	margin-right: 10px;
}

.mT20 {
	margin-top: 20px;
}

.mB20 {
	margin-bottom: 20px;
}

.mL20 {
	margin-left: 20px;
}

.mR20 {
	margin-right: 20px;
}

.mT30 {
	margin-top: 30px;
}

.mB30 {
	margin-bottom: 30px;
}

.mL30 {
	margin-left: 30px;
}

.mR30 {
	margin-right: 30px;
}

.mT50 {
	margin-top: 50px;
}

.mB50 {
	margin-bottom: 50px;
}

.mB100 {
	margin-bottom: 100px;
}

.mLR10 {
	margin-left: 10px;
	margin-right: 10px;
}

.mLR30 {
	margin-left: 30px;
	margin-right: 30px;
}

.mAuto {
	margin-left: auto;
	margin-right: auto;
}

/* font 基準値13px */
.fs8 {
	font-size: 61.5%;
}

.fs9 {
	font-size: 69.2%;
}

.fs10 {
	font-size: 76.9%;
}

.fs11 {
	font-size: 84.6%;
}

.fs12 {
	font-size: 92.3%;
}

.fs14 {
	font-size: 107.6%;
}

.fs15 {
	font-size: 115.3%;
}

.fs16 {
	font-size: 123%;
}

.fs17 {
	font-size: 130.7%;
}

.fs18 {
	font-size: 138.4%;
}

.fs19 {
	font-size: 146.1%;
}

.fs20 {
	font-size: 153.8%;
}

.fs21 {
	font-size: 161.5%;
}

.fs24 {
	font-size: 184.6%;
}

.fs25 {
	font-size: 192.3%;
}

.fs28 {
	font-size: 215.3%;
}

.fs30 {
	font-size: 230.7%;
}

.fs150 {
	font-size: 150%;
}

.fs200 {
	font-size: 200%;
}

.font-blue {
	color: #0053A6;
}

.font-red {
	color: #F00;
}


.bold {
	font-weight: bold;
}

.indent {
	text-indent: 1em;
	display: block;
}

.Umin {
	font-family: "游明朝", Yu Mincho, YuMincho, "ヒラギノ明朝 ProN W3", Hiragino Mincho ProN, "HG明朝E", serif;
}

/* underline */
.underline,
.underlineB,
.underlineW {
	width: 100%;
}

.borderline3 {
	/*blue*/
	border: 3px solid #99BADB;
}

.underline {
	/*gray*/
	border-bottom: 1px solid #EAEAEA;
}

.underlineB {
	/*blue3*/
	border-bottom: 1px solid #003973;
}

.underlineB2 {
	/*blue1*/
	border-bottom: 1px solid #99BADB;
}

.underlineB3 {
	/*blue2*/
	border-bottom: 1px solid #0053A6;
}

.underlineW {
	/*white*/
	border-bottom: 1px solid #fff;
}

/* 記事ページ共通オブジェクト
--------------------------- */
/*幅調整*/
.w100,
.w95,
.w90,
.w85,
.w80,
.w75,
.w70,
.w60,
.w55,
.w50,
.w45,
.w40,
.w33,
.w30,
.w25,
.w20,
.w15,
.w10,
.w5 {
	box-sizing: border-box;
}

.w100 {
	width: 100%;
}

.w95 {
	width: 95%;
}

.w90 {
	width: 90%;
}

.w85 {
	width: 85%;
}

.w80 {
	width: 80%;
}

.w75 {
	width: 75%;
}

.w71 {
	width: 71%;
}

.w70 {
	width: 70%;
}

.w60 {
	width: 60%;
}

.w55 {
	width: 55%;
}

.w50 {
	width: 50%;
}

.w45 {
	width: 45%;
}

.w40 {
	width: 40%;
}

.w33 {
	width: 33.333%;
}

.w30 {
	width: 30%;
}

.w25 {
	width: 25%;
}

.w20 {
	width: 20%;
}

.w15 {
	width: 15%;
}

.w10 {
	width: 10%;
}

.w5 {
	width: 5%;
}

.inline {
	display: inline;
}

.inlineB {
	display: inline-block;
}

/*上下左右を中央に*/
.table {
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
}

.table>* {
	display: table-cell;
	vertical-align: middle;
}

/*　table layout */
.tableBox {
	width: 100%;
	padding: 0 30px;
	box-sizing: border-box;
}

.tableBox dl {
	display: table;
	width: 100%;
	padding: 0;
	box-sizing: border-box;
}

.tableBox dl dt,
.tableBox dl dd {
	display: table-cell;
	padding: 15px;
}

.tableBox dl dt {
	width: 20%;
}

.tableBox dl dd {
	width: 80%;
}

/* 円マーク */
.circle {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	transition: 1.0s;
	-moz-transition: 1.0s;
	-webkit-transition: 1.0s;
}

/* 四角マーク */
.square {
	position: relative;
}

.square:after {
	padding-top: 100%;
	display: block;
	content: "";
}

.square>* {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/* 三角マーク */
.triangle {
	text-align: center;
	display: inline-block;
	position: absolute;
	width: 0;
	height: 0;
	border: 80px solid transparent;
	border-top: 80px solid #f00;
	transition: 1.0s;
	-moz-transition: 1.0s;
	-webkit-transition: 1.0s;
}

/* ページタイトル＋リード文
--------------------------- */
#page_title {
	padding: 50px 0px 30px 0px;
	text-align: center;
}

#page_title h2 {
	font-size: 285%;
	line-height: 130%;
	letter-spacing: 5px;
	font-weight: 400;
	padding-bottom: 10px;
	border-bottom: 3px solid #EAEAEA;
}

#page_title p {
	font-size: 185%;
	line-height: 130%;
	margin: 0 auto;
	display: inline-block;
	vertical-align: middle;
	max-width: 1200px;
	text-align: left;
	padding: 10px 30px 0 30px;
}

/* ページタイトル下共通部位
--------------------------- */
/* box_contents */
#box_contents h3 {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background-color: #CCDDED;
	letter-spacing: 2px;
	text-align: center;
	font-size: 175%;
	color: #003973;
	font-weight: 500;
	clear: both;
}

.contents_title {
	padding: 0 30px;
}

.contents_title h4 {
	width: 100%;
	line-height: 35px;
	background-color: #d0d0d0;
	letter-spacing: 2px;
	padding: 0px;
	text-align: center;
	font-size: 150%;
	font-weight: 500;
}

.contents_title p {
	width: 100%;
	padding: 30px 0 50px 0;
	text-align: center;
	font-size: 138.5%;
	font-weight: 300;
}

/* wrapper
--------------------------- */
#wrapper,
#top-wrapper {
	width: 100%;
}

.wrap {
	max-width: 1200px;
	min-width: 1000px;
	margin: 0 auto;
	box-sizing: border-box;
}

.wrap.contest {
	max-width: 1100px;
}

/* Load Visual
--------------------------- */
#load {
	position: relative;
	width: 100%;
	min-width: 1000px;
	height: 100vh;
	height: 100%;
	display: none;
	background-color: #E0EBF4;
	z-index: 1;
}

.load-logo img,
.load-catch img {
	display: none;
	width: auto;
	height: 100vh;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	filter: inherit;
}

.load-logo {
	z-index: 3;
}

.load-catch {
	z-index: 4;
}

#top-catch {
	position: absolute;
	z-index: 9;
	left: 0;
	right: 0;
	top: 150px;
	margin: 0 auto;
	color: #fff;
	font-size: 180%;
	line-height: 200%;
	font-weight: 100;
	text-align: center;
	letter-spacing: 2px;
	text-shadow:
		0px 0px 5px #EAEAEA;
}

#top-logo img {
	width: 155px;
	height: auto;
}

/* ヘッダー
--------------------------- */
#header {
	width: 100%;
	height: 100px;
	position: fixed;
	top: 0px;
	z-index: 1000;
	text-align: center;
}

/* 印刷時、ヘッダー固定を解除 */
@media print {
	#header {
		width: 100%;
		height: 100px;
		position: static;
		top: 0px;
		z-index: 1000;
		text-align: center;
	}
}

.top {
	width: 100%;
	background-color: #FFF;
}

.nav {
	max-width: 1200px;
	height: 60px;
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;
}

#top-logo {
	/* width: 25%; */
	padding: 11px 0px 11px 30px;
	text-align: left;
	float: left;
}

#top-logo img {
	width: 150px;
	height: auto;
}

.shohyo {
	font-size: 45%;
	float: left;
	text-align: left;
	line-height: 100%;
	padding-top: 30px;
	padding-left: 5px;
	height: 20px;
}

.shohyo2 {
	font-size: 45%;
	text-align: center;
	line-height: 100%;
	width: 100%;
	padding: 5px;
}

.shohyo3 {
	font-size: 60%;
	color: #fff;
	text-align: center;
	line-height: 100%;
	width: 100%;
	padding: 2em 0 0;
}

/* 文字大小と検索 */
.parts {
	width: 575px;
	height: 27px;
	padding: 15px 30px 15px 0px;
	float: right;
}

#fontSize {
	width: 370px;
	float: left;
}

#fontSize .lh {
	width: 80px;
	background-color: #fff;
}

#fontSize .pamf {
	width: 170px;
	background-color: #fff;
}

#fontSize .pamf a {
	display: block;
	-webkit-transition: 0.6s;
	transition: 0.6s;
}

#fontSize .pamf a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#fontSize li {
	float: left;
	height: 15px;
	width: 15px;
	padding: 5px;
	margin: 1px 2px;
	background-color: #EAEAEA;
}

#fontSize li.active {
	background-color: #505050;
	color: #FFF;
}

.search {
	width: 200px;
	height: 25px;
	position: relative;
	background-color: #fff;
	border: 1px solid #EAEAEA;
	float: right;
}

.search dt {
	padding: 5px;
}

.search dt input {
	width: 70%;
	background: none;
	border: none;
}

.search dd {
	position: absolute;
	top: 0;
	left: 0;
}

.search dd button {
	display: block;
	padding: 3px 8px;
	background: none;
	border: none;
}

.search dd button span {
	display: block;
	width: 18px;
	height: 18px;
	background: url('../img/search_ic.png') no-repeat scroll 0 0;
}

/* グローバルナビゲーション */
.gnav-area {
	width: 100%;
	height: 40px;
	background-color: rgba(204, 221, 237, 0.7);
}

.gnav {
	width: 100%;
	top: -40px;
	position: relative;
	height: auto;
}

#global-nav {
	width: 100%;
	position: relative;
	font-weight: 600;
	letter-spacing: 1px;
}

#global-nav > ul {
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
}

#global-nav > ul > li {
	max-width: 240px; /* リスト5個用 */
	width: 20%; /* リスト5個用 */
	/*width:25%; リスト4個用 */
	/*width: 16.55%; リスト6個用 */
	line-height: 40px;
	border-right: 1px solid #EAEAEA;
	box-sizing: border-box;
}

#global-nav li a {
	font-weight: 600;
	letter-spacing: 1px;
	display: block;
}

#global-nav .br {
	line-height: 20px;
}

#global-nav li:hover {
	background-color: rgba(204, 221, 237, 0.9);
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}

#global-nav ul li i {
	display: inline-block;
	position: absolute;
	line-height: 40px;
}

#global-nav ul li .fa-caret-up {
	display: none;
}

#global-nav ul li:hover .fa-caret-up {
	display: inline;
}

#global-nav ul li:hover .fa-caret-down {
	display: none;
}

#global-nav #gnav-r {
	border-right: none;
}

/*#nav-toggle {
	display: none;
	visibility: hidden;
}*/

/* メガメニュー */
.child-menu {
	width: 100%;
	position: absolute;
	top: 100%; /* 親項目の直下に配置 */
	left: 0;
	padding: 50px 0 30px 0;
	background-color: rgba(204, 221, 237, 0.98);
	visibility: hidden;
	box-shadow: 0 5px 5px rgba(0,0,0,.1);
}
.child-menu-title{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding-bottom: 30px;
}
.child-menu-title p{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 46px;
}
.child-menu-title p:before, .child-menu-title p:after {
  border-top: 1px solid;
  content: "";
  width: 100%;
}
.child-menu-title p:before {
  margin-right: 15px;
}
.child-menu-title p:after {
  margin-left: 15px; 
}
.child-menu-title span{
	font-weight: bold;
}

.child-menu-box{
	margin-top: -15px;
	display: flex;
	justify-content: center;
}
.child-menu-box div{
	width: 33.3%;
	max-width: 399.6px;	
}
.child-menu-box p{
	padding: 30px 0 20px 30px;
	font-size: 30px;	
	font-weight: bold;
	text-align: left;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 54px 54px;
}
.child-menu-box div:nth-of-type(1) p{
	background-image: url("../img/nav-know.svg");
}
.child-menu-box div:nth-of-type(2) p{
	background-image: url("../img/nav-society.svg");
}
.child-menu-box div:nth-of-type(3) p{
	background-image: url("../img/nav-living.svg");
}
.child-menu-box li{
	margin: 0 1% 0 7%;
	padding: 0 1%;
	text-align: left;
}


.child-menu-list{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.child-menu-list li{
	width: 29.3%;
	margin: 0 1%;
	padding: 0 1%;
	text-align: left;
}
#global-nav .child-menu li:hover {
	background-color: rgba(255, 255, 255, 0.2);
}
.menu:hover .child-menu {
	visibility: visible;
	animation-duration: 0.3s;
	animation-name: fade-in;
}
@keyframes fade-in {
  0% {
    visibility: hidden;
    opacity: 0;
  }

  50% {
    visibility: visible;
    opacity: 0.8;
  }

  100% {
    visibility: visible;
    opacity: 1;
  }
}

#global-nav-sp{
	display: none !important;
}

/* メイン画像
--------------------------- */
#main_visual {
	position: relative;
	width: 100%;
	min-width: 1000px;
	background-color: #0053A6;
}

#main_visual.white {
	background-color: #e5eef6;
}

#main_visual.yabusame {
	background-color: #256037;
}

#saiyo_visual {
	/*採用ページ用メイン画像背景色*/
	position: relative;
	width: 100%;
	min-width: 1000px;
	background-color: #99BADB;
}

#main_visual_pc {
	max-width: 1400px;
	min-width: 1000px;
	height: auto;
	margin: 0 auto;
}

#main_visual_pc img {
	width: 100%;
}

#main_visual_mobile {
	display: none;
	visibility: hidden;
}

#main_visual_pc .bx-viewport {
	left: 0;
	box-shadow: none;
	border: none;
}

#top_visual {
	width: 100%;
	min-width: 930px;
	height: 100vh;
	min-height: 930px;
	/*background-image: url(../img/TOPimage428.jpg);
	background-size: cover;
	background-position: center bottom;
	background-repeat:no-repeat;*/
	background-image: url(../img/TOPimage_back_1907.jpg);
	background-size: cover;
	background-position: top center;
	background-position-y: top;
	background-position-x: center;
	background-repeat: no-repeat;
	overflow: hidden;
	/* テキスト非表示用 */
	text-indent: 100%;
	white-space: nowrap;
}

#top_visual .inner {
	background-image: url(../img/TOPimage_logo.png);
	background-size: auto;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
	width: 450px;
	height: 448px;
	top: 0;
	position: absolute;
	left: 50%;
	margin-left: -225px;
}

#top_visual #blur {
	background: rgba(0, 0, 0, 0.2);
	border: 2px solid #fff;
	border-radius: 50%;
	width: 448px;
	height: 448px;
	top: 250px;
	position: absolute;
	left: 50%;
	margin-left: -225px;
}

#info {
	position: absolute;
	bottom: 30px;
	margin-left: -430px;
}

#main_visual .bunner {
	position: absolute;
	top: 90%;
	right: 2%;
	z-index: 3;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
	padding-top: 0px;
	color: #fff;
	display:flex; 
	z-index: 30;
}

#main_visual a span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 1.5s infinite;
	animation: sdb 1.5s infinite;
	box-sizing: border-box;
	z-index: 20;
}

@-webkit-keyframes sdb {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		-webkit-transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}

@keyframes sdb {
	0% {
		transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}

/* メイン画像下
--------------------------- */
#container,
.under_border,
.blue_back,
.gray_back,
.indigo_back {
	width: 100%;
}

#container {
	background-color: #fff;
}

.under_border {
	border-bottom: 1px solid #EAEAEA;
}

/* background */
.blue_back {
	background-color: #CCDDED;
}

.gray_back {
	background-color: #EAEAEA;
}

.indigo_back {
	background-color: #99BADB;
}

/* ぱんくずリスト
--------------------------- */
#box_breadcrumb {
	width: 100%;
	min-width: 960px;
}

#box_breadcrumb ul {
	margin: 0 auto;
	text-align: left;
	padding: 15px 30px;
}

#box_breadcrumb ul li {
	display: inline;
}

#box_breadcrumb ul li a:hover {
	text-decoration: underline;
}

/* トップページ
--------------------------- */
/* パネル部分 */
#box_panel {
	height: auto;
	margin: 0px auto;
	overflow: hidden;
}

#box_panel li {
	width: 25%;
	height: auto;
	float: left;
	margin: 0 auto;
	text-align: center;
}

#box_panel li img {
	width: 100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

#box_panel li img:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.description_hover {
	position: relative;
	overflow: hidden;
}

.description {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 83, 166, .7);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
}

.description h4,
.description p {
	position: absolute;
	left: -100%;
	width: 260px;
	-webkit-transition: .3s;
	transition: .3s;
	text-align: left;
}

.description h4 {
	top: 50px;
	font-size: 170%;
	letter-spacing: 0.1em;
	font-weight: 400;
}

.description p {
	top: 100px;
	font-size: 110%;
	line-height: 30px;
}

.description_hover:hover .description {
	opacity: 0.9;
	color: #FFF;
}

.description_hover:hover .description h4,
.description_hover:hover .description p {
	left: 20px;
}

.description_hover:hover .description h4 {
	-webkit-transition-delay: .2s;
	transition-delay: .2s;
}

.description_hover:hover .description p {
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}

/* ニュースリリース（下層と共通部位あり） */
#box_news {
	margin: 0 auto;
	text-align: center;
	padding: 60px 0px;
}

#news {
	width: 95%;
	margin: 30px auto;
}

#news a {
	display: block;
	-webkit-transition: 0.6s;
	transition: 0.6s;
}

#news a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#news dl {
	border-bottom: 1px solid #CCDDED;
	height: auto;
	padding: 10px 0px;
	clear: both;
	overflow: hidden;
}

#news dl dt {
	margin-right: 30px;
	overflow: hidden;
}

.news_date {
	font-weight: 700;
	text-align: left;
	vertical-align: middle;
	display: inline-block;
	float: left;
	line-height: 20px;
}

.news_category {
	padding: 0;
	float: left;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
}

.news_contents {
	width: 70%;
	float: left;
	line-height: 20px;
	padding-left: 30px;
}

.news_contents a {
	display: block;
	text-align: left;
	line-height: 150%;
}

.news_category .press_release,
.news_category .information {
	width: 125px;
	color: #FFF;
	font-size: 85%;
}

.news_category .press_release {
	background-color: #EF7E00;
}

.news_category .information {
	background-color: #0053A6;
	text-align: center;
	line-height: 20px;
}

.news_category .coverage {
	width: 125px;
	background-color: #87D273;
	color: #FFF;
	font-size: 85%;
	text-align: center;
	line-height: 20px;
}

.link0 {
	width: 200px;
	padding: 10px 0px;
	margin: 10px auto;
	border: 1px solid #CCDDED;
}

.link0:hover {
	background-color: #CCDDED;
	transition: all 1s;
}

/* ニュースリリース
--------------------------- */
/* カテゴリ別タブ */
#news_release-category-tab {
	padding: 0px 30px;
	font-size: 115%;
	letter-spacing: 2px;
	text-align: center;
}

#news_release-category-tab ul li {
	width: 23%;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
	padding: 7px 0px;
	margin: 0px 2% 20px 0px;
	float: left;
}

#news_release-category-tab ul li:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-webkit-transition: 0.6s;
	transition: 0.6s;
}

#news_release-category-tab a {
	color: #FFF;
	display: block;
}

#news_release-category-tab #category-all {
	background-color: #505050;
	color: #FFF;
}

#news_release-category-tab #category-press_release {
	background-color: #EF7E00;
	color: #FFF;
}

#news_release-category-tab #category-information {
	background-color: #0053A6;
	color: #FFF;
}

#news_release-category-tab #category-coverage {
	background-color: #87D273;
	color: #FFF;
}

/* ニュース一覧 */
#news_list {
	padding: 0px 30px;
	margin: 30px 0px;
	clear: both;
}

#news_list dl {
	border-bottom: 1px solid #EAEAEA;
	height: auto;
	padding: 15px 0px;
	overflow: hidden;
}

#news_list dl a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-webkit-transition: 0.6s;
	transition: 0.6s;
}

#news_list dl dt {
	margin-right: 30px;
	width: 6em;
}

#news dl dt {
	margin-right: 30px;
	width: 6em;
}

/* ページネーション */
#pagination {
	margin: 20px 0px 50px 0px;
	float: right;
}

#pagination span {
	padding: 5px 10px;
	background-color: #EAEAEA;
	font-weight: 500;
	margin-left: 10px;
}

#pagination .pagination_current {
	background-color: #505050;
	color: #FFF;
}

#news_release-link_old {
	width: 100%;
}

#news_release-link_old li {
	width: 46%;
	float: left;
	padding: 15px 0px;
	margin: 20px 2% 50px 2%;
	border: 1px solid #003973;
	font-size: 110%;
	font-weight: 500;
	text-align: center;
	box-sizing: border-box;
}

#news_release-link_old li a {
	color: #003973;
	display: block;
}

#news_release-link_old li:hover {
	background-color: rgba(0, 57, 115, .4);
	transition: all 1s;
}

/* トップに戻るボタン
--------------------------- */
#back-to-top {
	position: fixed;
	bottom: 100px;
	clear: both;
	right: 0px;
	z-index: 9999;
}

/* フッター
--------------------------- */
#footer {
	width: 100%;
	min-width: 1000px;
	clear: both;
}

.access,
.contact {
	padding: 30px 0px 70px 0px;
	height: 100px;
	width: 50%;
	text-align: center;
}

.access {
	background-color: #003973;
	float: left;
}

.access,
.access a {
	color: #FFF;
}

.contact {
	background-color: #CCDDED;
	float: right;
}

.contact,
.contact a {
	color: #003973;
}

.link1,
.link2 {
	width: 200px;
	padding: 0;
	line-height: 30px;
	margin: 10px auto;
}

.link1 {
	border: 1px solid #fff;
}

.link2 {
	border: 1px solid #003973;
}

.link1:hover {
	background-color: rgba(255, 255, 255, .2);
	transition: all 1s;
}

.link2:hover {
	background-color: rgba(0, 57, 115, .4);
	transition: all 1s;
}

.footter-icon {
	margin: 0px auto 10px auto;
}

#sitemap {
	padding: 40px 0px 10px 0px;
	clear: both;
}

#sitemap a {
	display: block;
	-webkit-transition: 0.6s;
	transition: 0.6s;
	color: #505050;
}

#sitemap a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

#sitemap .sitemap_box {
	width: 16.66%;
	text-align: left;
	line-height: 20px;
	float: left;
	box-sizing: border-box;
}

#sitemap .sitemap_box h3 {
	font-weight: 300;
	letter-spacing: 3px;
	width: 100%;
	max-width: 180px;
	min-width: 165px;
	padding: 2px 0px;
	margin: 0 auto 10px auto;
	background-color: #003973;
	text-align: center;
	color: #FFF;
	border-left: 1px solid #EAEAEA;
}

#sitemap .sitemap_box:first-child h3 {
	border-left: none;
}

#sitemap .sitemap_box ul {
	width: 100%;
	max-width: 180px;
	min-width: 165px;
	margin: 0 auto 30px auto;
}

#sitemap .sitemap_box ul li {
	font-size: 90%;
	padding: 0 1px;
}

.copy_back {
	width: 100%;
	background-color: #003973;
}

#copyright {
	clear: both;
	padding: 15px 0px;
}

#copyright p {
	font-size: 77%;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	font-weight: lighter;
	margin-top: 10px;
}

#copyright img {
	width: 300px;
	height: auto;
}

/*ニュースリリース詳細ページ共通
--------------------------- */
#news_article {
	padding: 0 30px;
}

#news_article .newsBox {
	padding: 30px;
}

#news_article .newsBox h4 {
	text-align: center;
	color: #003973;
	font-size: 170%;
	font-weight: 500;
	padding: 30px 0;
}

#news_article #back-to-news {
	width: 180px;
	padding: 5px 0;
	margin-bottom: 50px;
	text-align: center;
	background-color: #EAEAEA;
	overflow: hidden;
}

#news_article #back-to-news a {
	display: block;
}

#news_article #back-to-news a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-webkit-transition: 0.6s;
	transition: 0.6s;
}

/* day&category_area */
.dc_area {
	width: 100%;
	overflow: hidden;
	padding: 15px 0;
	display: block;
}

.dc_area .floL {
	padding-left: 30px;
	float: left;
}

.dc_area .floR {
	padding-right: 30px;
	float: right;
}

#news_article .newsBox img.news {
	vertical-align: middle;
}

/* --------------------------------------------------------------
button
-------------------------------------------------------------- */
.link0 a,
.link1 a,
.link2 a {
	display: block;
}

.blueBtn,
.grayBtn {
	width: 400px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.blueBtn a,
.grayBtn a {
	color: #fff;
	display: block
}

.blueBtn {
	background-color: #003973;
}

.grayBtn {
	background-color: #505050;
}

.btnBox {
	display: table;
	margin: 0 auto;
}

.btn,
.mbtn {
	display: block;
	background-color: #e5eef6;
	text-align: center;
	padding: 5px 30px;
}

.btn a,
.mbtn a {
	display: block;
}

.btn {
	width: 180px;
}

.mbtn {
	width: 240px;
}

.miniBtn {
	width: 100px;
	background-color: #003973;
	text-align: center;
	padding: 0 5px;
	border-radius: 2px;
	letter-spacing: 2px;
}

.miniBtn a {
	color: #fff;
	display: block;
}

.btn:hover,
.miniBtn:hover,
.blueBtn:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-webkit-transition: 0.6s;
	transition: 0.6s;
}

/* 記事ページ内ナビゲーション
--------------------------- */
#sub-nav ul {
	/*height: 80px;*/
	margin: 30px auto 0;
	font-weight: 700;
	letter-spacing: 1px;
	overflow: hidden;
	padding: 0;
}

#sub-nav ul li {
	box-sizing: border-box;
	width: 16.6%;
	min-width: 185px;
	float: left;
	height: 40px;
	border: 1px solid #fff;
	background-color: #e5eef6;
	text-align: center;
}

#sub-nav ul li a {
	color: #0053a6;
	font-weight: 700;
	display: block;
	line-height: 40px;
}

#sub-nav ul .current {
	background-color: #0053a6;
}

#sub-nav ul .current a {
	color: #fff;
}

#sub-nav ul .br {
	line-height: 20px;
	padding: 5px 0;
}

#sub-nav ul li:hover {
	opacity: 0.5;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}

/* 記事ページ個有設定
--------------------------- */
/*message*/
#message .w40 p {
	font-size: 115%;
	font-weight: 500;
	line-height: 150%;
}

/*about*/
#about .tableBox dl dt,
#about .tableBox dl dd {
	border-bottom: solid 1px #E5EEF6;
}

#about .tableBox dl dt {
	color: #003973;
	font-weight: 700;
}

#about #tableAccess dt {
	vertical-align: top;
}

#group_company {
	border: solid 1px #003973;
	padding: 0 30px;
	margin-left: 30px;
	margin-right: 30px;
}

#group_company h4 {
	padding-top: 20px;
	font-size: 115%;
	font-weight: 700;
	line-height: 200%;
	border-bottom: solid 1px #CCDDED;
}

#group_company h4 img{
	padding-right: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
}

#group_company h4 img.about {
	width:36px!important;
}

#group_company h4 img.about.hot {
	width:134px!important;
}


#group_company h5 {
	width: 100%;
	height: 25px;
	line-height: 25px;
	background-color: #CCDDED;
	padding: 0 0.5em;
	color: #003973;
	font-weight: 700;
	box-sizing: border-box;
}

#about .gray_back {
	width: auto;
}

#about .gray_back a {
	background: #ef7e00;
	color: #fff;
	display: inline-block;
}

/* #philosophy */
#philosophy .navy {
	background: #99BADB;
	color: #fff;
}

#philosophy .navy2 {
	background: #d8e5f4;
	color: #505050;
}

#philosophy .catch {
	color: #003973;
	font-size: 115%;
	font-weight: 700;
	padding: 5px 0;
	margin: 0;
	list-style-type: none;
}

#philosophy .underlineW {
	min-height: 40px;
	box-sizing: border-box;
}

#philosophy ul {
	padding: 10px 30px;
	min-height: 300px;
	box-sizing: border-box;
}

#philosophy ul li {
	color: #505050;
	padding: 5px 0;
	margin-left: 15px;
	list-style-type: disc;
}

/* 会社案内用Flex */

.pamf-box{
	margin:0 auto;
	display:flex;
	width:860px;
	flex-direction:row;
	justify-content:space-between;
}

.pamf-box-e{
	margin:0 auto 40px auto;
	display:flex;
	width:860px;
	flex-direction:row;
	justify-content:space-between;
}

p.pamftitle{
	margin:40px auto 5px auto;
	width:830px;
	color:#003973;
	font-weight:700;
}

/* #vision */
#vision {
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
}

#vision img {
	width: 100%;
	display: block;
	/* padding-right: 5px; */
	box-sizing: border-box;
}

#vision_mobile img {
	display: none;
}

.catch h3 {
	font-size: 178.5%;
	letter-spacing: 4px;
	line-height: 200%;
}

.catch p {
	font-size: 114%;
	letter-spacing: 2px;
	line-height: 200%;
}

#vision .circle {
	width: 140px;
	height: 140px;
	margin: 0 auto;
	margin-bottom: 30px;
}

#vision .orange {
	color: #EF7E00;
	padding-right: 30px;
}

#vision .orange .circle {
	background: #EF7E00;
}

#vision .blue {
	color: #0053A6;
	padding-left: 60px;
}

#vision .blue .circle {
	background: #0053A6;
}

#vision .circle {
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	font-weight: 400;
}

#vision .circle h3 {
	font-size: 200%;
	padding-top: 28%;
	letter-spacing: 5px;
}

#vision .circle p {
	padding-top: 10%;
}

#vision .orange .alC,
#vision .blue .alC {
	font-size: 123%;
	font-weight: 200;
	padding-left: 20px;
}

#vision .borderBlue ul li {
	font-size: 130.7%;
	font-weight: 200;
}

#vision #down i {
	font-size: 500%;
	color: F4F4F4;
	text-align: center;
}

#vision .gray {
	background: #d0d0d0;
}

#vision .gray .heightSet {
	height: 230px;
}

#vision .gray .alC {
	padding-top: 15px;
	font-size: 128.5%;
	font-weight: 400;
}

#vision .catch {
	padding: 15px 0;
}

#vision ul {
	padding: 15px 30px;
	margin: 0 auto;
}

#vision li {
	text-align: left;
}

#vision .borderBlue {
	width: auto;
	border: 1px solid #003973;
	color: #003973;
}

#vision .underlineW p {
	line-height: none;
}

#vision p,
#vision li {
	font-weight: 300;
	letter-spacing: 2px;
	line-height: 200%;
}

#vision .gray .heightSet,
#vision .borderBlue .wrapSet {
	text-align: center;
}

#vision .gray .heightSet ul,
#vision .borderBlue .wrapSet ul {
	margin: 0 auto;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}

#vision .gray .heightSet ul li {
	padding-bottom: 10px;
}

#vision .gray .heightSet ul li p {
	display: inline;
}

#vision .changeArea .borderBlue {
	margin-left: 30px;
	margin-right: 30px;
}

/* #policy */
.boxL {
	box-sizing: border-box;
	margin-left: 30px;
	margin-right: 30px;
}

.boxL dt {
	font-size: 178.5%;
	letter-spacing: 4px;
	line-height: 200%;
	text-align: center;
	padding: 15px;
	box-sizing: border-box;
}

.boxL p {
	font-size: 114%;
	letter-spacing: 2px;
	line-height: 200%;
}

.boxL dd {
	padding: 15px;
	line-height: 200%;
}

.boxL li {
	font-size: 143%;
	font-weight: 200;
	letter-spacing: 2px;
	line-height: 200%;
}

#policy .navy {
	background-color: #3676B5;
	color: #fff;
}

#policy ol {
	width: 80%;
	margin: 0 auto;
}

#policy ol .circle {
	width: 40px;
	height: 40px;
	border: solid 1px #fff;
	display: inline-block;
	text-align: center;
	line-height: 40px;
	font-weight: 200;
}

#policy ol li {
	padding-top: 10px;
	padding-bottom: 10px;
}

#policy ol li p {
	width: 90%;
	font-weight: 100;
	letter-spacing: 0px;
	line-height: 40px;
}

#policy img {
	width: 100%;
}

#policy dd .alR {
	font-weight: 200;
}

/* #history */
#history {
	padding-left: 30px;
	padding-right: 30px;
}

#history_mobile {
	display: none
}

#history .tableBox dl .year {
	width: 13%;
}

#history .tableBox dl .month {
	width: 5%;
	padding: 15px 5px 15px 0;
	text-align: right;
}

#history .tableBox dl .dot {
	width: 2%;
	background: url(../img/line_y.gif) top center repeat-y;
	text-align: center;
	color: #505050;
}

#history .tableBox dl .story {
	width: 80%;
	padding: 15px 30px;
}

#history .tableBox dl .story2 {
	width: 40%;
	padding: 15px 30px;
}

#history .tableBox dl dt,
#history .tableBox dl dd {
	padding: 15px 0;
}

#history .grayLine {
	background: url(../img/line_gray.gif) left center repeat-x;
}

#history .orangeLine {
	background: url(../img/line_orange.gif) left center repeat-x;
}

#history .blueLine {
	background: url(../img/line_blue.gif) left center repeat-x;
}

#history .greenLine {
	background: url(../img/line_green.gif) left center repeat-x;
}

#history .navyLine {
	background: url(../img/line_navy.gif) left center repeat-x;
}

#history .grayLine p {
	color: #505050;
}

#history .orangeLine p {
	color: #EF7E00;
}

#history .blueLine p {
	color: #99BADB;
}

#history .greenLine p {
	color: #87D273;
}

#history .navyLine p {
	color: #0053A6;
}

#history dl .w40 {
	width: 40%;
}

#history dl dd .title {
	background-color: #fff;
	font-size: 138%;
	font-weight: 500;
	position: relative;
	text-align: left;
	display: inline;
	padding-left: 30px;
	padding-right: 5px;
}

#history img {
	display: block;
	padding: 10px 0;
	max-width: 100%;
}

/* #song */
#corporate_song img {
	display: block;
	margin: 0 auto;
}

#lyrics {
	border-bottom: solid 2px #f4f4f4;
}

#song .btn {
	width: 250px;
}

#song audio {
	margin: 0 auto 30px;
	display: block;
}

/* #character */
#character {
	padding-left: 30px;
	padding-right: 30px;
	position: relative;
}

#newcharacter {
	position: relative;
}

#newcharacter img {
	display: block;
	max-width: 100%;
}


#character img {
	display: block;
	max-width: 100%;
}

#character .btn {
	margin: 30px auto 0 auto;
	width: 460px;
	padding: 5px 15px;
	background: #3676B5;
	color: #fff;
	border-radius: 4px;
}

#yuruchara_btn {
	width: 35%;
	position: absolute;
	top: 9%;
	line-height: 1.2em;
}

#yuruchara_link {
	width: 35%;
	position: absolute;
	top: 20%;
	line-height: 1.2em;
}

#yuruchara_btn img {
	width: 60%;
	height: auto;
}

#yuruchara_btn p {
	padding-left: 1em;
	text-indent: -1em;
}

#yuruchara_link2 {
	width: 35%;
	position: absolute;
	bottom: 5%;
	line-height: 1.2em;
}

#yuruchara_link3 {
	width: 45%;
	position: absolute;
	left: 50%;
	bottom: 3%;
	line-height: 1.2em;
}

.yuruchara_gra {
	position: relative;
}

#character .mobile {
	display: none;
}

/* #access */
#map-canvas {
	max-width: 1140px;
	min-width: 940px;
	height: 500px;
	margin: 30px 30px 5px 30px;
}

#access .contents_title h4 {
	text-align: left;
	display: block;
}

#access .contents_title h4 span {
	display: inline-block;
}

#access h5 {
	color: #003973;
	background: #E5EEF6;
	font-weight: 500;
	padding: 0 5px;
}

#access #map_address {
	color: #003973;
}

#access #map_address p {
	border: solid 1px #E5EEF6;
	box-sizing: border-box;
	padding: 0 5px;
	text-align: left;
}

#access section img {
	max-width: 100%;
}

/* property_information
--------------------------- */
/* #property */
#property {
	box-sizing: border-box;
}

#property #tachihimap {
	max-width: 100%;
}

#property p,
#property_foot p {
	line-height: 200%;
}

#property .listBox p {
	font-size: 130%;
	line-height: 200%;
	border-bottom: solid 1px #505050;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#property li {
	list-style-position: inside;
	padding-top: 5px;
}

#property ul li a {
	font-size: 115%;
	vertical-align: bottom;
	line-height: 48px;
}

#property ul .sakae {
	list-style-image: url(../img/property_category_sakae.gif);
}

#property ul .west {
	list-style-image: url(../img/property_category_nishi.gif);
}

#property ul .south {
	list-style-image: url(../img/property_category_minami.gif);
}

#property ul .takamatsu {
	list-style-image: url(../img/property_category_takamatsu.gif);
}

.contactBox {
	width: 45%;
	height: 220px;
	background: #3676B5;
	padding: 0;
	box-sizing: border-box;
}

.contactBox.mR30 {
	padding: 15px 0;
}

.contactBox .circle {
	background: #fff;
	position: relative;
	width: 100px;
	height: 100px;
	margin: 0 auto;
}

.contactBox .circle img {
	display: block;
	position: absolute;
}

.contactBox .circle #telIco {
	top: 25px;
	bottom: 25px;
	left: 19px;
	right: 19px;
}

.contactBox .circle #formIco {
	top: 22px;
	bottom: 22px;
	left: 30px;
	right: 30px;
}

.contactBox dl {
	text-align: center;
	padding: 10px 0;
	line-height: 200%
}

.contactBox dl dt {
	font-size: 107.6%;
	color: #fff;
}

.contactBox dl dd {
	margin: 0 auto;
}

.contactBox dl dd span {
	color: #003973;
	display: block;
}

.contactBox dl dd a {
	color: #003973;
}

.contactBox dl dd .tel {
	font-size: 161.5%;
	font-weight: 700;
	padding: 5px 0;
}

#click {
	display: block;
	padding: 15px 0;
	box-sizing: border-box;
}

#click:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-webkit-transition: 0.6s;
	transition: 0.6s;
}

.btn0 {
	display: block;
	width: 180px;
	background-color: #e5eef6;
	text-align: center;
	padding: 5px 30px;
}

#property .btn,
#property_foot .btn0 {
	height: 30px;
	background: #003973;
	line-height: 30px;
	padding: 0;
	color: #fff;
	display: inline-block;
}

#property_foot .wrap {
	padding: 30px 0;
}

#property_foot p {
	color: #003973;
	font-size: 161.5%;
	font-weight: 500;
}

#property_foot .add {
	font-size: 100%;
	color: #003973;
	padding-top: 5px;
	font-weight: 500;
}

#property .propertyBox {
	background: #EAEAEA;
	margin: 0 30px 30px;
}

#property .propertyBox ul li a {
	font-size: 153.8%;
}

#property .propertyTitle {
	height: 60px;
	padding: 15px 20px;
}

#titleimg {
	display: block !important;
	max-width: 100% !important;
}

#property .propertyTitle .floR {
	line-height: 48px;
	padding-top: 5px;
}

#property .propertyTitle a span {
	display: inline-block;
	vertical-align: bottom;
}

#property .propertyContent {
	padding: 0 20px 20px 20px;
}

#property .propertyImg {
	width: 40%;
	box-sizing: border-box;
}

#property .propertyImg img {
	max-width: 100%;
	display: block;
	padding-right: 20px;
	box-sizing: border-box;
}

#property .propertyBottom {
	padding: 0 20px 20px 20px;
}

#property .propertyBottom img {
	padding-right: 8px;
}

#property .tableBox {
	width: 60%;
	padding: 0;
	box-sizing: border-box;
	border-collapse: collapse;
}

#property .tableBox dl {
	height: 50px;
}

#property .tableBox dl dt,
#property .tableBox dl dd {
	border: solid #ccc 1px;
	box-sizing: border-box;
	padding: 0 5px;
	vertical-align: middle;
	line-height: 150%;
}

#property .tableBox dl dt {
	width: 15%;
	background: #505050;
	color: #fff;
}

#property .tableBox dl dd {
	width: 85%;
	background: #fff;
}

#property .tableBox .hFix {
	min-height: 200px;
}

#property .tableBox .half dd {
	width: 35%;
}

#property .tableBox .half dd img {
	width: 100%;
	display: block;
}

/* #form */
#form {
	line-height: 200%;
	padding-left: 30px;
	padding-right: 30px;
}

#form .tableBox {
	width: 100%;
	padding: 0 30px;
	box-sizing: border-box;
	border-top: solid 1px #E5EEF6;
}

#form .tableBox dl {
	display: table;
	width: 100%;
	padding: 0;
	box-sizing: border-box;
}

#form .tableBox dl dt,
#form .tableBox dl dd {
	display: table-cell;
	padding: 15px;
	border-bottom: solid 1px #E5EEF6;
	vertical-align: middle;
}

#form .tableBox dl dt {
	color: #003973;
	font-weight: 700;
}

#form .tableBox dl .required,
#form .tableBox dl .any {
	width: 150px;
	line-height: normal;
}

#form .tableBox .address dt,
#form .tableBox .address dd {
	border-bottom: none;
}

#form .blueBtn {
	font-size: 130%;
	color: #fff;
	width: 400px;
	border-radius: 5px;
	display: block;
	border: none;
	margin-left: auto;
	margin-right: auto;
	display: table-cell;
}

#form .grayBtn {
	font-size: 130%;
	color: #fff;
	width: 400px;
	border-radius: 5px;
	display: block;
	border: none;
	margin-left: auto;
	margin-right: auto;
	background-color: #505050;
	display: table-cell;
}

#form .required p,
#form .any p {
	font-size: 13px;
}

#form .required p,
#form .any p,
#form p .required {
	color: #FFFFFF;
	padding: 2px 3px;
	text-align: center;
}

#form .required p,
#form p .required {
	background: #FF0000;
	width: 30px;
}

#form .any p {
	background: #aaa;
	width: 30px;
}

#form input {
	width: 30%;
	line-height: 200%;
	margin-left: 5px;
	margin-right: 5px;
}

#form input .form_radio-check {
	width: 5%;
	margin-left: 5px;
	margin-right: 5px;
}

#form textarea {
	width: 50%;
	line-height: 200%;
	margin-top: 10px;
}

#form .inputNumber input {
	width: 5%;
}

#form .ssl span {
	display: block;
	text-align: center;
}

.form_birthday {
	width: 8%;
}

#form_occupation {
	width: 40%;
}

#form .form_btn {
	width: 2%;
}

/*
#form #radio input{
    display:none;
}
#form #radio .radio_deco{
    display:inline-block;
    position:relative;
    padding-left: 30px;
	margin-right: 5%;
}
#form #radio .radio_deco:before, #radio .radio_deco:after{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:20px;
    height:20px;
    border-radius:50%;
}
#form #radio .radio_deco:before{
    background:#fafafa;
    border:1px solid #666666;
}
#form #radio input:checked + .radio_deco:after{
    top:5px;
    left:5px;
    height:12px;
    width:12px;
    background:#0053A6;
}
#form #checkbox input{
    display:none;
}
#form #checkbox .check_deco {
    display:inline-block;
    position:relative;
    padding-left: 30px;
	margin-right: 5%;
}
#form #checkbox .check_deco:before,#radio .check_deco:after{
    content:'';
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:20px;
    height:20px;
    border-radius:0px;
}
#form #checkbox .check_deco:before{
    background:#fafafa;
    border:1px solid #666666;
}
#form #checkbox input:checked + .check_deco:after{
    top:3px;
    height:7px;
    border-left: 3px solid #0053A6;
    border-bottom: 2px solid #0053A6;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 */

.error {
	color: red;
}

/* #contact */
#contact .boxM {
	border: 2px solid #003973;
	font-size: 100%;
	padding: 30px;
}

#contact .underlineB {
	font-size: 130%;
}

#contact .boxM a {
	text-decoration: underline;
}

#contact .boxM a:hover {
	color: #707070;
	text-decoration: none;
}

/* --------------------------------------------------------------
#news
-------------------------------------------------------------- */

.newsBox a {
	text-decoration: underline;
}

.newsBox a:hover {
	color: #707070;
	text-decoration: none;
}

.newsBox strong {
	font-weight: bold;
}

.newsBox p {
	margin: 0 0 20px;
}

.newsBox p.no-mgn {
	margin: 0px;
}

.newsBox ul,
.newsBox ol {
	padding: 0;
}

.newsBox li {
	margin-left: 20px;
	list-style: disc;
}

.newsBox ol li {
	margin-left: 20px;
	list-style: decimal;
}

.newsBox li.flex-nav-next {
	list-style: none;
}

.newsBox li.flex-nav-prev {
	list-style: none;
}


.newsBox table {
	width: 100%;
	background: #FFF;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: inherit;
}

.newsBox table.w880 {
	width:880px;
	margin:0 auto;
}

.newsBox table.w700 {
	width:700px;
	margin:0 auto;
}

.newsBox table.w350 {
	width:350px;
	margin:0 auto 20px auto;
}

.newsBox table th,
.newsBox table td {
	border: solid 1px #999;
	padding: 10px;
}

.newsBox table th {
	background: #F7F7F7;
}

.newsBox table th.white {
	background: #FFF;
}

.newsBox table th.pw,
.newsBox table td.pw {
  width:15%;
}

.newsBox table td.pw2 {
  width:10%;
}

.newsBox table th.vm,
.newsBox table td.vm {
	vertical-align: middle;
}

/* --------------------------------------------------------------
#yaginews（暫定系）
-------------------------------------------------------------- */

.yagiCatch {
	font-size: 140%;
	padding-bottom: 20px;
	color: #ee7d00;
	text-align: center;
	line-height: 150%;
}

.yagiLineTi {
	margin-bottom: 20px;
	border-bottom: solid 2px #7FB5DB;
}

.yagi {
	clear: both;
	padding-bottom: 10px;
	overflow: hidden;
	margin: 0 auto;
}

.yagi a {
	font-size: 120%;
	color: #007434;
}

.yagi a:hover {
	color: #707070;
	text-decoration: none;
}

.yagi img,
.yagi p {
	vertical-align: middle;
	line-height: 150%;
}

/* --------------------------------------------------------------
#search
-------------------------------------------------------------- */
#search {
	line-height: 200%;
}

.searchBox {
	border-bottom: solid 1px #d0d0d0;
	padding: 15px 30px;
	line-height: 200%;
}

.searchBox .search_title a {
	color: #003973;
	font-weight: 500;
}

.searchBox .search_title {
	padding-bottom: 10px;
}

.searchBox .search_next a {
	color: #003973;
	text-decoration: underline;
}

.searchBox .search_next {
	padding-top: 10px;
}

/* --------------------------------------------------------------
#environment（暫定系）
-------------------------------------------------------------- */
.environment a {
	text-decoration: underline;
}

.environment a:hover {
	color: #707070;
	text-decoration: none;
}

/* --------------------------------------------------------------
sup,sub再定義
-------------------------------------------------------------- */
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

/* --------------------------------------------------------------
WordPress ビジュアルモード用
-------------------------------------------------------------- */
#news_article .newsBox img.aligncenter {
	display: block;
	margin: 0 auto;
}

#news_article .newsBox img.alignright {
	display: block;
	margin: 0 0 0 auto;
}

#news_article .newsBox img.alignleft {
	display: block;
	margin: 0 auto 0 0;
}

#news_article .newsBox hr {
	display: block;
}

#news_article .newsBox a {
	color: #3676B5;
}

/* --------------------------------------------------------------
recruit
-------------------------------------------------------------- */
/* 採用
--------------------------- */
#recruit_category {
	width: 95%;
	margin: 0px auto 2.5% auto;
	font-size: 110%;
	text-align: left;
	box-sizing: border-box;
}

#recruit_category tr {
	border-bottom: 1px solid #003973;
	border-right: 1px solid #003973;
	border-left: 1px solid #003973;
	text-indent: 30px;
	box-sizing: border-box;
}

#recruit_category .recruit_category_company {
	width: 35%;
	vertical-align: middle;
}

/*#recruit_category .recruit_category_company2 {	
	border-right: 1px solid #FFF;
}*/
#recruit_category tr th {
	padding: 15px 0px;
	color: #FFF;
	background-color: #003973;
}

#recruit_category tr td {
	padding: 15px 0px;
	border-right: 1px solid #003973;
}

#recruit_category tr td a {
	color: #003973;
}

.parttime_occupation_cate {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 30px 0px;
	box-sizing: border-box;
}

.parttime_occupation_cate .occupation_img {
	width: 25%;
	margin-right: 2.5%;
	float: left;
}

.parttime_occupation_cate .occupation_img img {
	width: 100%;
	height: auto;
}

.parttime_occupation_cate .occupation_description {
	width: 43%;
	height: 100%;
	float: left;
	position: relative;
	line-height: 1.5em;
}

.parttime_occupation_cate .occupation_description .parttime_voice {
	width: 100%;
	height: auto;
	padding-top: 7%;
}

.parttime_occupation_cate .occupation_description .parttime_voice img {
	width: 100%;
	height: auto;
}

.parttime_occupation_cate .parttime_link_form {
	width: 26.4%;
	float: right;
}

.parttime_occupation_cate .parttime_link_form img {
	width: 100%;
	height: auto;
}

.parttime_occupation_cate .parttime_link_form img {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.parttime_occupation_cate .parttime_link_form img:hover {
	opacity: 0.4;
	filter: alpha(opacity=60);
}

#recruit_list {
	padding: 0px 15px;
	margin: 10px 30px 30px;
	clear: both;
	text-align: left;
}

#recruit_list dl {
	border-bottom: 1px solid #EAEAEA;
	padding: 15px 0px;
	line-height: 150%;
	clear: both;
	overflow: hidden;
}

#recruit_list dt {
	width: 15%;
	font-weight: 700;
	float: left;
	box-sizing: border-box;
}

#recruit_list dd {
	width: 85%;
	font-weight: 500;
	float: right;
	box-sizing: border-box;
}

#recruit_schedule {
	margin: 30px 30px 50px;
	padding: 0 15px;
}

#recruit_about {
	margin: 0 auto;
	clear: both;
}

#recruit_about .miniBtn {
	width: 80px
}

.recruit_contact img,
#recruit_schedule img {
	max-width: 100% !important;
	height: auto;
	box-sizing: border-box;
}

.recruit_contact,
.recruit_attention {
	width: 50%;
	text-align: left;
	padding: 30px 15px 30px 30px;
	color: #003973;
	line-height: 2.0em;
	font-weight: 500;
	box-sizing: border-box;
}

.recruit_contact {
	padding: 30px 15px 30px 30px;
}

.recruit_contact p {
	padding-left: 5px;
	padding-right: 5px;
}

.recruit_attention {
	padding: 30px 30px 30px 15px;
}

.recruit_attention ul {
	padding: 0 5px;
	margin: 0;
}

.recruit_attention ul li {
	position: relative;
	font-size: 110%;
	line-height: 2em;
	text-indent: 15px;
}

.recruit_attention ul li::after {
	display: block;
	content: '';
	position: absolute;
	top: .9em;
	width: 5px;
	height: 5px;
	background-color: #003973;
	border-radius: 100%;
}

.recruit_contact_title {
	width: 100%;
	padding: 5px 0px !important;
	font-size: 154%;
	color: #FFF;
	font-weight: 400;
	text-align: center;
	background-color: #003973;
	letter-spacing: 5px;
}

.access_icon {
	padding: 2px 10px;
	background-color: #003973;
	color: #FFF;
}

.access_icon:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-webkit-transition: 0.6s;
	transition: 0.6s;
}

#box_contents .h4_recruit {
	width: 94%;
	letter-spacing: 2px;
	padding: 5px 0px;
	margin: 50px auto 30px auto;
	text-align: left;
	font-size: 154%;
	color: #003973;
	font-weight: 500;
	border-left: 10px solid #003973;
	border-bottom: 1px solid #003973;
	clear: both;
	background-color: #FFF;
	text-indent: 10px;
}

/* リクルートページ共通項目 */
#recruit p {
	line-height: 1.5;
}

#recruit h1,
#recruit #welfare h2,
#recruit h2.green_border,
#recruit .titlebox h2 {
	font-size: 48px;
	line-height: 1.5;
	letter-spacing: 5px;
}

#recruit h1 span,
#recruit #welfare h2 span,
#recruit h2.green_border span,
#recruit .titlebox h2 span {
	font-size: 35px;
}

#recruit #adoption div:first-child,
#recruit .titlebox ul li img.arrow {
	background: #7FA9D5;
}

#recruit #company div:first-child,
#recruit #company img.arrow {
	background: #EFBC86;
}

#recruit #welfare img.arrow {
	background: #7FC7D5;
}

#recruit .titlebox .green {
	background: #93D797;
}

#recruit .titlebox i {
	color: #fff;
}

#recruit img {
	max-width: 100%;
	height: auto;
}

#recruit a {
	display: block;
}

#recruit a.map {
	display: inline;
}

#recruit a:hover,
#recruit a.map:hover,
#recruit #adoption img.arrow:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-webkit-transition: 0.6s;
	transition: 0.6s;
}

#recruit.yellow h1 {
	border-bottom: 4px solid #EFBC86;
	color: #EFBC86;
}

#recruit.eme h1 {
	border-bottom: 4px solid #7FC7D5;
	color: #7FC7D5;
}

#recruit.green h1,
#recruit h2.green_border {
	border-bottom: 4px solid #93D797;
}

#recruit #welfare h2 {
	color: #7FC7D5;
	border-bottom: 4px solid #7FC7D5;
}

#recruit.green h1,
#recruit h2.green_border {
	color: #93D797;
}

#recruit.yellow h2 {
	border-left: 15px solid #EFBC86;
}

#recruit.eme h2 {
	border-left: 15px solid #7FC7D5;
}

#recruit.green h2 {
	border-left: 15px solid #93D797;
}

#recruit #message h1 {
	background-position: left center;
	background: url(../img/recruit_blueline.gif) left 68.5% repeat-x;
}

#recruit h2.blueLine img {
	background: #fff;
}

/* トップページ */
#recruit p.catch {
	font-size: 30px;
	line-height: 1.5;
	letter-spacing: 4px;
}

#recruit nav ul {
	display: table;
	text-align: -webkit-center;
	text-align: center;
	margin-bottom: 10px;
}

#recruit nav ul li {
	display: table-cell;
	width: 25%;
	box-sizing: border-box;
	margin: 0 auto;
}

#recruit nav ul li a {
	width: 240px;
	height: 36px;
	line-height: 32px;
	box-sizing: border-box;
	border: 2px solid #003973;
	color: #003973;
	font-size: 19px;
	font-weight: 700;
	letter-spacing: 1px;
	text-align: left;
	padding: 0 5px;
	position: relative;
	margin: 0 auto;
}

#recruit nav ul li a.on {
	background: #E1EEF7;
}

#recruit nav ul li a img.arrow {
	background: #003973;
	padding: 2px;
}

#recruit #message div.floR {
	background: url(../img/recruit_member.jpg) right bottom no-repeat;
	background-size: contain;
	overflow: hidden;
	min-height: 430px;
}

#recruit #message {
	border-bottom: 4px solid #7FA9D5;
}

#recruit #adoption,
#recruit #company {
	width: 100%;
	max-width: 1150px;
	height: 300px;
	position: relative;
	margin-left: auto;
	margin-right: 0;
}

#recruit #company a,
#recruit #welfare a {
	height: inherit;
}

#recruit #adoption {
	background: url(../img/recruit_top_image1.jpg) bottom right no-repeat;
}

#recruit #company {
	background: url(../img/recruit_top_image2.jpg) bottom right no-repeat;
	border: 1px solid #EFBC86;
	box-sizing: border-box;
}

#recruit #company a:hover {
	background-color: rgba(255, 255, 255, 0.8);
}

#recruit #welfare .clearfix {
	background: url(../img/recruit_top_image3.png) bottom right no-repeat;
	height: 290px;
}

#recruit .titlebox div:first-child {
	width: 250px;
	height: 250px;
	position: absolute;
	top: -20px;
	left: -20px;
	z-index: 99;
}

#recruit .titlebox h2 {
	color: #fff;
	line-height: 1.3;
	padding-left: 10px;
	border-bottom: 4px solid #fff;
	margin-right: 10px;
}

#recruit .titlebox i {
	padding-left: 1em;
}

#recruit .titlebox ul li {
	border: 3px solid #7FA9D5;
	width: 180px;
	height: 180px;
	display: table;
	box-sizing: border-box;
	position: relative;
}

#recruit .titlebox ul li a {
	color: #6BAAD6;
	font-size: 19px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

#recruit .titlebox img.arrow,
#recruit nav ul li a img.arrow {
	position: absolute;
	right: 0;
	bottom: 0;
}

#recruit #adoption {
	position: relative;
}

#recruit #adoption ul {
	position: absolute;
	bottom: 15px;
	right: 15px;
	overflow: hidden;
}

#recruit #adoption ul li {
	float: left;
	margin-left: 25px;
	background: #FFFFFF;
}

#recruit #adoption ul li i {
	display: none;
}

#recruit #adoption div:first-child {
	border: 1px solid #fff;
	box-sizing: content-box;
}

#recruit #company p {
	padding-left: 270px;
}

#recruit #welfare .floL {
	padding-top: 50px;
	padding-left: 40px;
}

#recruit #welfare .circle {
	position: relative;
	width: 165px;
	height: 165px;
	margin: 60px 30px 0 0;
	display: inline-block;
	background: #7FC7D5;
}

#recruit #welfare .circle p {
	margin: 0 auto;
	text-align: center;
	padding-top: 18px;
}

#recruit #welfare .circle img {
	padding-bottom: 2px;
}

#recruit #welfare a {
	display: inline-block;
}

#recruit #welfare .circle p,
#recruit #welfare i {
	color: #fff;
}

#recruit .box {
	min-width: 285px;
	width: auto !important;
	width: 285px;
	width: 25%;
}

#recruit .wbox {
	min-width: 580px;
	width: auto !important;
	width: 580px;
	background: #FFFFFF;
}

#recruit .box,
#recruit .wbox {
	min-height: 295px;
	height: auto !important;
	height: 295px;
	box-sizing: content-box;
	float: left;
}

#recruit .back {
	background: url(../img/recruit_staff_back.png) left top no-repeat;
	min-height: 905px;
	height: auto !important;
	height: 905px;
}

#recruit .wbB {
	border-bottom: 10px solid #fff;
}

#recruit .wbL,
#recruit .wbLR {
	border-left: 10px solid #fff;
}

#recruit .wbR,
#recruit .wbLR {
	border-right: 10px solid #fff;
}

#recruit_contact {
	background: #6BAAD6;
	min-height: 220px;
	height: auto !important;
	height: 220px;
	color: #FFFFFF;
}

#recruit_contact p {
	font-size: 18px;
	line-height: 1.5;
}

#recruit_contact p:first-child {
	font-size: 42px;
	letter-spacing: 4px;
	line-height: 1.5;
	padding: 0 15px;
	display: inline-block;
	border-bottom: 4px solid #fff;
}

#recruit_contact span {
	font-size: 24px;
	line-height: 1.5;
}

/* 下層ページ */
#recruit.child h2 {
	position: relative;
	line-height: 1.5;
	background-color: #d0d0d0;
	padding: 0px 15px;
	font-size: 138.4%;
	font-weight: 600;
	margin-bottom: 10px;
}

#recruit.child h2 span {
	position: absolute;
	font-size: 80%;
	text-align: right;
	top: 10%;
	right: 15px;
	font-weight: 600;
}

#recruit.child h3 {
	font-size: 123%;
}

#recruit.eme section:first-child div {
	background: url(../img/recruit-welfare_image.jpg) right bottom no-repeat;
	height: 252px;
}

#recruit.yellow section:first-child div {
	background: url(../img/recruit-company_image.jpg) right bottom no-repeat;
	height: 252px;
}

#recruit .cardlayout div {
	padding: 15px;
	position: relative;
}

#recruit .cardlayout a {
	position: absolute;
	top: 25px;
	left: 5px;
	background: #7FC7D5;
	color: #fff;
	padding: 5px;
	font-size: 18px;
}

#recruit .cardlayout img {
	padding-bottom: 10px;
}

#recruit .cardlayout div.clearfix {
	padding: 0;
}

#recruit #training {
	background: url(../img/recruit-welfare_training-image.png) right bottom no-repeat;
	background-size: contain;
	padding: 15px 0 0;
	margin: 0 15px;
}

#recruit #training ol {
	border: 1px solid #7FC7D5;
	padding: 60px 15px 30px;
}

#recruit #training ol li {
	border-bottom: dotted #666666 1px;
	width: 70%;
}

#recruit #training ol li span {
	font-size: 115%;
	padding-right: 5px;
	font-weight: 700;
}

#recruit .cardlayout #training a {
	left: -10px;
}

#recruit.green h3 {
	color: #77bb7c;
}

#recruit img.mobile {
	display: none;
}

#ir .news_date {
	width: 15%;
}

#ir .news_contents {
	width: 80%;
}

#report .news_date {
	width: 25%;
}

#ir .news_date,
#report .news_date {
	margin-right: 0;
	padding-left: 20px;
}

#ir h3,
#report h3 {
	border-bottom: 2px solid #003973;
	border-left: 8px solid #003973;
	padding: 10px;
	margin-bottom: 10px;
}

@media print,
screen and (max-width:1215px) {
	#recruit p.catch {
		font-size: 27px;
	}

	#recruit nav ul li a {
		width: 220px;
	}

	#recruit .back .box {
		display: none;
	}

	#recruit .back .box.mbfR {
		float: right;
		border: none;
	}

	#recruit .back .wbox {
		border-right: 10px solid #fff;
	}

	#recruit #welfare .circle {
		margin: 60px 1px 0 0;
	}

	#recruit .titlebox div:first-child {
		top: -10px;
		left: -10px;
	}
}

/* --------------------------------------------------------------
バナースペース
-------------------------------------------------------------- */
#banner_area {
	padding: 0px 30px 50px;
	text-align: right;
}

a.scroll {
	position: absolute;
	bottom: 30px;
	left: 50%;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
	padding-top: 50px;
	color: #ccc;
	z-index: 20;
	font-size: 18px;
	width: 100px;
	margin-left: -84px;
	text-align: center;
	letter-spacing: 0.1em;
}

a.scroll span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 1.5s infinite;
	animation: sdb 1.5s infinite;
	box-sizing: border-box;
	z-index: 20;
}

@-webkit-keyframes sdb {
	0% {
		-webkit-transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		-webkit-transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}

@keyframes sdb {
	0% {
		transform: rotate(-45deg) translate(0, 0);
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		transform: rotate(-45deg) translate(-20px, 20px);
		opacity: 0;
	}
}

/* トップページメインビジュアルお知らせ */
#info {
	/*position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -430px;
	z-index: 99;*/
	position: relative;
    margin-left: 10px;
    z-index: 99;
}

#info.ytb {
	/*position: absolute;
	bottom: 0px;
	left: 50%;
	margin-left: -430px;
	z-index: 99;*/
	position: relative;
    margin-left: 0px;
    z-index: 98;
}

/* 2023.02追加 */
img#info {
    width: 480px;
    height: auto;
}

/* --------------------------------------------------------------
社会への取組み
-------------------------------------------------------------- */
#social .blue1 {
	background-color: #e5eef6;
}

#social .blue2 {
	background-color: #99badb;
}

#social .blue3 {
	background-color: #3676b5;
}

#social .blue4 {
	background-color: #003973;
}

#social .blue1 h3,
#social .blue2 h3,
#social .square.pic3 article div h3,
#social .square.pic6 article div h3,
#social .square.pic8 article div h3 {
	border-bottom: 1px solid #003973;
}

#social .blue1 h3 a,
#social .blue2 h3 a {
	color: #003973;
	text-decoration: underline;
	font-weight: 700;
}

#social .blue3 h3,
#social .blue4 h3 {
	border-bottom: 1px solid #fff;
}

#social .blue3 h3 a,
#social .blue4 h3 a {
	color: #fff;
	text-decoration: underline;
	font-weight: 700;
}

#social .square article,
#social .square.picC {
	border: 20px solid rgba(255, 255, 255, 0.4);
}

#social .blue1 h3,
#social .blue2 h3,
#social .square article div h3,
#social .square.pic3 article div,
#social .square.pic6 article div,
#social .square.pic8 article div,
#social .pic4 h4,
#social .square.picC article div p,
#social .square.blue1.picC article div p {
	color: #003973;
}

#social .square article div h3 a {
	color: #003973;
	text-decoration: underline;
	font-weight: 700;
}

#social .blue3 h3,
#social .blue4 h3,
#social .blue3 p,
#social .blue4 p,
#social .square article div,
#social .pic4 p,
.pic4 a {
	color: #fff;
}

#social .square article div.blue {
	color: #003973;
}

#social .blue1 h3,
#social .blue2 h3,
#social .blue3 h3,
#social .blue4 h3,
#social .square.picC article div {
	font-size: 115.3%;
}

#social .square article div h3,
#social .square.picC article div h3 {
	font-size: 25px;
}

#social .blue1 h3,
#social .blue2 h3,
#social .blue3 h3,
#social .blue4 h3,
#social .square article div h3,
#social .square.picC article div h3,
#social .pic4 h4 {
	font-weight: 700;
}

#social .blue1 h3,
#social .blue2 h3,
#social .blue3 h3,
#social .blue4 h3 {
	line-height: 1.5;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

#social .blue1 p,
#social .blue2 p,
#social .blue3 p,
#social .blue4 p,
#social .pic2 p

/*,#social .pic7 p*/
	{
	line-height: 1.5;
}

#social .vertical.blue1 h3,
#social .vertical.blue2 h3,
#social .vertical.blue3 h3,
#social .vertical.blue4 h3 {
	margin-top: 15px;
}

#social article,
#social .square.picC article div p {
	padding: 3.33%;
}

#social .pic.floR {
	padding-left: 3.33%;
}

#social .pic.floL,
#social .square.pic3 article div,
#social .square.pic6 article div,
#social .square.pic8 article div {
	padding-right: 3.33%;
}

#social .vertical article {
	padding: 6.66%;
}

#social .half article div {
	width: 50%;
}

#social .square article div h3 {
	background-color: rgba(255, 255, 255, 0.5);
	height: 55px;
	line-height: 55px;
	margin-left: -3.5%;
	margin-bottom: 10px;
	padding-left: 40px;
	width: 440px;
}

#social .square,
.half,
#social .vertical,
#social .bigbox {
	position: relative;
}

#social .square:after,
#social .half:after,
#social .vertical:after,
#social .bigbox:after {
	padding-top: 100%;
	display: block;
	content: "";
}

#social .square>*,
#social .half>*,
#social .vertical>*,
#social .bigbox>* {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

#social .half:after {
	padding-top: 50%;
}

#social .vertical:after {
	padding-top: 200%;
}

#social .pic1,
#social .pic2,
#social .pic3,
#social .pic4,
#social .pic5,
#social .pic6,
#social .pic7,
#social .pic8 {
	background-size: cover !important;
	background-origin: border-box;
}

#social .pic1 {
	background: url(/wp-content/uploads/2016/06/contribution_img-main.jpg) center center no-repeat;
}

#social .pic2 {
	background: url(/wp-content/uploads/2016/06/region-exchange_img-main.jpg) center center no-repeat;
}

#social .pic3 {
	background: url(/wp-content/uploads/2016/06/event_img-main.jpg) center center no-repeat;
}

#social .pic4 {
	background: url(/wp-content/uploads/2016/06/environment_img-main.jpg) center center no-repeat;
}

#social .pic5 {
	background: url(/wp-content/uploads/2016/06/art-culture-sports_img-main.jpg) center center no-repeat;
}

#social .pic6 {
	background: url(/wp-content/uploads/2020/01/event_img-2020fureai2.jpg) center center no-repeat;
}

#social .pic7 {
	background: url(/wp-content/uploads/2019/05/art-culture-sports_img-alvark1905.jpg) center center no-repeat;
}

#social .pic8 {
	background: url(/wp-content/uploads/2018/01/event_img-2018tako.jpg) center center no-repeat;
}

#social .pic9 {
	background: url(/wp-content/uploads/2018/07/art-culture-sports_img-alvark.jpg) center center no-repeat;
}

#social .pic10 {
	background: url(/wp-content/uploads/2018/07/art-culture-sports_img-alvark.jpg) center center no-repeat;
}

#social .pic11 {
	background: url(/wp-content/uploads/2018/07/art-culture-sports_img-alvark.jpg) center center no-repeat;
}

/* pic1 */
#social .square.pic1 article div h3 {
	color: #fff;
	background-color: rgba(80, 80, 80, 0.7);
}

/* pic3 */
#social .square.pic3 article div,
#social .square.picC article div {
	bottom: 3.33%;
	padding: 0;
	position: absolute;
}

#social .square.pic3 article div h3 {
	background-color: transparent;
	height: auto;
	line-height: 1.3;
	padding-bottom: 5px;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 5px;
	width: auto;
}

/* pic4 */
#social .square.pic4 article {
	padding: 3.33% 0;
}

#social .square.pic4 article div {
	width: 50%;
	margin: 0 0 0 auto;
}

#social .pic4 h4 {
	background-color: #fff;
	padding-left: 1em;
	margin-bottom: 10px;
	margin-right: 6.66%;
}

#social .pic4 p,
#social .pic4 a {
	display: block;
	font-size: 13px;
}

#social .square.pic4 article .scroll-area,
#social .half article div.full {
	width: 100%;
}

#social .square.pic4 article .scroll-area {
	margin: 0;
	overflow: auto;
	height: 410px;
}

#social .square.pic4 article .scroll-area.short {
	margin: 0;
	overflow: auto;
	height: 70px;
}

#social .square.pic4 article div h3 {
	margin-left: 0;
	padding-left: 15px;
	width: 289px;
}

/* picC */
#social .square.picC article {
	border: none;
}

#social .square.picC article div {
	left: 0;
	height: 40%;
}

#social .square.picC article div h3 {
	padding: 0;
	text-align: center;
	width: 108%;
	border: none;
}

#social .pic {
	position: relative;
}

#social .pic.imgC {
	margin: auto;
	display: block;
	top: 0;
	left: auto !important;
	text-align: center;
	width: 100%;
}

#social .pic.imgC img {
	width: 50%;
	padding: 3.33% 0;
}

#social .square.picC article div.pichalf {
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	height: 50%;
}

#social article .pichalf img {
	width: auto;
	height: 100%;
}

/* pic5 */
#social .square.pic5 article p {
	background: rgba(0, 0, 0, 0.2);
	padding: 0 0.2em;
	border-radius: 0.1em;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

/* pic6 */
#social .square.pic6 article div {
	bottom: 3.33%;
	padding: 0;
	position: absolute;
}

#social .square.pic6 article div h3 {
	background-color: transparent;
	height: auto;
	line-height: 1.3;
	padding-bottom: 5px;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 5px;
	width: auto;
}

/* pic7 */
#social .square.pic7 article p {
	background: rgba(0, 0, 0, 0.2);
	padding: 0 0.2em;
	border-radius: 0.1em;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.5);
}

#social .square.pic7 article div h3 {
	background-color: rgba(255, 255, 255, 0.5);
	height: 55px;
	line-height: 55px;
	margin-left: -3.5%;
	margin-bottom: 25px;
	padding-left: 40px;
	width: 76%;
	/* IE8以下とAndroid4.3以下用フォールバック */
	width: calc(100% - 131px);
	width: -webkit-calc(100% - 131px);
}

/* pic8 */
#social .square.pic8 article div {
	bottom: 3.33%;
	padding: 0;
	position: absolute;
}

#social .square.pic8 article div h3 {
	background-color: transparent;
	height: auto;
	line-height: 1.3;
	padding-bottom: 5px;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 5px;
	width: auto;
}

/* pic9 */
#social .square.pic9 article div {
	bottom: 3.33%;
	padding: 0;
	position: absolute;
}

#social .square.pic9 article div h3 {
	background-color: transparent;
	height: auto;
	line-height: 1.3;
	padding-bottom: 5px;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 5px;
	width: auto;
}

/* pic10 */
#social .square.pic10 article div {
	bottom: 3.33%;
	padding: 0;
	position: absolute;
}

#social .square.pic10 article div h3 {
	background-color: transparent;
	height: auto;
	line-height: 1.3;
	padding-bottom: 5px;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 5px;
	width: auto;
}

/* pic11 */
#social .square.pic11 article div {
	bottom: 3.33%;
	padding: 0;
	position: absolute;
}

#social .square.pic11 article div h3 {
	background-color: transparent;
	height: auto;
	line-height: 1.3;
	padding-bottom: 5px;
	padding-left: 0;
	margin-left: 0;
	margin-bottom: 5px;
	width: auto;
}


#social .square.pic1 article p.hanabi {
	background: rgba(0, 0, 0, 0.2);
	padding: 0 0.2em;
	border-radius: 0.1em;
}

#social .circle {
	background: #87d273;
	display: inline-block;
	width: 100px;
	height: 100px;
	margin: 0 auto;
	position: absolute;
	top: 50%;
}

#social .circle span {
	padding-top: 1em;
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.6;
	text-align: center;
	width: 100px;
	display: inline-block;
}

#social .btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 180px;
	padding: 5px 0;
	color: #fff;
	height: 16px;
	line-height: 16px;
	font-size: 13px;
}

#social a.event_exlink {
	text-decoration: underline;
	text-align: right;
}

#social .btn.news {
	background: #ff7e00;
}

#social .btn.event {
	background: #87D273;
}

#social .btn.pdf {
	background: #87d273;
}

#social .pic .inner {
	position: relative;
	width: 100%;
}

#social .pic.floR,
#social .pic.floL {
	width: 50%;
	box-sizing: border-box;
}

#social .floR img,
#social .floL img {
	width: 100%;
}

/* #dbj */
#social .dbj h3 {
	padding: 10px 0.25em;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.5em;
	border: none;
	width: 100%;
}

#social .dbj.blue1 h3 {
	background: #e5eef6;
	color: #003973;
}

#social .dbj.blue2 h3 {
	background: #99badb;
	color: #003973;
}

#social .dbj.blue3 h3 {
	background: #3676b5;
	color: #fff;
}

#social .dbj.blue4 h3 {
	background: #003973;
	color: #fff;
}

#social .dbj {
	background-color: #fff;
}

#social .dbj.blue1 {
	border: 20px solid #e5eef6;
}

#social .dbj.blue2 {
	border: 20px solid #99badb;
}

#social .dbj.blue3 {
	border: 20px solid #3676b5;
}

#social .dbj.blue4 {
	border: 20px solid #003973;
}

#social .dbj article {
	padding: 0;
	background: #fff;
}

#social .dbj p {
	color: #003973;
	padding: 5px 10px;
}

/*#social .video {
    text-align: center;
}
#social .video video {
	width: 360px;
	height: 360px;
}*/
#social .video {
	margin: 0 17%;
	position: relative;
	width: 66%;
	padding-top: 66%;
}

#social .video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#page_title p.social-read {
	padding: 10px 140px 0 140px;
}

#sub-nav .list6 li {
	width: 16.666%;
}

#sub-nav .list5 li {
	width: 20%;
}

#sub-nav ul .double a {
	line-height: 20px;
}

#about-history a:hover {
	opacity: 0.5;
}

#about-history a:hover,
#number a:hover,
.usBtn a:hover,
.hisBtn a:hover {
	opacity: 0.5;
}


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

	#social .blue1 h3,
	#social .blue2 h3,
	#social .blue3 h3,
	#social .blue4 h3 {
		line-height: 1.2;
	}

	#social .blue1 p,
	#social .blue2 p,
	#social .blue3 p,
	#social .blue4 p,
	#social .square.full article div p {
		line-height: 1.3;
	}

	br.notBr {
		display: none;
	}

	#social .circle {
		top: 30%;
	}
}

/* about us */
#us *,
#number * {
	box-sizing: border-box;
}

#us img,
#number img,
section.outro img {
	max-width: 100%;
}

#us article.card {
	border-radius: 1em;
	float: left;
	margin: 10px 1.25% 0;
	width: 47.5%;
	overflow: hidden;
	height: 100px;
}

#us article.card:nth-child(2n+1) {
	margin-left: 1.25%;
}

#us article.card:nth-child(2n+0) {
	margin-right: 1.25%;
}

#us .card div {
	border: 1px solid #fff;
	color: #fff;
	margin: 15px;
	text-align: center;
	width: 100px;
	float: left;
}

#us .card div p span {
	display: block;
	font-size: 32px;
	padding: 5px 0;
	overflow: hidden;
}

#us .card.green div p span {
	letter-spacing: -2px;
}

#us .card div p {
	font-size: 17px;
	width: 100%;
}

#us .card p {
	padding: 10px 20px 10px 0px;
	float: right;
	width: 70%;
}

#us .card p:first-child {
	padding: 3px 0 2px;
}

article.card.pink {
	background: #ff95a4;
}

article.card.orange {
	background: #f29833;
}

article.card.yellow {
	background: #ffc321;
}

article.card.purple {
	background: #be73be;
}

article.card.blue {
	background: #3676b5;
}

article.card.green {
	background: #87d273;
}

#number section {
	margin: -1.25% auto;
}

#number article {
	border: 2px solid #ccc;
	width: 47.5%;
	margin: 1.25%;
	float: left;
	height: 440px;
	position: relative;
}

#number article div:first-child p {
	color: #fff;
	height: 30px;
	letter-spacing: 1px;
	line-height: 30px;
	margin: -2px auto 0;
	text-align: center;
	width: 300px;
}

#number article:nth-child(1) div:first-child p {
	background: #ef7e00;
}

#number article:nth-child(2) div:first-child p {
	background: #87d273;
}

#number article:nth-child(3) div:first-child p {
	background: #be73be;
}

#number article:nth-child(4) div:first-child p {
	background: #0053a6;
}

#number article:nth-child(5) div:first-child p {
	background: #3676b5;
}

#tachikawa article:nth-child(1) div:first-child p {
	background: #ffc321;
}

#tachikawa article:nth-child(2) div:first-child p {
	background: #ff95a4;
}

#number article div:nth-child(2) p {
	font-size: 23px;
	letter-spacing: 2px;
	margin: 10px auto;
	padding: 40px 0 0;
	text-align: center;
}

#number article div:nth-child(2) p span {
	font-family: 'Oxygen';
	font-size: 120px;
	font-weight: 900;
	padding-top: 0px;
	letter-spacing: -1.5px;
}

#number article div.text {
	bottom: 0;
	height: 25%;
	padding: 10px 50px;
	position: absolute;
}

#number #start3 div.text {
	height: 30%;
}

#number #start3 div:nth-child(4) p {
	padding-bottom: 1em;
}

img#tree {
	padding-top: 30px;
}

#number article:nth-child(2) div:nth-child(3) {
	text-align: center;
}

#number #tachihi article:nth-child(2) figure {
	text-align: left;
	width: 335px;
	display: inline-block;
}

#number article div:nth-child(4) p {
	line-height: 1.5;
}

.intro {
	position: relative;
	width: 760px;
	height: 400px;
	overflow: hidden;
	margin: 0 auto;
	border: 3px solid #505050;
	margin-bottom: 10px;
}

.intro div {
	position: absolute;
	top: 0;
	left: 0;
}

#us #logo {
	width: 100%;
	height: auto;
	text-align: center;
}

#us #logo img {
	left: auto;
	display: inline-block;
}

#us .border-frame {
	border: 1px solid #000;
}

#number article div:last-child a {
	text-decoration: underline;
}

#recruit #company a {
	position: absolute;
	top: -2px;
	left: 0;
	width: 100%;
}

#global-nav .br {
	line-height: 15px;
	padding: 5px 0;
}

#us .card_area div {
	float: left;
	display: inline-block;
	width: 50%;
	padding: 10px 15px;
}

#about-history #section4 .w50 {
	padding-bottom: 70px;
}

#number article#start3 a.linkbtn {
	text-decoration: none;
	color: #3676b5;
	border: 1px solid #3676b5;
	border-radius: 0.5em;
	height: 30px;
	letter-spacing: 1px;
	line-height: 30px;
	margin: -2px auto 0;
	text-align: center;
	width: 300px;
	display: block;
}

section.bottom_area img {
	max-width: 1400px;
	width: 100%;
	height: auto;
}

section.bottom_area.bottom1 {
	background: url(/wp-content/uploads/2016/06/about_us-bottom1.jpg) center center no-repeat;
}

section.bottom_area.bottom2 {
	background: url(/wp-content/uploads/2016/06/about_us-bottom2.jpg) center center no-repeat;
}

section.bottom_area.bottom1,
section.bottom_area.bottom2 {
	background-size: cover;
	text-align: center;
}

#tachikawa article p span,
#tachikawa article p span {
	padding: 0 20px;
}

.mobile,
#mobile_info {
	display: none;
}

.usBtn,
.hisBtn {
	margin-bottom: 50px;
}

.usBtn a,
.hisBtn a {
	background-color: #0053a6;
	border-radius: 0.5em;
	width: 48%;
	height: 40px;
	line-height: 40px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
}

.usBtn a {
	display: block;
	margin-top: 50px;
}

.hisBtn a {
	display: inline-block;
}

.hisBtn a:nth-child(1) {
	margin-right: 2%;
	margin-left: 0;
}

.hisBtn a:nth-child(2) {
	margin-left: 2%;
	margin-right: 0;
}

@-webkit-keyframes sld {
	0% {
		opacity: 1;
		-webkit-transform: scale(0.1);
		-moz-transform: scale(0.1);
		-o-transform: scale(0.1);
		-ms-transform: scale(0.1);
		transform: scale(0.1);
		left: 170px;
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		-o-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);
		left: 0px;
	}
}

@keyframes sld {
	0% {
		opacity: 1;
		-webkit-transform: scale(0.3);
		-moz-transform: scale(0.3);
		-o-transform: scale(0.3);
		-ms-transform: scale(0.3);
		transform: scale(0.3);
		left: 170px;
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1.0);
		-moz-transform: scale(1.0);
		-o-transform: scale(1.0);
		-ms-transform: scale(1.0);
		transform: scale(1.0);
		left: 0px;
	}
}

#about-history img {
	max-width: 100%;
}

#page_title #history-title {
	text-align: center;
	line-height: 2.0;
	padding-bottom: 150px;
	position: relative;
}

#about-history div {
	padding: 30px;
	text-align: center;
}

#about-history #section1,
#about-history #section2,
#about-history #section3,
#about-history #section4,
#about-history #section5,
#about-history #section6,
#about-history #section7,
#about-history #section8 {
	padding: 75px 0;
}

#about-history #intro1 div,
#about-history #intro2 div,
#about-history #intro3 div {
	padding: 0;
}

#about-history #intro1 {
	background: #505050;
}

#about-history #section1 {
	background: url(/wp-content/uploads/2016/06/about_history-section1_back.png) top left repeat;
}

#about-history #section2 {
	background: url(/wp-content/uploads/2016/06/about_history-section2_back.png) top left repeat;
}

#about-history #intro2 {
	background: #ef7e00;
}

#about-history #section3 {
	background: #f29833;
}

#about-history #section4 {
	background: #ffc33c;
}

#about-history #intro3 {
	background: #003973;
}

#about-history #section5 {
	background: #0053a6;
}

#about-history #section6 {
	background: #3676b5;
}

#about-history #section7 {
	background: #99badb;
}

#about-history #section8 {
	background: #e5eef6;
}

#about-history #outro {
	background: url(/wp-content/uploads/2016/06/about_history-blueback.png) center center no-repeat;
	background-size: cover;
}

#about-history #outro div {
	padding: 0;
}

#about-history div.wrap {
	padding: 0;
}

#about-history #section3 a,
#about-history #section4 a {
	display: block;
	width: 100%;
	height: 100%;
}

#about-history #section3 a:hover,
#about-history #section4 a:hover {
	opacity: 0.5;
}

#about-history #section4 #spacekit {
	display: inline-block;
}

/* コピーガード */
#about-history #section1,
#about-history #section2,
#about-history #intro1,
#about-history #intro2,
#about-history #intro3,
.about_yabusame {
	position: relative;
}

#about-history span.guard,
.about_yabusame span.guard {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background-image: url(/wp-content/uploads/2016/06/spacer.gif);
	z-index: 999;
}

/* スクロールボタン1 */
a#next,
#about-history a#intro {
	position: absolute;
	bottom: 20px;
	left: 50%;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
}

a#next {
	padding-top: 50px;
}

a#next span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 46px;
	height: 46px;
	margin-left: -27.5px;
	border: 1px solid #505050;
	border-radius: 100%;
	box-sizing: border-box;
	color: #505050;
}

a#next span::after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: '';
	width: 16px;
	height: 16px;
	margin: -12px 0 0 -8px;
	border-left: 1px solid #505050;
	border-bottom: 1px solid #505050;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
	color: #505050;
}

/* スクロールボタン2 */
#about-history a#intro {
	padding-top: 40px;
}

#about-history a#intro span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 2s infinite;
	animation: sdb 2s infinite;
	opacity: 0;
	box-sizing: border-box;
}

#about-history a#intro span:nth-of-type(1) {
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}

#about-history a#intro span:nth-of-type(2) {
	top: 16px;
	-webkit-animation-delay: .15s;
	animation-delay: .15s;
}

#about-history a#intro span:nth-of-type(3) {
	top: 32px;
	-webkit-animation-delay: .3s;
	animation-delay: .3s;
}

@-webkit-keyframes sdb {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

@keyframes sdb {
	0% {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

/* animation */
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 20%, 0);
		transform: translate3d(0, 20%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 20%, 0);
		transform: translate3d(0, 20%, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes bounceInUp {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100px, 0);
		transform: translate3d(0, 100px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -20px, 0);
		transform: translate3d(0, -2px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 4px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -2px, 0)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes bounceInUp {

	0%,
	60%,
	75%,
	90%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100px, 0);
		transform: translate3d(0, 100px, 0)
	}

	60% {
		opacity: 1;
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -2px, 0)
	}

	75% {
		-webkit-transform: translate3d(0, 10px, 0);
		transform: translate3d(0, 4px, 0)
	}

	90% {
		-webkit-transform: translate3d(0, -5px, 0);
		transform: translate3d(0, -2px, 0)
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}

@-webkit-keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

@keyframes zoomInUp {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
		-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
		animation-timing-function: cubic-bezier(.55, .055, .675, .19)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
		-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
		animation-timing-function: cubic-bezier(.175, .885, .32, 1)
	}
}

.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}

.animated.bounceIn,
.animated.bounceOut,
.animated.flipOutX,
.animated.flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@-webkit-keyframes bounceIn {

	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

@keyframes bounceIn {

	0%,
	20%,
	40%,
	60%,
	80%,
	to {
		-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}

	0% {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3)
	}

	20% {
		-webkit-transform: scale3d(1.1, 1.1, 1.1);
		transform: scale3d(1.1, 1.1, 1.1)
	}

	40% {
		-webkit-transform: scale3d(.9, .9, .9);
		transform: scale3d(.9, .9, .9)
	}

	60% {
		opacity: 1;
		-webkit-transform: scale3d(1.03, 1.03, 1.03);
		transform: scale3d(1.03, 1.03, 1.03)
	}

	80% {
		-webkit-transform: scale3d(.97, .97, .97);
		transform: scale3d(.97, .97, .97)
	}

	to {
		opacity: 1;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}
}

.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

@-webkit-keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

@keyframes slideInUp {
	0% {
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0);
		visibility: visible
	}

	to {
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}

@-webkit-keyframes rotateInUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 5, 1, -30deg);
		transform: rotate3d(0, 5, 1, -30deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

@keyframes rotateInUpRight {
	from {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: rotate3d(0, 5, 1, -30deg);
		transform: rotate3d(0, 5, 1, -30deg);
		opacity: 0;
	}

	to {
		-webkit-transform-origin: right bottom;
		transform-origin: right bottom;
		-webkit-transform: none;
		transform: none;
		opacity: 1;
	}
}

.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight;
}

@-webkit-keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 1;
	}
}

@keyframes zoomIn {
	from {
		opacity: 0;
		-webkit-transform: scale3d(.3, .3, .3);
		transform: scale3d(.3, .3, .3);
	}

	50% {
		opacity: 1;
	}
}

.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

/* 修正 */

#header {
	height: 100px;
}

#sitemap .sitemap_box h3 {
	font-weight: 300;
	letter-spacing: 3px;
	width: 100%;
	max-width: 180px;
	min-width: 165px;
	padding: 2px 0px;
	margin: 0 auto 10px auto;
	background-color: #003973;
	text-align: center;
	color: #FFF;
	border-left: 1px solid #EAEAEA;
}

#sitemap .sitemap_box:first-child h3 {
	border-left: none;
}

#sitemap .sitemap_box ul {
	width: 100%;
	max-width: 180px;
	min-width: 165px;
	margin: 0 auto 30px auto;
}

#sitemap .sitemap_box ul li {
	font-size: 90%;
	padding: 0 1px;
}

#global-nav li {
	height: 40px;
}

#social img#dice {
	width: auto;
	position: absolute;
	top: 0px;
	right: 5px;
}

#social img#alvark {
	width: auto;
	position: absolute;
	top: 0px;
	right: 0px;
}

#social .square.picC article div p {
	padding: 0 3.33%;
}

/* タブレット用
--------------------------- */
/*@media screen and (device-width: 768px) and (orientation:portrait) {*/
@media screen and (max-width: 768px) and (orientation:portrait) {

	.wrap,
	#main_visual,
	#saiyo_visual,
	#main_visual_pc,
	#top_visual,
	#box_breadcrumb,
	#footer,
	#load {
		max-width: 100% !important;
		min-width: 100% !important;
		min-height: auto !important;
		box-sizing: border-box !important;
	}

	.brPad {
		display: block;
	}

	.load-logo img,
	.load-catch img {
		width: 100%;
		height: auto;
		top: 15%;
	}

	#top-catch {
		font-size: 130%;
	}

	#main_visual {
		background-size: contain !important;
	}

	#sitemap .sitemap_box h3 {
		width: 90% !important;
	}

	#sitemap .sitemap_box ul {
		width: 90% !important;
	}

	#sitemap .sitemap_box ul li {
		font-size: 90%;
		 !important;
	}

	#news dl dt {
		margin-right: 3%;
	}

	.news_contents {
		width: 60%;
		padding-left: 3%;
	}

	#global-nav {
		font-size: 80% !important;
		letter-spacing: 0 !important;
	}

	.parts {
		display: none;
	}

	/* article */
	#sub-nav {
		display: none;
	}

	#message img {
		max-width: 100%;
	}

	#message {
		padding-left: 0;
		padding-right: 0;
	}

	#policy ol {
		width: 90%;
		padding-bottom: 30px;
		margin: 0 auto;
	}

	#policy ol li p {
		width: 88%;
	}

	#history .tableBox dl .month {
		width: 6%;
	}

	#corporate_song img {
		width: 75%;
	}

	#philosophy ul {
		min-height: 320px;
	}

	#history .tableBox dl .month {
		padding: 15px 3px 15px 0;
	}

	#property_foot p {
		font-size: 130%;
	}

	#property {
		padding-left: 10px;
		padding-right: 10px;
		box-sizing: border-box;
	}

	.contactBox dl dt {
		font-size: 85%;
	}

	#property .mR30,
	#property_foot .mR30 {
		margin-right: 10px;
	}

	#property .pR30,
	#property_foot .pR30 {
		padding-right: 10px;
	}

	#property .mL30,
	#property_foot .mL30 {
		margin-left: 10px;
	}

	#property .pL30,
	#property_foot .pL30 {
		padding-left: 10px;
	}

	#property .propertyTitle .inline {
		display: block;
		padding-right: 0;
	}

	#property .propertyTitle .btn {
		display: block;
		margin: 0 0 0 auto;
	}

	#property .propertyBottom img {
		padding-bottom: 10px;
	}

	#property .propertyBox {
		margin: 0 0px 30px;
	}

	.contactBox {
		border-radius: 0.5em;
	}

	#map-canvas {
		max-width: 1140px;
		min-width: 708px;
	}

	.recruit_attention,
	.recruit_contact {
		padding: 30px 10px;
	}

	#recruit nav ul {
		width: 100%;
	}

	#recruit nav ul li {
		width: 50%;
		float: left;
	}

	#recruit nav ul li a {
		width: auto;
		margin: 15px;
	}

	#recruit #message div.floR {
		background: url(../img/recruit_member.jpg) center bottom no-repeat;
	}

	#recruit #message .w50 {
		width: 100%;
	}

	#recruit #message .w50.floL {
		padding: 20px;
	}

	#recruit .titlebox ul li a {
		font-size: 13px;
	}

	#recruit .titlebox ul li {
		width: 130px;
		height: 130px;
	}

	#recruit #company p.catch {
		margin-top: 195px;
	}

	#recruit #company p {
		padding: 5px;
		margin: 0 0 0 255px;
		color: #fff;
		background: rgba(0, 0, 0, 0.2);
		width: 450px;
	}

	#recruit #company p br {
		display: none;
	}

	#recruit .box,
	#recruit .wbox {
		min-height: auto;
	}

	#recruit #welfare .floL {
		padding-left: 15px;
	}

	#recruit #welfare .clearfix {
		background: url(../img/recruit_top_image3.png) bottom right no-repeat;
		height: 400px;
		background-size: cover;
	}

	#recruit .titlebox div:first-child {
		top: -10px;
		left: -10px;
	}

	#welfare a {
		height: auto;
	}

	#recruit #welfare .circle {
		position: relative;
		width: 170px;
		height: 170px;
		margin: 20px 10px 0;
		display: inline-block;
		background: #7FC7D5;
	}

	#recruit #welfare .w55 {
		text-align: center;
	}

	#recruit #training ol li {
		width: 72%;
	}

	#ir .news_contents {
		width: 75%;
	}

	#ir .news_date {
		width: 16%;
	}

	#report .news_contents {
		width: 55%;
	}

	#report .news_date {
		width: 35%;
	}

	#sitemap .sitemap_box h3 {
		font-weight: 300;
		letter-spacing: 0px;
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		padding: 2px 0px;
		margin: 0 auto 10px auto;
		background-color: #003973;
		text-align: center;
		color: #FFF;
		border-left: 1px solid #EAEAEA;
		box-sizing: border-box;
	}

	#sitemap .sitemap_box ul {
		width: 100%;
		max-width: 100%;
		min-width: 100%;
		margin: 0 auto 30px auto;
	}

	#sitemap .sitemap_box ul li {
		font-size: 80%;
		padding: 0 1px;
	}

	#social .blue1 h3,
	#social .blue2 h3,
	#social .blue3 h3,
	#social .blue4 h3,
	#social .square article div,
	#social .square.picC article div {
		font-size: 100%;
		line-height: 1.2;
	}

	#social .blue1 p,
	#social .blue2 p,
	#social .blue3 p,
	#social .blue4 p,
	#social .square.full article div p {
		font-size: 70%;
		line-height: 1.3;
	}

	br.notBr {
		display: none;
	}

	#social .circle {
		top: 30%;
	}

	#social .square article div h3 {
		width: 100%;
		font-size: 125%;
	}

	#social .btn {
		width: 80%;
		font-size: 9px;
		margin-top: -1px;
	}

	#social .bigbox a.btn {
		width: 40%;
	}

	#social .square.picC article div h3 {
		padding: 0;
		text-align: center;
		width: 112%;
		font-size: 115%;
		margin-left: -6%;
		border: none;
	}

	#social .square article div h3 {
		width: 120%;
		font-size: 125%;
		background-color: rgba(255, 255, 255, 0.5);
		height: 55px;
		line-height: 55px;
		margin-left: -10%;
		margin-bottom: 10px;
		padding-left: 10%;
	}

	#social #dbj h3 {
		padding: 4px 0.25em;
		font-size: 16px;
		border: none;
		background: #3676b5;
		width: 100%;
	}

	#social #dbj p {
		color: #003973;
		padding: 0px 5px;
	}

	#social .pic4 h4 {
		font-size: 13px;
	}

	#property .propertyTitle a span {
		display: block;
		margin-top: -25px;
		margin-left: 80px;
	}

	#property .tableBox dl dt,
	#property .tableBox dl dd {
		font-size: 10px;
	}

	#property .propertyBottom img:nth-child(3n+3) {
		padding-right: 0;
	}

	#info {
		position: absolute;
		bottom: 0px;
		left: 0;
		margin-left: 0;
		z-index: 99;
		width: 100%;
	}

    /* 2023.02追加 */
    img#info {
    	width: 100%;
	}
	
	/* 2023.02追加 */
	#main_visual a.link4 {
		position: static;
		display: inline-block;
		transform: none;
    }

	#number #tachihi article:nth-child(2) figure {
		text-align: left;
		width: 90%;
		margin: 15px 5%;
		display: inline-block;
	}

	#number article div.text {
		bottom: 0;
		height: 25%;
		padding: 5px;
		position: absolute;
	}

	/* スクロールボタン1 */
	a#next,
	#about-history a#intro {
		position: absolute;
		bottom: 30px;
		left: 50%;
		z-index: 2;
		display: inline-block;
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%);
		text-decoration: none;
	}

	a#next {
		padding-top: 50px;
	}

	a#next span {
		position: absolute;
		top: 0;
		left: 50%;
		width: 46px;
		height: 46px;
		margin-left: -23px;
		border: 1px solid #505050;
		border-radius: 100%;
		box-sizing: border-box;
		color: #505050;
	}

	a#next span::after {
		position: absolute;
		top: 50%;
		left: 50%;
		content: '';
		width: 16px;
		height: 16px;
		margin: -12px 0 0 -8px;
		border-left: 1px solid #505050;
		border-bottom: 1px solid #505050;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		box-sizing: border-box;
		color: #505050;
	}

	/* スクロールボタン2 */
	#about-history a#intro {
		padding-top: 15px;
	}

	#about-history a#intro span {
		position: absolute;
		top: 0;
		left: 50%;
		width: 12px;
		height: 12px;
		margin-left: -6px;
		border-left: 1px solid #fff;
		border-bottom: 1px solid #fff;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
		-webkit-animation: sdb 2s infinite;
		animation: sdb 2s infinite;
		opacity: 0;
		box-sizing: border-box;
	}

	#about-history a#intro span:nth-of-type(1) {
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
	}

	#about-history a#intro span:nth-of-type(2) {
		top: 10px;
		-webkit-animation-delay: .15s;
		animation-delay: .15s;
	}

	#about-history a#intro span:nth-of-type(3) {
		top: 20px;
		-webkit-animation-delay: .3s;
		animation-delay: .3s;
	}

	@-webkit-keyframes sdb {
		0% {
			opacity: 0;
		}

		50% {
			opacity: 1;
		}

		100% {
			opacity: 0;
		}
	}

	@keyframes sdb {
		0% {
			opacity: 0;
		}

		50% {
			opacity: 1;
		}

		100% {
			opacity: 0;
		}
	}
	
}

/* yabusame
--------------------------- */
.about_yabusame {
	height: 370px;
	width: 48%;
}

/* SocialMadia
--------------------------- */

.contents_title h4.social {
	width: 100%;
	line-height: 35px;
	letter-spacing: 2px;
	padding: 0;
	text-align: left;
	font-size: 150%;
	font-weight: 500;
}

.contents_title h4.social2 {
	width: 100%;
	line-height: 35px;
	background-color: #3676B5;
	color: #FFFFFF;
	letter-spacing: 2px;
	padding: 0;
	text-align: center;
	font-size: 150%;
	font-weight: 500;
}

.social-indent {
	text-indent: -2.5em;
	padding-left: 5em;
}


.socialBox {
	background-color: #CCDDED;
}

.socialBox a:hover {
	text-decoration: underline;
}

.socialBox img.social {
	width: 58px;
	height: 58px;
	padding-right: 0.5em;
	vertical-align: top;
}

.socialBox img.social2 {
	width: 114px;
	height: 114px;
}

.socialBox td {
	padding: 0.9em;
	vertical-align: top;
}

.socialBox td.border {
	border-bottom: 1px solid #666666;
}


.socialBox td.left {
	width: 114px;
	height: 114px;
}

.socialBox td.center {
	width: 200px;
	height: 114px;
	white-space:nowrap;
}

.socialBox td.right {
	height: 114px;
}

ul.kiyaku li {
	list-style-type: decimal;
}

.yuru-indent {
	text-indent: -1em;
	padding-left: 1em;
	display: block;
}

/* compliance */

.compBox {
	background-color: #CCDDED;
}

.compBox a:hover {
	text-decoration: underline;
}


/* news用flexbox */

.news-f-box01{
	display:flex;
}

.news-f-box01.sb880{
	display:flex;
	justify-content:space-between;
	width:880px;
}


.news-f-box02{
	display:flex;
	justify-content:center;
}

.news-f-box02.w880{
	display:flex;
	justify-content:space-between;
	width:880px;
	margin:20px auto;
}

.news-f-box02.beer{
	display:flex;
	justify-content:left;
	margin:20px auto;
}

.news-f-box02.beer.nomb{
	margin:20px auto 0px auto;
}

.news-f-box02.beer.alc{
	align-items:center;
}

.news-f-box02.alL{
	justify-content:left;
}

.news-f-box03{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	padding-left:20px;
	width:360px;
}


.news-f-box01 p, .news-f-box02.beer p{
	padding:0 10px;
}


.news-f-box01 p.img{
	padding:0 20px;
}

.news-f-box01 p.img.thin{
	padding:0 10px;
}

.news-f-box01 p.img img.h200{
	width:auto;
	height:200px;
}


.news-f-box01 p.img img.h250{
	width:auto;
	height:250px;
}


.news-f-box01 p.img img.h400{
	width:auto;
	height:400px;
}

.news-f-box01 p.img img.h500{
	width:auto;
	height:500px;
}

.news-f-box01 p.img img.h600{
	width:auto;
	height:600px;
}


.news-f-box02 p.img2, .news-f-box02 div.img2, .news-f-box02 p.img6{
	padding:0 50px;
}

.news-f-box02 p.img6.thin,.news-f-box02 p.img4.thin{
	padding:0 10px!important;
}

.news-f-box02 div.img2{
	padding:0 35px;
}

.news-f-box02 p.img4, .news-f-box02 p.img5{
	padding:0 25px;
}

.news-f-box02 p.img5.plr15{
	padding:0 15px;
}

.news-f-box02.w880 p.img4{
	padding:0;
}

.news-f-box02.nomb p.img4{
	padding:0 20px;
	margin:0;
}

.news-f-box02.nomb p.img6{
	padding:0 30px;
	margin:0;
}

.news-f-box01 p.img img, .news-f-box-beer2 img{
	width:250px;
}

.news-f-box02.w880 p.img5{
	padding:0;
}


.news-f-box02 p.img2 img, .news-f-box02 div.img2 img, .dino-flex1 div.img2 img{
	width:300px;
}

.news-f-box02 p.img3 img{
	width:700px;
}

.news-f-box02 p.img4 img{
	width:400px;
}

.news-f-box02 p.img5 img{
	width:500px;
}

.news-f-box02 p.img6 img{
	width:200px;
}

.news-f-box02 p.img6 img.w250{
	width:250px;
}

.news-f-box02 p.img6 img.w280{
	width:280px;
}

.news-f-box02 p.img6 img.w160{
	width:160px;
}

.news-f-box01 p.hr{
	padding:20px 20px 0;
}

.news-f-box01 p.img4,{
	padding:0 50px;
}

.news-f-box01 p.img4 img{
	width:100%;
}

h5.news-access {
	color: #003973;
	background: #E5EEF6;
	font-weight: 500;
	padding: 0 5px;
}

.news-f-box-beer{
	display:flex;
	justify-content: space-between;
}

.news-f-box-beer.prize{
	display:flex;
	justify-content: center;
}


.news-f-box-beer .beer-box{
	width:350px;
	display:flex;
	flex-direction: column;
	border:1px solid #666;
	margin:0 5px;
}

.news-f-box-beer .beer-box.prize{
	width:500px;
	display:flex;
	flex-direction: column;
	justify-content: space-between;
	border:1px solid #666;
	margin:0 5px;
}

.news-f-box-beer .beer-box p{
	padding:5px 10px;
}

.news-f-box-beer .beer-box p.img{
	text-align:center;
}

.news-f-box-beer2{
	display:flex;
	flex-direction: row;
	align-items: flex-end;
}

.news-f-box-beer2 p.txt{
	padding-right:50px;
}

ul.newsList{
	margin-top:-20px;
	padding-left:1em;
	margin-bottom:20px;
}

.news-contact-box{
	display:flex;
	justify-content: flex-end;
}


.news-contact-inner{
	display:flex;
	flex-flow: column;
	justify-content: flex-start;
}


.news-qr-box{
	display:flex;
	flex-flow: row;
	align-items:center;
	font-size:90%;
}

.news-qr-box img{
	width:68px;
	padding-left:10px;
}

.news-f-box-kabuki{
	display:flex;
	justify-content: center;
}

.news-f-box-kabuki img{
	width:253px;
	padding:0 10px;
}

.news-f-box-shogi-outer{
	padding:10px 30px 30px 30px;
}

.news-f-box-shogi-outer p{
	padding:0 10px;
	margin:0;
}


.news-f-box-shogi{
	display:flex;
	justify-content: left;
}

/* ニュース小見出し */

.Sub-h{
	font-weight:bold;
	border-bottom:1px solid #CCC;
	padding-bottom:0.25em;
}

/* ニュース枠 */

.news-outer-box{
	width:600px;
	margin:0 auto;

}
.news-border-box{
	width:550px;
	border:2px solid #666;
	padding:1.5em;
}

.news-border-box.okuyami{
	padding:1em;
	line-height:1.5;
}


/* PCだけ ニュース系の体裁に使用する */
.pL-1em{
	padding-left:1em;
}

/* 微妙な調整用 */
.pL-1_2em{
	padding-left:1.2em;
}

.pL-2em{
	padding-left:2em;
}

.pL-3em{
	padding-left:3em;
}

.pL-4em{
	padding-left:4em;
}

.pL-5em{
	padding-left:5em;
}

.pL-6em{
	padding-left:6em;
}

.pL-7em{
	padding-left:7em;
}

.pL-8em{
	padding-left:8em;
}

.pL-9em{
	padding-left:9em;
}
.pL-10em{
	padding-left:10em;
}
.pL-11em{
	padding-left:11em;
}
.pL-12em{
	padding-left:12em;
}
.pL-13em{
	padding-left:13em;
}
.pL-14em{
	padding-left:14em;
}
.pL-17em{
	padding-left:17em;
}
.pL-18em{
	padding-left:18em;
}
.pL-19em{
	padding-left:19em;
}
.pL-27-5em{
	padding-left:27.5em;
}
.pL-29em{
	padding-left:29em;
}
.pL-30em{
	padding-left:30em;
}

/*====================================================================================================

  採用情報 （※リニューアル）

=====================================================================================================*/

.newrecruit-section-inner {
	max-width: 1000px;
	min-width: 1000px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0px;
}

.newrecruit-section {
	font-family: '小塚ゴシック Pro L', 'Kozuka Gothic Pro Light', sans-serif;
	padding-bottom: 60px;
}

.newrecruit-section:nth-child(n + 2) {
	padding-top: 65px;
}

.newrecruit-section h4 {
	font-size: 40px;
	font-family: "A-OTF 新ゴ Pro", A-OTF Shin Go Pro, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #003973;
	border-bottom: 4px solid #003973;
	padding-bottom: 25px;
	margin-bottom: 25px;
}

.newrecruit-flex-box {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.newrecruit-search-box {
	/*width: 350px;*/
	width: 320px;
	display: block;
}

.newrecruit-search-box img {
	margin-bottom: 20px;
	max-width: 100%;
}

.newrecruit-search-box a {
	/*font-size: 17px;*/
	font-size: 15px;
	font-weight: 300;
	line-height: 1.7 !important;
	cursor: pointer;
	padding-left: 30px;
}

.newrecruit-search-box a::before {
	content: "";
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	margin-right: 0.2em;
}

.newrecruit-search-box a.lalaport::before {
	background-color: #d46583;
}

.newrecruit-search-box a.tachihigroup::before {
	background-color: #6baad6;
}

.newrecruit-search-box a.tachihigroup214::before {
	background-color: #e9a651;
}

.newrecruit-search-box .newrecruit-note,
.apply-btn-box .newrecruit-note,
.apply-btn-box-f .newrecruit-note {
	/*font-size: 12px;*/
	font-size: 11px;
	color: #de0000;
}

.newrecruit-section.type2 {
	background-color: #e9f4fc;
}

.newrecruit-section h4.type2 {
	color: #6baad6;
	border-color: #6baad6;
}

.newrecruit-merit {
	margin: 0;
}

.newrecruit-merit>li {
	overflow: hidden;
	background-color: #fff;
	padding: 20px;
	text-align: center;
	margin: 25px 0;
}

.newrecruit-merit>li h5 {
	font-family: 'Open Sans', sans-serif;
	font-size: 25px;
	color: #4d4d4d;
	font-weight: 600;
	text-align: center;
	margin: 80px 0 20px;
}

.newrecruit-merit>li h5::first-letter {
	color: #6baad6;
}

.newrecruit-merit>li p {
	width: 500px;
	display: inline-block;
	font-size: 17px;
	text-align: left;
}

.newrecruit-merit>li img {
	max-width: 306px !important;
	float: right;
}

.newrecruit-flow-box {
	margin: 0 50px;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}

.newrecruit-flow {
	width: 290px;
	background-color: #6bb3eb;
	color: #fff;
	padding: 100px 15px 25px;
	box-sizing: border-box;
	text-align: center;
	font-size: 16px;
}

.newrecruit-flow+.newrecruit-flow {
	margin-top: 15px;
}

.newrecruit-flow.web {
	background-color: #e9a651;
	height: 136px;
	padding-top: 25px;
}

.newrecruit-flow.tel {
	background-color: #7cb86f;
	height: 136px;
	padding-top: 25px;
}

.newrecruit-flow h5 {
	font-size: 25px;
	font-weight: 600;
	border-bottom: 1px solid #fff;
	padding-bottom: 15px;
	margin-bottom: 20px;
	width: 100%;
	line-height: 1;
}

.newrecruit-flow-angle {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 290px;
}

.newrecruit-flow-angle.web,
.newrecruit-flow-angle.tel {
	height: 136px;
}

.newrecruit-flow-angle img {
	/* width: 26px; */
	width: 14px;
	padding-left: 10px;
	padding-right: 8px;
}

.newrecruit-flow+.newrecruit-flow,
.newrecruit-flow-angle+.newrecruit-flow-angle {
	margin-top: 15px;
}

.newrecruit-flow.tel a {
	color: #fff;
	font-size: 28px;
	font-weight: 600;
	line-height: 1;
	text-align: center;
}

.newrecruit-flow.tel a::before {
	content: "\f095";
	font-family: FontAwesome;
	margin-right: 0.1em;
}

.newrecruit-flow-box>.newrecruit-flow:last-of-type p {
	text-align: left;
	margin: 0 10px;
}


.newrecruit-section h4.type3 {
	color: #e9a651;
	border-color: #e9a651;
}

.newrecruit-faq {
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
	margin-left: -25px;
}

.newrecruit-faq>li {
	/*width: 373px;
  height: 373px;*/
	width: 316px;
	height: 316px;
	padding: 15px;
	box-sizing: border-box;
	border: 1px solid #e9a651;
	position: relative;
	margin-bottom: 25px;
	line-height: 1;
	margin-left: 25px;
}


/* 9n-7番目 */
.newrecruit-faq>li:nth-child(9n - 7),
/* 9n-5番目 */
.newrecruit-faq>li:nth-child(9n - 5) {
	border-color: #99badb;
}

/* 9n番目 */
.newrecruit-faq>li:nth-child(9n) {
	border-color: #e9a651;
}

/* 9n-6番目 */
.newrecruit-faq>li:nth-child(9n - 6),
/* 9n-4番目 */
.newrecruit-faq>li:nth-child(9n - 4) {
	border-color: #d46583;
}

/* tappikun */
.newrecruit-faq>li.kun {
	padding: 0;
	border-color: #99badb;
}

/* tappichan */
.newrecruit-faq>li.chan {
	padding: 0;
	border-color: #d46583;
}

.newrecruit-faq>li.kun img,
.newrecruit-faq>li.chan img {
	width: 371px;
}

.newrecruit-faq>li::after {
	content: "A";
	position: absolute;
	font-size: 200px;
	display: inline-block;
	right: 15px;
	line-height: 1;
	bottom: 0;
	color: #fbeddc;
	z-index: 0;
}

.newrecruit-faq>li.kun::after,
.newrecruit-faq>li.chan::after {
	content: "A";
	position: absolute;
	font-size: 200px;
	display: inline-block;
	right: 15px;
	line-height: 1;
	bottom: 0;
	color: #fbeddc;
	z-index: -100;
}

.newrecruit-faq>li:nth-child(9n - 7)::after,
.newrecruit-faq>li:nth-child(9n - 5)::after {
	color: #ebf1f8;
}

.newrecruit-faq>li:nth-child(9n)::after {
	color: #fbeddc;
}

.newrecruit-faq>li:nth-child(9n - 6)::after,
.newrecruit-faq>li:nth-child(9n - 4)::after {
	color: #f9e8ed;
}

.newrecruit-faq>li>div {
	display: flex;
	justify-content: left;
	align-items: center;
	min-height: 115px;
	color: #e9a651;
}

.newrecruit-faq>li:nth-child(9n - 7)>div,
.newrecruit-faq>li:nth-child(9n - 5)>div {
	color: #99badb;
}

.newrecruit-faq>li:nth-child(9n)>div {
	color: #e9a651;
}

.newrecruit-faq>li:nth-child(9n - 6)>div,
.newrecruit-faq>li:nth-child(9n - 4)>div {
	color: #d46583;
}

.newrecruit-faq>li>div span:first-child {
	font-size: 127px;
}

.newrecruit-faq>li>div span:last-child {
	/*font-size: 21px;*/
	font-size: 18px;
	margin-left: 15px;
	line-height: 1.5;
}

.newrecruit-faq>li>p {
	margin-top: 25px;
	font-size: 14px;
	position: relative;
	z-index: 1;
}


/* 個別 ページ */

.newrecruit-search-link {
	text-align: right;
	font-size: 0;
}

.newrecruit-search-link p {
	display: inline-block;
	font-family: "A-OTF 新ゴ Pro", A-OTF Shin Go Pro, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #646464;
	font-weight: 400;
	letter-spacing: 0.2em;
	margin-top: 14px;
	font-size: 16px;
}

.newrecruit-search-link p::after {
	content: "\f0da";
	font-family: FontAwesome;
	margin-left: 0.1em;
}

.newrecruit-search-link div {
	vertical-align: top;
	display: inline-flex;
	justify-content: space-between;
	align-items: center;
	width: 230px;
	margin-left: 10px;
}

.newrecruit-search-link a {
	display: inline-block !important;
	width: 50px;
}

.newrecruit-search-link a img {
	width: 100%;
}

.newrecruit-search-link.footer {
	text-align: center;
	width: 534px;
	margin: 90px auto 0;
}

.newrecruit-search-link.footer p {
	display: flex;
	/*font-size: 17px;*/
	font-size: 16px;
	white-space: nowrap;
	align-items: center;
	justify-content: space-between;
}

.newrecruit-search-link.footer p::after,
.newrecruit-search-link.footer p::before {
	content: "";
	background: #646464;
	height: 1px;
	width: 30%;
	margin-left: 0;
}

.newrecruit-search-link.footer div {
	width: 100%;
	margin-left: 0;
	margin-top: 25px;
}

.newrecruit-search-link.footer a {
	width: 100px;
}

.newrecruit-part-title {
	display: flex;
	align-items: flex-end;
	margin-bottom: 50px;
	font-size: 40px;
}

.newrecruit-part-title img {
	width: 2.8em;
	height: auto;
	margin-right: 30px;
}

.newrecruit-part-title h4 {
	flex-grow: 1;
}

.newrecruit--lalaport .newrecruit-part-title h4 {
	color: #d46583;
	border-color: #d46583;
}

.newrecruit--214 .newrecruit-part-title h4 {
	color: #e9a651;
	border-color: #e9a651;
}

.newrecruit--honsha .newrecruit-part-title h4 {
	color: #6baad6;
	border-color: #6baad6;
}

.newrecruit-part-area {
	margin-bottom: 75px;
	position: relative;
	font-family: "A-OTF 新ゴ Pro", A-OTF Shin Go Pro, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.newrecruit-slider-box {
	/*width: 620px;*/
	width: 540px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.newrecruit-slider-list {
	/*height: 420px;*/
	height: 380px;
}

.newrecruit-slider-thum-list {
	/* height: 192px; */
	height: 160px;
	padding-right: 40px;
	margin: 15px 0 0;
}

.newrecruit-slider-thum-list li {
	margin-right: 10px;
}

.newrecruit-slider-list .slick-slide {
	position: relative;
}

.newrecruit-slider-list .slick-slide p {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	padding: 10px;
	font-weight: 300;
	background: rgba(0, 0, 0, .6);
	color: #fff;
	font-size: 13px;
	opacity: 0;
	transition: .3s ease;
}

.newrecruit-slider-list .slick-current p {
	opacity: 1;
	transition-delay: .5s;
}

.newrecruit-slider-thum-list .slick-prev {
	display: none;
}

.newrecruit-slider-thum-list .slick-next {
	display: block;
	right: 0;
	background-color: #fff;
	height: 100%;
	box-sizing: border-box;
	border: 1px solid #333;
	width: 30px;
}

.newrecruit--lalaport .newrecruit-slider-thum-list .slick-next {
	border: 1px solid #d46582;
}

.newrecruit--214 .newrecruit-slider-thum-list .slick-next {
	border: 1px solid #e9a651;
}

.newrecruit--honsha .newrecruit-slider-thum-list .slick-next {
	border: 1px solid #6baad6;
}

.newrecruit-slider-thum-list .slick-next:hover,
.newrecruit-slider-thum-list .slick-next:focus {
	background-color: #fff;
}

.newrecruit-slider-thum-list .slick-next:before {
	content: "\f0da";
	font-family: FontAwesome;
	color: #333;
}

.newrecruit--lalaport .newrecruit-slider-thum-list .slick-next:before {
	color: #d46583;
}

.newrecruit--214 .newrecruit-slider-thum-list .slick-next:before {
	color: #e9a651;
}

.newrecruit--honsha .newrecruit-slider-thum-list .slick-next:before {
	color: #6baad6;
}

.newrecruit-part-right {
	width: 100%;
	margin-bottom: 120px
}

.newrecruit-part-conditions {
	text-align: right;
	/*margin-bottom: 35px;*/
	margin-bottom: 30px;
}

.newrecruit-part-conditions ul {
	font-size: 0;
	margin: 0 -5px;
	/*width: 525px;*/
	width: 500px;
	display: inline-block;
}

.newrecruit-part-conditions ul>li {
	/*font-size: 17px;
  width: 165px;
  padding: 13px 0;*/
	font-size: 15px;
	width: 137px;
	padding: 12px 0;
	margin: 0 5px 10px;
	box-sizing: border-box;
	line-height: 1;
	display: inline-block;

	text-align: center;
	color: #a0a0a0;
	border: 1px solid #a0a0a0;
}

.newrecruit--lalaport .newrecruit-part-conditions ul>li.active {
	color: #d46583;
	border: 1px solid #d46583;
}

.newrecruit--214 .newrecruit-part-conditions ul>li.active {
	color: #e9a651;
	border: 1px solid #e9a651;
}

.newrecruit--honsha .newrecruit-part-conditions ul>li.active {
	color: #6baad6;
	border: 1px solid #6baad6;
}

.newrecruit-part-text-box {
	background-color: #ebebeb;
	position: relative;
	/* padding: 60px 75px 160px;
  margin-left: 100px;
  min-height: 435px;*/
	padding: 25px 40px 160px;
	margin-left: 90px;
	min-height: 360px;
	box-sizing: border-box;
}

.newrecruit-part-text {
	text-align: right;
}

.newrecruit-part-text>p {
	/*width: 440px;
  font-size: 18px;*/
	width: 390px;
	font-size: 16px;
	line-height: 2.2 !important;
	color: #646464;
	display: inline-block;
	text-align: left;
	/* word-break: keep-all; */
}

.newrecruit-part-text>p.security-214 {
	line-height: 1.5 !important;
}

.newrecruit--lalaport .newrecruit-part-text>p em {
	color: #d46583;
}

.newrecruit--214 .newrecruit-part-text>p em {
	color: #e9a651;
}

.newrecruit--honsha .newrecruit-part-text>p em {
	color: #6baad6;
}

.newrecruit-apply {
	/*width: 105px;
  height:115px;
  font-size: 20px;*/
	width: 100px;
	height: 110px;
	font-size: 18px;
	padding: 0.5em;
	box-sizing: border-box;

	color: #fff;
	background-color: #003973;
}

.newrecruit-apply-tel {
	/*width: 105px;
  height:115px;
  font-size: 20px;*/
	width: 100px;
	height: 110px;
	font-size: 18px;
	padding: 0.5em;
	box-sizing: border-box;

	color: #fff;
	background-color: #003973;
}


.newrecruit--lalaport .newrecruit-apply,
.newrecruit--lalaport .newrecruit-apply-tel {
	background-color: #d46583;
}

.newrecruit--214 .newrecruit-apply,
.newrecruit--214 .newrecruit-apply-tel {
	background-color: #e9a651;
}

.newrecruit--honsha .newrecruit-apply,
.newrecruit--honsha .newrecruit-apply-tel {
	background-color: #6baad6;
}

.newrecruit-part-text-box .newrecruit-apply {
	position: absolute;
	bottom: 20px;
	/*right: 280px;*/
	right: 235px;
}

.newrecruit-part-text-box .newrecruit-apply-tel {
	position: absolute;
	bottom: 20px;
	/*right: 165px;*/
	right: 125px;
}

.newrecruit-apply::before {
	content: "";
	display: inline-block;
	background-size: 100%;
	vertical-align: middle;
}

.newrecruit-apply-tel::before {
	content: "";
	display: inline-block;
	background-size: 100%;
	vertical-align: middle;
}

.newrecruit-apply>span {
	display: inline-block;
	position: relative;
	vertical-align: middle;
}

.newrecruit-apply-tel>span {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	text-align: center;
	font-size: 58.5%;
}


.newrecruit-apply>span>span {
	position: absolute;
	left: 100%;
	margin-left: 0.3em;
}

.newrecruit-apply>span>span::before {
	content: "\f0da";
	font-family: FontAwesome;
}

.newrecruit-apply-tel>span>span {
	position: absolute;
	left: 100%;
	margin-left: 0.3em;
	bottom: 10px;
}

.newrecruit-apply-tel>span>span::before {
	content: "\f0da";
	font-family: FontAwesome;
}


.apply-btn-box {
	position: absolute;
	text-align: center;
	/*font-size:18px;
	right:205px;
	bottom:135px;*/
	font-size: 16px;
	right: 165px;
	bottom: 135px;
	color: #646464;
}

.apply-btn-box-f {
	padding-top: 30px;
	/*font-size:18px;
	width:19%;*/
	font-size: 16px;
	width: 210px;
	text-align: center;
	margin: 0 auto;
	box-sizing: border-box;
	color: #646464;
}

.newrecruit-apply.footer {
	margin: 70px auto 0;
}

.newrecruit-apply-tel.footer {
	margin: 30px auto 0;
}


.newrecruit-apply.footer2 {
	margin: 0 5px 0 0px;
}

.newrecruit-apply-tel.footer2 {
	margin: 0 0px 0 5px;
}

.newrecruit-require {
	font-family: "A-OTF 新ゴ Pro", "A-OTF Shin Go Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	border: 1px solid #999;
	margin: 75px 0 0 0;

}

.newrecruit--lalaport .newrecruit-require {
	border-color: #dd849c;
}

.newrecruit--214 .newrecruit-require {
	border-color: #e9a651;
}

.newrecruit--honsha .newrecruit-require {
	border-color: #6baad6;
}

.newrecruit-require-title {
	background-color: #999;
	color: #fff;
	font-size: 154%;
	text-align: center;
	padding: 0.2em;
}

.newrecruit--lalaport .newrecruit-require-title {
	background-color: #dd849c;
}

.newrecruit--214 .newrecruit-require-title {
	background-color: #e9a651;
}

.newrecruit--honsha .newrecruit-require-title {
	background-color: #6baad6;
}

.newrecruit-require-table-box {
	display: flex;
	align-items: flex-start;
}

.newrecruit-require-table {
	width: 50%;
	table-layout: fixed;
}

.newrecruit-require-table+.newrecruit-require-table {
	border-left: 1px solid #999;
}

.newrecruit--lalaport .newrecruit-require-table+.newrecruit-require-table {
	border-color: #dd849c;
}

.newrecruit--214 .newrecruit-require-table+.newrecruit-require-table {
	border-color: #e9a651;
}

.newrecruit--honsha .newrecruit-require-table+.newrecruit-require-table {
	border-color: #6baad6;
}

.newrecruit-require-table tr+tr {
	border-top: 1px dotted #999;
}

.newrecruit--lalaport .newrecruit-require-table tr+tr {
	border-color: #dd849c;
}

.newrecruit--214 .newrecruit-require-table tr+tr {
	border-color: #e9a651;
}

.newrecruit--honsha .newrecruit-require-table tr+tr {
	border-color: #6baad6;
}

.newrecruit-require-table td {
	font-size: 110%;
	padding: 25px 20px;
	line-height: 2.4;
	vertical-align: middle;
}

.newrecruit-require-table th {
	font-size: 100%;
	padding: 25px 20px;
	line-height: 2.4;
	vertical-align: middle;
	background-color: #ccc;
	color: #999;
	text-align: center;
	width: 24%;
}

.newrecruit--lalaport .newrecruit-require-table th {
	background-color: #fbeff2;
	color: #dd849c;
}

.newrecruit--214 .newrecruit-require-table th {
	background-color: #fdf6ed;
	color: #e9a651;
}

.newrecruit--honsha .newrecruit-require-table th {
	background-color: #f0f6fb;
	color: #6baad6;
}

.newrecruit-require-table td {
	color: #646464;
}

.newrecruit-footer-text-link {
	color: #646464;
	/*font-size: 21px;*/
	font-size: 20px;
	font-weight: 600;
	display: inline-block;
	margin: 65px 0 0;
	text-align: center;
}

.newrecruit-footer-text-link::after {
	content: "\f0da";
	font-family: FontAwesome;
	margin-left: 0.3em;
}

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

	.newrecruit-slider-box {
		width: calc(100% - 550px);
	}

	.newrecruit-slider-list {
		height: 35vw;
	}

	.newrecruit-slider-thum-list {
		height: 16vw;
	}

}


.pc-none {
	display: none;
}

/*

  採用情報 （※リニューアル）end

=====================================================================================================*/

/*====================================================================================================

  トップ （※パララックス）

=====================================================================================================*/
.newhome-sp {
	display: none;
}

.newhome-top-link-box {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin: 20px 0 50px;
}

.newhome-top-link-box>div+div {
	margin-left: 5px;
}

.newhome-top-link-box a {
	position: relative;
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 5%;
}

.newhome-top-link-box>div:first-of-type a {
	/* background: #FADFB2; */
	background: #fff;
}

.newhome-top-link-box>div:last-of-type a {
	/* background: #C2DDF1; */
	background: #fff;
}

.newhome-top-link-box a img {
	max-width: 100%;
	max-height: 285px;
}

.newhome-top-img-txt {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

a:hover .newhome-top-img {
	opacity: 0.8;
}

.newhome-title {
	border-top: 1px solid #2054a0;
	padding: 14px 0 10px;
	border-bottom: 1px solid #2054a0;
	text-align: center;
}

.newhome-title img {
	width: 122px;
}

.newhome-link-btn {
	font-size: 14px;
	border: 1px solid #000;
	border-radius: 20px;
	padding: 8px 35px;
	display: inline-block;
	color: #000;
	cursor: pointer;
}

.newhome-link-btn:hover {
	background: #eee;
}

.newhome-link-btn::after {
	content: ">";
	font-size: 0.8em;
	margin-left: 0.4em;
}

.newhome-link-box .newhome-link-btn {
	background: #2054a0;
	color: #fff;
	border: 1px solid #2054a0;
	font-size: 16px;
	padding: 10px 60px;
}

.newhome-link-box .newhome-link-btn:hover {
	background: #4d76b3;
	border-color: #4d76b3;
}

.newhome-topics-box .newhome-link-box {
	margin-left: 5%;
	position: relative;
	z-index: 1;
}

.newhome-topics-box {
	margin: 25px 20px;
	position: relative;
}

.newhome-link-box {
	width: 308px;
	text-align: center;
}

.newhome-link-box.panam {
	width: 400px;
	text-align: center;
}

.newhome-link-box.shaka {
	width: 400px;
	text-align: center;
	margin-bottom:5px;
	margin-left:10px;
}

.newhome-link-box img {
	width: 100%;
	display: block;
	margin-bottom: 25px;
}

.newhome-topics-figure {
	position: absolute;
	width: 684px;
	top: 40px;
	right: 0;
}

.newhome-topics-figure img {
	width: 100%;
}

.newhome-topics-link-box {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
	z-index: 1;
	margin-top: 30px;
}

.newhome-topics-link-box>div {
	width: 187px;
	text-align: center;
}

.newhome-topics-link-box>div+div {
	margin-left: 25px;
}

.newhome-topics-link-box>div img {
	width: 100%;
	margin-bottom: 10px;
}

.newhome-banner {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	bottom: 0;
	right: 0;
	margin: 0 70px 35px 0;
}

.shaka .newhome-banner {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	bottom: 0;
	left: 220px;
	margin: 0 30px 10px 0;
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .shaka .newhome-banner {
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	bottom: 0;
	left: 100px;
	margin: 0 5px 10px 0;
	}
}

.newhome-banner-box2 {
	margin: 120px 0 75px;
	height: 563px;
	position: relative;
	text-align: center;
}

.newhome-banner-box {
	margin: 120px 0 75px;
	height: 356px;
	position: relative;
}

.newhome-banner-box.shaka {
	margin: 100px 0 120px;
	height: 356px;
	position: relative;
}

.newhome-banner-box.brew {
	margin: 75px 0;
	height: 442px;
	position: relative;
	text-align: center;
}

.newhome-banner-box.ki54 {
	margin: 75px 0;
	height: 480px;
	position: relative;
	text-align: center;
}


.newhome-banner-bg {
	background-color: #e8eef6;
	width: 1050px;
	height: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
}

.shaka .newhome-banner-bg {
	background: url(/wp-content/uploads/2021/11/home-banner-bg-1.png) top left;
	background-repeat: no-repeat;
	width: 1050px;
	height: 100%;
	position: absolute;
	right: 30px;
}

@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .shaka .newhome-banner-bg {
	background: url(/wp-content/uploads/2021/11/home-banner-bg-1.png) top left;
	background-repeat: no-repeat;
	width: 1050px;
	height: 100%;
	position: absolute;
	right: 55px;
	}
}

.newhome-banner-img {
	width: 550px;
	margin-right: 70px;
}

.shaka .newhome-banner-img {
	width: 578px;
	margin-left: 80px;
	margin-bottom:45px;
}

.newhome-banner-img img {
	width: 96.5%;
}

.shaka .newhome-banner-img img {
	width: 100%;
}


/*

  トップ （※パララックス）end

=====================================================================================================*/
/*====================================================================================================

  立飛を知る （※リニューアル）

=====================================================================================================*/
.newabout-wrap {
	padding: 0 25px;
}

.newabout-header-list {
	display: flex;
	justify-content: space-between;
}

.newabout-header-list div {
	width: 24%;
}

.newabout-title {
	font-size: 34px;
	text-align: center;
	font-family: initial;
	/*margin-top: 80px;*/
	padding-top: 100px;
	margin-bottom: 44px;
}

.newabout-title::after {
	content: "";
	margin: 15px auto 0;
	display: block;
	height: 4px;
	width: 200px;
	background: #4d76b3;
}

.newabout-title.type2::after {
	background: #6aa4dc;
}

.newabout-title.type3::after {
	background: #5b9b69;
}

.newabout-title.type4::after {
	background: #81c272;
}

#number.newabout-number {
	display: flex;
	justify-content: space-between;
	margin: 0 -22px;
}

#number.newabout-number article {
	border: none;
	width: 250px;
	margin: 0 22px;
}

#number.newabout-number article#start1 div:first-child p {
	background: #e18330;
}

#number.newabout-number article#start5 div:first-child p {
	background: #98cf7e;
}

#number.newabout-number article#start3 div:first-child p {
	background: #dd80a5;
}

#number.newabout-number article#start2 div:first-child p {
	background: #6aa4dc;
}

#number.newabout-number article div:first-child p {
	width: 250px;
	font-size: 17px;
}

#number.newabout-number article div:nth-child(2) p {
	font-size: 18px;
	margin: 5px;
}

#number.newabout-number article div:nth-child(2) p span {
	font-size: 90px;
}

#number.newabout-number article div:nth-child(2) p span.fsmall {
	font-size: 14px;
	letter-spacing: 1px;
}



#number.newabout-number article div:first-child p {
	margin: 0 auto;
}

.newabout-number-flex {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 125px;
}

#number.newabout-number article figure {
	margin: 0;
	height: 120px;
}

#number.newabout-number article:nth-child(2) div:nth-child(3) {
	text-align: left;
}

#number.newabout-number article div:nth-child(2) p {
	padding: 0;
	white-space: nowrap;
}

.newabout-dome img {
	margin: 0px 0px 5px;
	width: 37px;
}

#number.newabout-number article div.text {
	font-size: 16px;
	padding: 0;
	position: static;
}

#number.newabout-number article#start3 a.linkbtn,
#number.newabout-number article a.linkbtn {
	width: auto;
	color: #505050;
	border: #505050 1px solid;
	text-decoration: none;
	border-radius: 0.3em;
	height: 30px;
	letter-spacing: 1px;
	line-height: 30px;
	margin: 1em auto 0;
	text-align: center;
	display: block;
}

#number.newabout-number article a.linkbtn::after {
	font-family: "FontAwesome";
	content: "\f105";
	margin-left: 0.2em;
}

#number #start3 div:nth-child(4) p {
	padding: 0;
}

.newabout-intro .intro {
	border: 0;
	width: 100%;
	height: 800px;
	position: relative;
}

.newabout-intro-box {
	position: absolute;
	background: #3d3a39;
	transition-duration: 0.4s;
	z-index: 2;
	cursor: pointer;
	color: #fff;
	display: flex;
	align-items: center;
}

.newabout-intro-box .newabout-intro-box-inner {
	border: 1px solid #fff;
	width: 62px;
	height: 62px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	flex: none;
}

.newabout-intro-box:hover {
	padding: 9px;
}

.newabout-intro-box .newabout-intro-box-inner:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 10px 10px;
	border-color: transparent transparent #ffffff transparent;
	position: absolute;
	bottom: 3px;
	right: 3px;
	opacity: 1;
	transition-duration: 0.2s;
}

.newabout-intro-box:hover .newabout-intro-box-inner:after {
	opacity: 0;
}

.newabout-intro-box .newabout-intro-box-text {
	position: static;
	margin-left: 0.8em;
	line-height: 1.5;
	/* width: max-content; */
	display: none;
	overflow: hidden;
	max-height: 4.5em;
	font-size: 12px;
	max-width: 350px;
}

.newabout-intro-box:hover .newabout-intro-box-text {
	display: block;
}

.newabout-intro-box.intro-1 {
	background: #97c276;
	top: 100px;
	left: 420px;
}

.newabout-intro-box.intro-1 .newabout-intro-box-text {
	width: 350px;
}

.newabout-intro-box.intro-2 {
	background: #b38fba;
	top: 200px;
	left: 400px;
	z-index: 30;
}

.newabout-intro-box.intro-2 .newabout-intro-box-text {
	width: 205px;
}

.newabout-intro-box.intro-3 {
	background: #63bbe3;
	top: 230px;
	left: 620px;
}

.newabout-intro-box.intro-3 .newabout-intro-box-text {
	width: 155px;
}

.newabout-intro-box.intro-4 {
	background: #f0c158;
	top: 400px;
	left: 750px;
}

.newabout-intro-box.intro-4 .newabout-intro-box-text {
	width: 250px;
}

.newabout-intro-box.intro-5 {
	background: #dc7450;
	top: 450px;
	left: 380px;
}

.newabout-intro-box.intro-5 .newabout-intro-box-text {
	width: 230px;
}

.newabout-intro-box.intro-6 {
	background: #dd80a5;
	top: 620px;
	left: 200px;
}

.newabout-intro-box.intro-6 .newabout-intro-box-text {
	width: 155px;
}

.newabout-intro-box.intro-4 .newabout-intro-box-text {
	max-width: 250px;
}

.newabout-intro-box p {
	font-size: 18px;
	text-align: center;
}

.newabout-intro-box p span {
	font-size: 10px;
	display: block;
	margin-top: 0.3em;
}

.newabout-absolute {
	position: absolute !important;
	top: 0;
}

.newabout-intro-a {
	position: relative;
	height: 570px;
	margin-top: 85px;
}

.newabout-intro-02 {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 590px;
}

.newabout-intro-02 img {
	width: 100%;
}

.newabout-project-text {
	font-size: 18px;
	color: #505050;
	text-align: center;
	line-height: 200%;
}

.newabout-project-a {
	position: relative;
	height: 850px;
	width: 100%;
	margin-top: 65px;
}

.newabout-project-a img {
	width: 100%;
}

.newabout-project-01,
.newabout-project-02,
.newabout-project-04 {
	position: absolute;
	top: 0;
	left: 0;
}

.newabout-project-03 a {
	position: absolute;
	max-width: none !important;
	z-index: 1;
}

.newabout-project-i-1 {
	top: 33px;
	right: 325px;
}

.newabout-project-i-2 {
	top: 330px;
	left: 319px;
}

.newabout-project-i-3 {
	top: 105px;
	left: 113px;
}

.newabout-project-i-4 {
	top: 144px;
	left: 360px;
}

.newabout-project-i-5 {
	bottom: 129px;
	left: 82px;
}

.newabout-project-i-6 {
	top: 506px;
	left: 349px;
}

.newabout-project-i-7 {
	top: 16px;
	right: 65px;
}

.newabout-project-i-8 {
	top: 415px;
	right: 72px;
}

.newabout-project-i-9 {
	top: 233px;
	right: 108px;
}

.newabout-project-i-10 {
	top: 619px;
	right: 49px;
}

.newabout-project-i-11 {
	top: 313px;
	left: 65px;
}

.newabout-project-i-12 {
	bottom: 18px;
	right: 296px;
}

.newabout-ligntbox {
	display: none;
}

.newabout-l-ttl {
	font-size: 20px;
	font-weight: bold;
	margin: 0.8em 0 0.5em;
}

.newabout-l-txt {
	font-size: 16px;
	line-height: 1.5;
}

.newabout-project-b {
	position: relative;
	height: 570px;
	margin-top: 120px;
	margin-bottom: 40px;
}

.newabout-project-11 {
	position: absolute;
	right: 0;
	top: 0;
}

.newabout-project-12 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 590px;
}

.newabout-project-12 img {
	width: 100%;
}

.newabout-project-link {
	position: absolute;
	bottom: 20px;
	right: 0;
	background: #6aa4dc;
	border-radius: 0.5em;
}

.newabout-project-link a {
	font-size: 23px;
	color: #fff;
	padding: 0.5em 1.2em;
	display: block;
}

.newabout-project-link a::after {
	font-family: "FontAwesome";
	content: "\f105";
	margin-left: 0.3em;
}

/*lightbox*/
.lb-outerContainer {
	background-color: none;
}

.lb-data .lb-details {
	width: 100%;
}

.lb-data .lb-number {
	display: none !important;
}

/**/

/*

  立飛を知る （※リニューアル）end

=====================================================================================================*/

/*採用情報ホーム*/

.newrecruit-home-content {
	position: relative;
	overflow: hidden;
	min-height: 500px;
	box-sizing: border-box;
	padding: 35px 80px;
	font-family: "ヒラギノ角ゴ Pro W6",
		"Hiragino Kaku Gothic Pro",
		"メイリオ",
		Meiryo,
		"ＭＳ Ｐゴシック",
		"MS PGothic",
		sans-serif,
		serif;
	max-width: 1320px;
	margin: auto;
}

.newrecruit-home-content::before,
.newrecruit-home-content::after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	bottom: 0;
}

.newrecruit-home-content::before {
	left: 0;
	border-width: 500px 0 0 900px;
	border-color: transparent transparent transparent #EB8518;
}

.newrecruit-home-content::after {
	right: 0;
	border-width: 0 0 500px 900px;
	border-color: transparent transparent #98BEEB transparent;
}

.newrecruit-home-content-inner {
	position: relative;
	z-index: 1;
}

.newrecruit-home-content-title {
	font-size: 26px;
	color: #696969;
	display: table;
	border-top: 1px solid #696969;
	border-bottom: 1px solid #696969;
	margin: auto;
	padding: 10px 30px;
	font-family: Roboto,
		'Droid Sans'
}

.newrecruit-home-content-nav {
	display: flex;
	justify-content: center;
	align-items: stretch;
	margin-top: 45px;
}

.newrecruit-home-content-nav .n-item {
	background: #114BAE;
	border-radius: 20px;
	margin: 0 25px;
}

.newrecruit-home-content-nav .n-item img {
	width: 100%;
}

.newrecruit-home-content-nav .n-item div {
	padding: 20px;
}

.newrecruit-home-content-nav .n-item p {
	font-size: 24px;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
	text-shadow: 0px 0px 10px #333;
}

.newrecruit-home-content-nav .n-item ul {
	display: table;
	margin: auto;
}

.newrecruit-home-content-nav .n-item ul li a {
	font-size: 15px;
	color: #fff;
	display: inline-block;
	margin-bottom: 12px;
}

.newrecruit-home-content-nav .n-item ul li a:hover {
	text-decoration: underline;
}

.newrecruit-home-content-nav .n-item ul li::before {
	content: "\f0da";
	font-family: FontAwesome;
	margin-right: 0.3em;
	color: #fff;
}

.newrecruit-home-mv {
	height: 550px;
	margin-top: 100px;
	position: relative;
	max-width: 1320px;
	margin: 100px auto 0;
}

.newrecruit-home-mv1 {
	position: absolute;
	width: 750px;
	z-index: 33;
	left: 3%;
}

.newrecruit-home-mv .slick-dots {
	bottom: 25px;
}

.newrecruit-home-mv .slick-dots li {
	background: #fff;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	margin: 0 10px;
}

.newrecruit-home-mv .slick-dots li.slick-active {
	background: #0B51AE;
}


/* slickcss hack */

.newrecruit-home-mv-list .slick-dots li button:before {
	font-family: 'slick';
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	text-align: center;
	opacity: .25;
	content: none;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


/*採用情報ホームend*/

/*====================================================================================================

  採用情報 （※リニューアル）

=====================================================================================================*/

#saiyo_visual2020 #main_visual_pc img {
	margin-top: 100px;
}

#saiyo_visual #main_visual_pc img.part {
	margin-top: 0px;
}

.newrecruit-content-wrap {
	padding-top: 45px;
	padding-bottom: 135px;
	font-family: "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro",
		"メイリオ",
		Meiryo,
		"ＭＳ Ｐゴシック",
		"MS PGothic",
		sans-serif,
		serif;
}

.newrecruit-content-title {
	font-size: 45px;
	font-weight: bold;
	color: #90B7E5;
	padding-bottom: 0.2em;
	border-bottom: 4px solid #90B7E5;
	margin-bottom: 30px;
	font-family: "ヒラギノ角ゴ Pro W6",
		"Hiragino Kaku Gothic Pro",
		"メイリオ",
		Meiryo,
		"ＭＳ Ｐゴシック",
		"MS PGothic",
		sans-serif,
		serif;
}

.newrecruit-content-title.photo {
  padding-top: 50px;
}

.newrecruit-contact-box {
	background: #D1E1EE;
	padding: 25px 0 24px;
	width: 100%;
	text-align: center;
}

.newrecruit-bottom-link {
	display: table;
	font-size: 15px;
	padding: 1.2em;
	min-width: 300px;
	color: #0B51AE;
	border: 2px solid #0B51AE;
	box-sizing: border-box;
	text-align: center;
	border-radius: 2em;
	margin: auto;
	cursor: pointer;
}

.newrecruit-bottom-link::after {
	content: ">";
	margin-left: 0.4em;
}

.newrecruit-bottom-link:hover {
	color: #fff;
	background: #0B51AE;
}

.newrecruit-content-footer-title {
	font-size: 26px;
	display: table;
	margin: auto;
}

.newrecruit-content-footer {
	display: flex;
	font-family: "ヒラギノ角ゴ Pro W6",
		"Hiragino Kaku Gothic Pro",
		"メイリオ",
		Meiryo,
		"ＭＳ Ｐゴシック",
		"MS PGothic",
		sans-serif,
		serif;
}

.newrecruit-content-footer-title:after {
	content: "";
	width: 7em;
	height: 3px;
	display: block;
	background: #505050;
	margin: 0.3em auto;
}

.newrecruit-content-footer p {
	font-size: 13px;
	line-height: 1.7;
}

.newrecruit-content-footer .lead-p {
	font-size: 18px;
}

.newrecruit-notice-box {
	background: #F8EAD2;
}

.newrecruit-notice-box .newrecruit-content-footer-title:after {
	background: #EB9C42;
}

.newrecruit-content-footer .notice-p {
	text-align: left;
	text-indent: -1em;
	padding-left: 1em;
	margin: 0 auto;
	width: 28em;
}

/* 採用案内 */
.newrecruit-g-copy {
	margin: 15px 0 60px 140px;
	width: 606px;
}

.newrecruit-g-msg {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 80px;
}

.newrecruit-g-msg p {
	width: 535px;
	line-height: 2;
}

.newrecruit-g-list {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	margin-bottom: 80px;
}

.newrecruit-g-list div {
	margin: 0 75px;
}

.newrecruit-g-list div a:hover {
	opacity: 0.7;
}

.newrecruit-g-list div p {
	font-size: 18px;
	text-align: center;
	margin-top: 20px;
}

/* 採用案内 end */

/* 採用案内 募集要項 */
.newrecruit-content-navigation {
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	border-bottom: 2px solid #888888;
	width: 100%;
	margin-bottom: 50px;
}

.newrecruit-content-navigation.photo {
	margin-bottom: 0px;
}

.newrecruit-content-navigation li {
	font-size: 16px;
	width: 33%;
	background: #EBEBEB;
	border: 2px solid #888888;
	border-radius: 10px;
	margin-bottom: 10px;
	box-sizing: border-box;
}

.newrecruit-content-navigation li+li {
	margin-left: 10px;
}

.newrecruit-content-navigation li.active:hover {
	background: #D1E1EE;
}

.newrecruit-content-navigation li.current {
	background: #fff;
	font-size: 18px;
	margin-bottom: -2px;
	border-bottom: 2px solid #fff;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

.newrecruit-content-navigation li a {
	display: block;
	text-align: center;
	padding: 15px;
	position: relative;
}

.newrecruit-content-navigation li a::before {
	content: "\f138";
	font-family: FontAwesome;
	margin-right: 0.3em;
}

.newrecruit-content-navigation li.current a::after {
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 7.5px 0 7.5px;
	border-color: #2164C7 transparent transparent transparent;
	left: 0;
	right: 0;
	margin: 0.4em auto;
}

.newrecruit-new-g-lead {
	font-size: 24px;
	color: #0E4EAE;
	margin-bottom: 25px;
}

#box_contents .newrecruit-new-subtitle {
	font-size: 20px;
	background: #9A9A9A;
	border-left: 15px solid #EB9B42;
	height: auto;
	text-align: left;
	line-height: 1.8;
	color: #fff;
	padding-left: 0.7em;
	letter-spacing: unset;
}

.newrecruit-content-wrap #recruit_list {
	padding: 0;
	margin: 0 0 60px;
}

.newrecruit-content-wrap #recruit_list dl {
	display: flex;
	align-items: center;
	font-size: 14px;
	padding: 25px 0px;
	line-height: 1.5;
}

.newrecruit-content-wrap #recruit_list dd {
	line-height: 2;
}

.newrecruit-down-wrap {
	width: 900px;
	margin: 0 auto 60px;
}

.newrecruit-down-header {
	background: #FDF4E0;
	padding: 25px 0 20px;
	position: relative;
}

.newrecruit-down-header::before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	display: block;
	border-style: solid;
	border-width: 73px 73px 0 0;
	border-color: #ED1C24 transparent transparent transparent;
	top: 0;
	left: 0;
}

.newrecruit-down-header::after {
	content: "必須";
	position: absolute;
	color: #fff;
	font-size: 18px;
	top: 10px;
	left: 7px;
}


.newrecruit-down-title {
	font-size: 24px;
	text-align: center;
	margin-bottom: 18px;
}

.newrecruit-down-inner-wrap {
	width: 640px;
	margin: auto;
}

.newrecruit-down-box {
	padding: 15px 5px;
	margin-bottom: 12px;
	box-sizing: border-box;
}

.newrecruit-down-box.type1 {
	background: #C2D9F4;
}

.newrecruit-down-box.type2 {
	background: #D5EFCB;
}

.newrecruit-down-box p {
	font-size: 14px;
	text-align: center;
}

.newrecruit-down-box div {
	display: flex;
	justify-content: center;
	margin-top: 15px;
}


.newrecruit-down-box  div.left p {
	text-align: left;
	line-height:1.5;
}

.newrecruit-down-box div p {
	font-size: 15.5px;
	margin: 0 3px;
}

.newrecruit-down-header dl {
	box-sizing: border-box;
}

.newrecruit-down-header dl div {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 12px;
}

.newrecruit-down-header dl dt {
	text-align-last: justify;
	width: 5em;
	font-size: 14px;
	flex: none;
	margin-right:0;
}

.newrecruit-down-header dl dd {
	display: inline-block;
	width: 5em;
	font-size: 16px;
	width: 100%;
}

.newrecruit-down-header p span,
.newrecruit-down-header dl dd span {
	color: #ED1C24;
}

.newrecruit-down-header p span.black {
	color: #505050;
}

.newrecruit-down-header span.blue {
	color: #2C64CC;
}

.newrecruit-down-notice {
	font-size: 14px;
}

.newrecruit-down-arrow {
	text-align: center;
	margin: 5px 0;
}

.newrecruit-down-item {
	background: #CFDBEF;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

.newrecruit-down-item div {
	background: #114BAE;
	width: 80px;
	color: #fff;
	font-size: 18px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 64px;
	flex: none;
}

.newrecruit-down-item p:first-of-type {
	font-size: 22px;
	padding: 0px 60px;
	width: 35%;
	box-sizing: border-box;
}

.newrecruit-down-item p:nth-of-type(n + 2) {
	font-size: 16px;
}

.newrecruit-down-item.extra {
	background: #F5CE6F;
}

.newrecruit-down-item.extra div {
	background: #EEAA60;
}

.newrecruit-down-item.extra p {
	width: 100%;
	text-align: center;
	padding: 0 80px 0 0;
}

.newrecruit-qanda-box {
	margin-bottom: 40px;
}

.newrecruit-qanda-item {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
}

.newrecruit-qanda-item::before {
	content: "Q";
	border: 3px solid #EB9D42;
	background: #F0C653;
	color: #fff;
	font-size: 28px;
	padding: 13px 15px;
}

.newrecruit-qanda-item.answer::before {
	content: "A";
	background: #fff;
	color: #EB9D42;
}

.newrecruit-qanda-item p {
	padding: 12px 15px 0;
	font-size: 20px;
}

.newrecruit-qanda-item.answer {
	margin-left: 40px;
	margin-top: -15px;
}

.newrecruit-qanda-item.answer p {
	font-size: 16px;
	border-top: 3px solid #ec9d42;
	width: 100%;
	line-height: 1.5;
}

.newrecruit-qanda-item.answer p a {
	color: #2C64CC;
	text-decoration: underline;
}

/* 採用案内 募集要項 end */






/*採用情報ホーム*/

.newrecruit-home-content {
	position: relative;
	overflow: hidden;
	min-height: 500px;
	box-sizing: border-box;
	padding: 20px 80px;
	font-family: "ヒラギノ角ゴ Pro W6",
		"Hiragino Kaku Gothic Pro",
		"メイリオ",
		Meiryo,
		"ＭＳ Ｐゴシック",
		"MS PGothic",
		sans-serif,
		serif;
	max-width: 1320px;
	margin: auto;
}

.newrecruit-home-content::before,
.newrecruit-home-content::after {
	content: "";
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	bottom: 0;
}

.newrecruit-home-content::before {
	left: 0;
	border-width: 500px 0 0 900px;
	border-color: transparent transparent transparent #EB8518;
}

.newrecruit-home-content::after {
	right: 0;
	border-width: 0 0 500px 900px;
	border-color: transparent transparent #98BEEB transparent;
}

.newrecruit-home-content-inner {
	position: relative;
	z-index: 1;
	padding-top:20px;
}

/* バナー掲出時 */
.newrecruit-home-content-inner.bnr {
	padding-top:0px;
}

.newrecruit-home-content-title {
	font-size: 26px;
	color: #696969;
	display: table;
	border-top: 1px solid #696969;
	border-bottom: 1px solid #696969;
	margin: auto;
	padding: 10px 30px;
	font-family: Roboto,
		'Droid Sans'
}

.newrecruit-home-content-inner a.enrty-btn:hover{
	cursor: pointer !important;
}


.newrecruit-home-content-nav {
	display: flex;
	justify-content: center;
	align-items: stretch;
	margin-top: 50px;
}

/* バナー掲出時 */
.newrecruit-home-content-nav.bnr {
	margin-top: 25px;
}

.newrecruit-home-content-nav .n-item {
	background: #114BAE;
	border-radius: 20px;
	margin: 0 25px;
}

.newrecruit-home-content-nav .n-item img {
	width: 100%;
}

.newrecruit-home-content-nav .n-item div {
	padding: 20px;
}

.newrecruit-home-content-nav .n-item p {
	font-size: 24px;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
	text-shadow: 0px 0px 10px #333;
}

.newrecruit-home-content-nav .n-item ul {
	display: table;
	margin: auto;
}

.newrecruit-home-content-nav .n-item ul li a {
	font-size: 15px;
	color: #fff;
	display: inline-block;
	margin-bottom: 12px;
}

.newrecruit-home-content-nav .n-item ul li a:hover {
	text-decoration: underline;
}

.newrecruit-home-content-nav .n-item ul li::before {
	content: "\f0da";
	font-family: FontAwesome;
	margin-right: 0.3em;
	color: #fff;
}

.newrecruit-home-mv {
	height: 550px;
	margin-top: 100px;
	position: relative;
	max-width: 1320px;
	margin: 100px auto 0;
}

.newrecruit-home-mv1 {
	position: absolute;
	width: 750px;
	z-index: 33;
	left: 3%;
}

.newrecruit-home-mv .slick-dots {
	bottom: 25px;
}

.newrecruit-home-mv .slick-dots li {
	background: #fff;
	border-radius: 50%;
	width: 10px;
	height: 10px;
	margin: 0 10px;
}

.newrecruit-home-mv .slick-dots li.slick-active {
	background: #0B51AE;
}

/*採用情報ホームend*/

/*会社を知る*/
.newrecruit-siru-box {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 50px;
}

.newrecruit-siru-box div p {
	font-size: 16px;
	line-height: 1.5;
}

.newrecruit-siru-box div p:first-of-type {
	font-size: 26px;
	margin-bottom: 30px;
}

.newrecruit-siru-box img {
	margin: 0 20px;
}

.newrecruit-siru-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.newrecruit-siru-list li {
	width: 45.9%;
	margin-bottom: 60px;
}

.newrecruit-siru-list li div {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}


.newrecruit-siru-list li div p {
	font-size: 13px;
	margin-top: 1.5em;
	margin-right: 2em;
	line-height: 1.5;
}

.newrecruit-siru-list li div p span {
	font-size: 18px;
	display: block;
	margin-bottom: 1em;
}

/*会社を知るend*/

/*福利厚生*/

.newrecruit-welfare-box {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin-bottom: 30px;
}

.newrecruit-welfare-item {
	width: 230px;
	height: 530px;
	box-sizing: border-box;
	border-radius: 20px;
	border: 3px solid #EB9D42;
	position: relative;
	overflow: hidden;
	margin:0 13px;
}

.newrecruit-welfare-item.wf {
	width: 270px;
	height: 460px;
	box-sizing: border-box;
	border-radius: 20px;
	border: 3px solid #EB9D42;
	position: relative;
	overflow: hidden;
}

.newrecruit-wwlfare-t1 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 42%;
	flex-direction: column;
}

.wf .newrecruit-wwlfare-t1 {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 44%;
	flex-direction: column;
}

.newrecruit-wwlfare-t1 p {
	font-size: 22px;
	text-align: center;
	margin-top: 1em;
	line-height: 1.5;
}

.newrecruit-wwlfare-t1 .f-plus {
	display: none;
	/*
	position: absolute;
	right: 8%;
	bottom: 8%;
	cursor: pointer;
	width: 12%;
	height: 12%;
	background: #EB9C42;
	z-index: 5;
	transition-duration: 0.4s; */
}

/*
.newrecruit-wwlfare-t1 .f-plus::before,
.newrecruit-wwlfare-t1 .f-plus::after {
	content: "";
	position: absolute;
	width: 70%;
	height: 1px;
	background: #fff;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.newrecruit-wwlfare-t1 .f-plus::after {
	transform: rotateZ(90deg);
}
*/
.newrecruit-wwlfare-t2 {
	/* position: absolute;
	opacity: 0;
	top: 0;
	left: 0; */
	color: #fff;
	background: #EB9D42;
	font-size: 13px;
	height: 55%;
	padding: 20px;
	line-height: 1.5;
	/* transition-duration: 0.4s;*/
}

.newrecruit-welfare-item.mouseover .newrecruit-wwlfare-t2 {
	opacity: 1;
}

.newrecruit-welfare-item.mouseover .f-plus {
	opacity: 0;
}


.newrecruit-welfare-list {
	text-align: center;
	margin: 0 -5px 40px;
}

.newrecruit-welfare-list img {
	margin: 0 7px 20px;
	width:114px;/* 9個づつ並ぶ大きさ */
}


.newrecruit-welfare-slider {
	background: url(/wp-content/uploads/2020/03/new-f-c-bg.jpg) top center;
	background-repeat: no-repeat;
	width: 100%;
	padding-top: 20px;
	height: 800px;
}

.newrecruit-welfare-slider-list {
	height: 600px;
	width: auto;
	height: auto;
	width: 725px;
	margin: auto;
}

.newrecruit-welfare-slider-list-item {
	width: auto;
	height: auto;
	max-width: 725px;
	max-height: 530px;
	margin: auto;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.8);
}

.newrecruit-welfare-slider-list-item img {
	max-width: 725px;
	max-height: 530px;
	margin: auto;
}

.newrecruit-welfare-slider-list .slick-prev,
.newrecruit-welfare-slider-list .slick-next {
	width: 90px;
	height: 90px;
}

.newrecruit-welfare-slider-list .slick-prev {
	left: -105px;
}

.newrecruit-welfare-slider-list .slick-next {
	right: -70px;
}

.newrecruit-welfare-slider-list .slick-prev:before,
.newrecruit-welfare-slider-list .slick-next:before {
	content: "\f105";
	font-family: FontAwesome;
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: #505050;
	font-size: 30px;
	width: 1.5em;
	height: 1.5em;
	margin-left: 40px;
}

.newrecruit-welfare-slider-list .slick-prev:before {
	content: "\f104";
}

.newrecruit-welfare-slider-list-item.slick-slide p {
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	padding: 10px;
	font-weight: 300;
	background: rgba(0, 0, 0, .6);
	color: #fff;
	font-size: 13px;
	opacity: 0;
	transition: .3s ease;
}

.newrecruit-welfare-slider-list-item.slick-current p {
	opacity: 1;
	transition-delay: .5s;
}

.newrecruit-welfare-slider-thum-list {
	width: 800px;
	max-height: 95px;
	margin: 80px auto 0;
}

.newrecruit-welfare-slider-thum-list li {
	display: flex;
	justify-content: center;
	align-items: center;
}

.newrecruit-welfare-slider-thum-list img {
	width: auto;
	height: auto;
	max-width: 126px;
	max-height: 116px;
	margin: auto;
}

.newrecruit-welfare-slider-thum-list .slick-prev,
.newrecruit-welfare-slider-thum-list .slick-next {
	width: 60px;
	height: 60px;
}

.newrecruit-welfare-slider-thum-list .slick-prev {
	left: -70px;
}

.newrecruit-welfare-slider-thum-list .slick-next {
	right: -55px;
}

.newrecruit-welfare-slider-thum-list .slick-prev:before,
.newrecruit-welfare-slider-thum-list .slick-next:before {
	content: "\f105";
	font-family: FontAwesome;
	background: #707070;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	color: #fff;
	font-size: 26px;
	width: 1.5em;
	height: 1.5em;
	margin-left: 20px;
}

.newrecruit-welfare-slider-thum-list .slick-prev:before {
	content: "\f104";
}


.newrecruit-welfare-box.f-club {
	width: 1030px;
	margin: auto;
	flex-wrap: wrap;
	justify-content:center;
}

.newrecruit-welfare-box.f-club .newrecruit-welfare-item {
	margin-bottom: 45px;
}

.newrecruit-welfare-box.f-club .newrecruit-welfare-item:nth-of-type(odd) {
	border-color: #A1D49E;
}

.newrecruit-welfare-box.f-club .newrecruit-welfare-item:nth-of-type(even) {
	border-color: #F5CF31;
}

.newrecruit-welfare-box.f-club .newrecruit-welfare-item .newrecruit-wwlfare-t2 {
	color: #505050;
}

.newrecruit-welfare-box.f-club .newrecruit-welfare-item:nth-of-type(odd) .newrecruit-wwlfare-t2 {
	background: #A1D49E;
}

.newrecruit-welfare-box.f-club .newrecruit-welfare-item:nth-of-type(even) .newrecruit-wwlfare-t2 {
	background: #F5CF31;
}


/*福利厚生end*/


/* 社員紹介 */
.newrecruit-t-staff-box {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.newrecruit-t-staff-item {
	width: 350px;
	background: #114BAE;
	border-radius: 20px;
	margin-bottom: 65px;
}

.newrecruit-t-staff-item:hover {
	opacity: 0.8;
}

.newrecruit-t-staff-item div {
	border-left: 4px solid #EB9C42;
	margin: 10px 15px;
	padding-left: 10px;
	position: relative;
	color: #fff;
}

.newrecruit-t-staff-item div::after {
	content: "\f138";
	font-family: FontAwesome;
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	font-size: 20px;
}

.newrecruit-t-staff-item div p {
	font-size: 13px;
	line-height: 1.5;
}

.newrecruit-t-staff-item div .t-name {
	font-size: 20px;
	display:none;
}

.newrecruit-t-staff-item div .t-name span {
	font-size: 13px;
}

.newrecruit--t-pg {
	text-align: center;
	margin-bottom: 60px;
}

.newrecruit-t-staff-header {
	position: relative;
	text-align: right;
	margin-bottom: 50px;
}

.newrecruit-t-staff-header.center {
	text-align: center;
}

.newrecruit-t-staff-header div {
	max-width: auto;
	max-width: 400px;
	height: 150px;
	box-sizing: border-box;
	background: #0E4EAE;
	color: #fff;
	padding:25px 15px;
	position: absolute;
	top: 0;
	left: 40px;
	text-align: left;
}

.newrecruit-t-staff-header div p {
	font-size: 18px;
	line-height: 1.5;
}

.newrecruit-t-staff-header div .t-name {
	font-size: 21px;
	border-bottom: 4px solid #EB9C42;
	margin-bottom: 10px;
	padding-bottom:5px
}

.newrecruit-t-staff-header img {
	margin-top: 50px;
}

.newrecruit-t-staff-content {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 60px;
}

.newrecruit-t-staff-content div {
	width: 740px;
}

.newrecruit-t-staff-content div.new {
	width: 100%;
}

.newrecruit-t-staff-content div .t-title {
	background: #9A9A9A;
	color: #fff;
	font-size: 20px;
	border-left: 15px solid #EB9B42;
	padding: 7px 10px;
}

.newrecruit-t-staff-content div p {
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 15px;
}

.newrecruit-t-staff-content div img {
	margin-bottom: 60px;
}

.newrecruit-t-footer {
	position: relative;
	margin-bottom: 60px;
}

.newrecruit-t-footer div {
	position: absolute;
	top: 40px;
	right: 40px;
	width: 360px;
	box-sizing: border-box;
	padding: 40px 35px 30px;
	background: rgba(255, 255, 255, 0.8);
}

.newrecruit-t-footer .t-left {
	right: auto;
	left: 40px;
}

.newrecruit-t-footer .t-ichige {
	right: auto;
	left: 75px;
	top: 75px;
}


.newrecruit-t-footer div p {
	font-size: 16px;
	line-height: 1.5;
}

.newrecruit-t-footer div .t-title {
	font-size: 20px;
	text-align: center;
	margin-bottom: 40px;
}

.newrecruit-t-footer div .t-title::after {
	content: "";
	width: 45%;
	height: 4px;
	background: #EB9B42;
	display: block;
	margin: auto;
}

.newrecruit-bottom-link-box {
	display: flex;
	justify-content: center;
}

.newrecruit-bottom-link-box .newrecruit-bottom-link {
	margin: 0 20px;
}

.newrecruit-bottom-link-box .newrecruit-bottom-link.l-prev,
.newrecruit-bottom-link-box .newrecruit-bottom-link.l-next {
	min-width: 200px;
}

.newrecruit-bottom-link-box .newrecruit-bottom-link.l-prev::after {
	content: "";
}

.newrecruit-bottom-link-box .newrecruit-bottom-link.l-prev::before {
	content: "\f0d9";
	font-family: FontAwesome;
	margin-right: 0.3em;
}

.newrecruit-bottom-link-box .newrecruit-bottom-link.l-next::after {
	content: "\f0da";
	font-family: FontAwesome;
	margin-left: 0.3em;
}

.newrecruit-t-staff-pg-lead {
	font-size: 15px;
	margin-bottom: 30px;
}

.newrecruit-t-staff-pg {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 60px;
}

.newrecruit-t-staff-pg img {
	margin-bottom: 20px;
	width: 32%;
}

.newrecruit-h-d-main {
	margin-bottom: 55px;
}

.newrecruit-h-d-main p {
	font-size: 14px;
	line-height: 1.5;
}

.newrecruit-h-d-main .h-d-title {
	background: #9A9A9A;
	color: #fff;
	font-size: 20px;
	border-left: 15px solid #EB9B42;
	padding: 7px 10px;
	margin-bottom: 30px;
}

.newrecruit-h-d-main .h-d-img {
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
}

.newrecruit-h-d-main .h-d-img img {
	margin: 0 20px;
}

/* 社員紹介end*/
/*

  採用情報 （※リニューアル）end

=====================================================================================================*/

/* SP要素を隠す */
.pc-none {
	display: none;
}

.sp-none {
	display: block;
}


script.sp-none {
	display: none;
}


/* ニュース用追加スタイル */
.campain-box{
	border:1px solid #999;
	margin:0 20px 20px 20px;
	padding:10px;
}

.campain-box.Bauto{
	border:1px solid #999;
	margin:20px auto;
	padding:10px;
	width:450px;
}

.campain-box.tatsujin{
	border:1px solid #999;
	margin:20px auto;
	padding:10px;
	width:550px;
}



.campain-box p{
	margin: 0 0 5px!important;
}

.campain-box ul li{
	list-style-type: decimal!important;
}

.campain-box .center-box{
	text-align: center;
	display: block;
}

.center-box p {
 	text-align: left;
	display: inline-block;
}


img.shaka-img{
	width:700px;
}

img.shaka-btn{
	width:200px;
}

img.shaka-btn2{
	width:90%;
}

/* youtube */
.movie-outer {
     width: 560px;
     margin: 0 auto;
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height:100%;
}


/* dino */

.dino-box2020-2{
	background-color:#ccdded;
	padding:15px 15px 5px 15px;
	margin:20px auto;
	width:700px;
}

.tachihi-box2022{
	border:3px solid #ccdded;
	padding:15px;
	width:400px;
	height:100px;
	margin:auto;
}


.dino-box2020{
	margin:20px auto;
	border:3px solid #ccdded;
	padding:10px;
	width:700px;
}

p.dino2020{
	width:700px;
	margin:10px auto;
}

.dino-flex1{
	display:flex;
	justify-content:space-around;
	width:900px;
	margin:20px auto;

}
.dino-flex1.mb30{
	display:flex;
	justify-content:space-around;
	width:900px;
	margin:20px auto 30px auto;

}


.dino-flex2{
	border:2px solid #ccdded;
	margin:20px auto;
	display:flex;
	justify-content:space-around;
	width:900px;
	padding:20px;
}

.dino-flex2 div{
	padding-left:10px;
}

.dino-flex2 div table{
	justify-content:space-around;
	width:500px;
	border:1px solid #696969;
}


/* 親センター　子は左 */

.news-flex-c{
	display:flex;
	justify-content:center;
	width:100%;
	margin:20px auto;
}

.news-flex-c.nomtb{
	margin:0 auto;
}

.news-flex-c.esports{
	display:flex;
	flex-flow: column;
	align-items: center;
}

.news-flex-c.esports .content{
	border:1px #666 solid;
	border-collapse: collapse;
	width:700px;
	padding:10px;
}

.news-flex-c.esports .content span{
	padding-left:1em;
}

.esports-title{
	border-top:1px #666 solid;
	border-left:1px #666 solid;
	border-right:1px #666 solid;
	border-bottom:0px #666 solid;
	border-collapse: collapse;
	width:700px;
	padding:5px 10px;
	margin:0;
}



/* NewCharacter page

=====================================================================================================*/

#newcharacter {
	position: relative;
}

#newcharacter img {
	display: block;
	max-width: 100%;
}

#page_title_chara {
	padding: 50px 0px 0px 0px;
	text-align: center;
}

#page_title_chara h2 {
	font-size: 285%;
	line-height: 130%;
	letter-spacing: 5px;
	font-weight: 400;
	padding-bottom: 10px;
	border-bottom: 3px solid #EAEAEA;
}



/*====================================================================================================

  キャラクターページ

=====================================================================================================*/
.cp-home-mv {
	margin-top: 100px;
	background: #fff !important;
}

.cp-page_title {
	padding: 45px 0 15px;
	text-align: center
}

.cp-page_title img {
	width: 377px;
}

.cp-container {
	width: 1200px;
	margin: auto;
	overflow: hidden;
}

.cp-bg1 {
	height: 600px;
	position: relative;
	overflow: hidden;
}

.cp-bg1-img {
	width: 100%;
}

.cp-bg1u {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 200;
}

.cp-hmenu {
	display: none;
}

.cp-chara {
	width: 324px;
	position: absolute;
	bottom: 0%;
	animation-iteration-count: infinite;
	animation-direction: normal;
	animation-fill-mode: both;
	animation-play-state: running;
	animation-duration: 4s;
	animation-timing-function: ease-in;
}

.cp-chara img {
	width: 100%;
}

.cp-chara.c1 {
	left: 270px;
	animation-name: moveC1;
	animation-delay: 1s;
}

.cp-chara.c2 {
	right: 270px;
	animation-name: moveC2;
	animation-delay: 1s;
}

@keyframes moveC1 {
	0% {
		bottom: 0%;
	}

	30% {
		bottom: 0%;
	}

	40% {
		bottom: 15%;
	}

	60% {
		bottom: -35%;
	}

	80% {
		bottom: -35%;
	}

	100% {
		bottom: 0%;
	}
}

@keyframes moveC2 {
	0% {
		bottom: 0%;
	}

	40% {
		bottom: 0%;
	}

	50% {
		bottom: 15%;
	}

	70% {
		bottom: -35%;
	}

	80% {
		bottom: -35%;
	}

	100% {
		bottom: 0%;
	}
}

.cp-final {
	margin-top: -30px;
	position: relative;
	z-index: 200;
}

.cp-final img {
	display: block;
	margin: auto;
	width: 1162px;
	max-width: 100%;
}

.cp-block {
	margin: 40px 30px 0;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}

.cp-whatsnew {
	background-color: #5aa4e5;
	border-radius: 20px;
	padding: 15px;
	width: 362px;
	margin-left: -2px;
	box-sizing: border-box;
}

.cp-whatsnew-inner {
	border: 6px solid #fff;
	border-radius: 20px;
	padding: 20px;
}

.cp-whatsnew .title {
	width: 212.5px;
	display: block;
	margin: 0 auto 30px;
}

.cp-whatsnew ul li {
	border-bottom: 1px dotted #fff;
	padding: 20px 0;
}

.cp-whatsnew ul {
	margin-bottom: 12px;
}

.cp-whatsnew ul li .date {
	font-size: 16px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 5px;
}

.cp-whatsnew ul li p {
	font-size: 16px;
	color: #fff;
}

.cp-whatsnew ul li p a {
	color: #fff;
}

.cp-cintro {
	position: relative;
	width: 740px;
	height: 327px;
}

.cp-cintro a {
	display: block;
	position: absolute;
	bottom: 0;
	right: -3px;
	margin: auto;
}

.cp-cintro_bg {
	width: 740px;
}

.cp-cintro_cc,
.cp-cintro_co {
	position: absolute;
	width: 224px;
	bottom: 20px;
	transform: rotateZ(10deg);
	animation-delay: 1s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-fill-mode: both;
	animation-play-state: running;
	animation-duration: 10s;
	animation-timing-function: ease-in-out;
	opacity: 1;
}

.cp-cintro_c.c1 {
	left: -3px;
}

.cp-cintro_c.c2 {
	right: -3px;
}

.cp-cintro_co {
	animation-name: cpCintro;
}

.cp-cintro_cc.c1 {
	animation-name: cpCintroW1;
}

.cp-cintro_cc.c2 {
	animation-name: cpCintroW2;
}

@keyframes cpCintro {
	20% {
		transform: rotateZ(-10deg);
	}
	40% {
		transform: rotateZ(10deg);
	}
	60% {
		transform: rotateZ(-10deg);
	}
	80% {
		transform: rotateZ(10deg);
	}
	100% {
		transform: rotateZ(-10deg);
	}
}

@keyframes cpCintroW1 {
    10% {
        opacity: 1;
    }
    12% {
        opacity: 0;
    }
    14% {
        opacity: 1;
    }
	20% {
		transform: rotateZ(-10deg);
	}
	40% {
		transform: rotateZ(10deg);
	}
	60% {
		transform: rotateZ(-10deg);
        opacity: 1;
	}
    62% {
        opacity: 0;
    }
    64% {
        opacity: 1;
    }
    66% {
        opacity: 0;
    }
    68% {
        opacity: 1;
    }
	80% {
		transform: rotateZ(10deg);
	}
	100% {
		transform: rotateZ(-10deg);
	}
}

@keyframes cpCintroW2 {
    30% {
        opacity: 1;
    }
    32% {
        opacity: 0;
    }
    34% {
        opacity: 1;
    }
	20% {
		transform: rotateZ(-10deg);
	}
	40% {
		transform: rotateZ(10deg);
	}
	60% {
		transform: rotateZ(-10deg);
	}
	80% {
		transform: rotateZ(10deg);
	}
    90% {
        opacity: 1;
    }
    92% {
        opacity: 0;
    }
    94% {
        opacity: 1;
    }
    96% {
        opacity: 0;
    }
    98% {
        opacity: 1;
    }
	100% {
		transform: rotateZ(-10deg);
	}
}

.cp-information {
	width: 760px;
	height: 332px;
	position: relative;
}

.cp-information-img {
	width: 100%;
}

.cp-information_c {
	position: absolute;
	bottom: 0;
	left: 26%;
	width: 377px;
	transform: translateX(-50%);
	animation-delay: 0s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-fill-mode: both;
	animation-play-state: running;
	animation-duration: 2s;
	animation-timing-function: ease-in;
}

.cp-information a:hover .cp-information_c {
	animation-name: cpInformation;
}

@keyframes cpInformation {
	0% {
		width: 377px;
	}

	10% {
		width: 397px;
	}

	100% {
		width: 397px;
	}
}

.cp-information a {
	display: block;
	width: 100%;
	height: 100%;
}

.cp-information .info {
	position: absolute;
	font-size: 18px;
	line-height: 1.5;
	top: 35.5%;
	left: 52.5%;
	width: 42%;
	word-break: break-word;
}

.cp-information .info .title {
	font-size: 22px;
	font-weight: bold;
}

.cp-information .info .title::before {
	content: "";
	background: #ff9f3c;
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	margin-right: 0.3em;
}

.cp-goods {
	position: relative;
	width: 342px;
	height: 330px;
}

.cp-goods .cp-goods-bg {
	width: 100%;
}

.cp-goods-k {
	position: absolute;
	width: 134.9px;
	z-index: 2;
}

.cp-goods-k.k1 {
	right: -30px;
	top: -20px;
}

.cp-goods-k.k2 {
	left: -30px;
	bottom: -20px;
}

.cp-goods-c {
	position: absolute;
	z-index: 1;
	right: -35px;
	top: -145px;
	width: 175px;
	transform: rotateZ(0deg);
	animation-name: cpGoods;
	animation-delay: 1.5s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-fill-mode: both;
	animation-play-state: running;
	animation-duration: 1.2s;
	animation-timing-function: ease-in;
}

@keyframes cpGoods {
	100% {
		transform: rotateZ(20deg);
	}
}

.cp-bg2 {
	margin-top: 80px;
	height: 424px;
	display: flex;
	justify-content: space-between;
	position: relative;
}

.cp-bg2-img {
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 0;
}

.cp-newinfo {
	margin: -5px 18px 0;
	position: relative;
}

.cp-newinfo .title {
	width: 455px;
}

.cp-sns {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 55px;
}

.cp-sns a {
	margin: 0 18px;
	display: block;
}

.cp-sns img {
	width: 82px;
}

.cp-wline {
	width: 670px;
	height: 250px;
	position: relative;
	margin-right: 30px;
}

.cp-wline img {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 100%;
}

.cp-contents_sp {
	display: none;
}

.cp-menu {
	display: none;
}

.cp-information-img_sp {
	display: none;
}

a.contest{
	color: #3676B5;
	text-decoration:underline;
}

.c-btn{
	display:inline !important;
	transition: filter 0.1s ease;
}

.c-btn:hover {
	filter: brightness(1.10); /* 明るくする */
}

.c-btn.bnr:hover {
	filter: brightness(1.05); /* 明るくする */
}


.news-border-box.chara{
	width:600px;
	border:2px solid #dd612c;
}

/*====================================================================================================

  キャラクターページ end

=====================================================================================================*/
/* 2023.02追加 */
#main_visual a.link4:hover {
    opacity: 0.8;
	filter: brightness(120%); 
	-webkit-transition: all .3s;
	transition: all .3s;
}

/*====================================================================================================

  コンテストページ  2023.11

=====================================================================================================*/
/* 2023 コンテストページ */
.award-all-wrap  {
	background-color: #e2eef9;
	width: 100%;
    max-width: 1200px !important;
    margin: 0 auto;
	margin-bottom: 60px;
}

.contents-wrap {
	width: 100%;
    max-width: 1200px !important;
    margin: 0 auto;
    margin-bottom: 60px;
}

.top-stars {
	width: 80%;
	margin: 0 auto;
	margin-bottom: 20px;
}

.top-stars1 {
	width: 120px;
    text-align: left;
    margin-left: -20rem;
    margin-top: 2rem;
}

.top-stars2 {
    width: 120px;
    text-align: left;
    margin-left: 38em;
    margin-top: -5rem;
    max-width: 100%;
}

.title-wrap {
	width: 90%;
	position: relative;
}

h2.contest-ttl {
    padding: 0.5rem 3rem;
    color: #fff;
    border-radius: 100vh;
    background-color: #ec6c00;
    text-align: center;
	font-size: 28px;
	font-family: 'Zen Maru Gothic', serif;
	font-weight: bold;
	margin-bottom: 40px;
	letter-spacing: 0.1em;
}

.news-announce{
	width: 850px;
    padding: 20px 30px;
    height: auto;
    border: 2px solid #0053a6;
	color: #0053a6;
	font-size: 20px;
	line-height: 1.5;
    text-align: left;
    vertical-align: middle;
    position: relative;
    margin: 0 auto;
	margin-bottom: 20px;
}

.news-announce .indent-text {
	display: inline-block;
	text-indent: 1em;
}

/* 枠 */
.news-announce .space span{
	display: block;
	content:"";
	background:#fff;
	width:25px;
	height:25px;
	position: absolute;
}

.news-announce .space span:nth-child(1){
	top: -1.5%;
    left: -1%;
}

.news-announce .space span:nth-child(2){
	right: -1.5%;
    top: 95%;
}

.list-disc {
    padding-left: 7em;
    line-height: 1.5;
	letter-spacing: 0.1em;
}

.list-disc li {
    list-style: disc;
}

.list-disc li>span{
    vertical-align: 0.25em;
}

.list-disc .list-ttl {
	font-family: 'Zen Maru Gothic', serif;
	font-size: 18px;
	color: #0053a6;
}

.list-ttl > span {
	font-size: 46px;
    font-weight: bold;
	padding: 0 10px 10px;
}

.list-text-wrap {
	width: auto;
	height: auto;
	text-align: left;
	padding: 20px;
	margin: 0 auto;
	 border : dotted 4px #fff ;
}

.list-text-wrap.snspr {
	 border : dotted 4px #b1b1b1 ;
}

.comment-flex {
    height: auto;
    display: flex;
    align-items: center;
    text-align: left;
	color: #585c69;
	padding: 20px 30px;
	margin-top: 40px;
	border: dotted 4px #b1b1b1;
}

.comment-flex2 {
    height: auto;
    display: flex;
    align-items: center;
    text-align: left;
	color: #585c69;
	padding: 20px 30px;
	margin-top: 40px;
	border: dotted 4px #b1b1b1;
	max-width: 850px;
	margin: 0 auto;
}


.square-box {
    --x-gradient: linear-gradient(90deg, #585c69 0 25px, transparent 0 calc(100% - 25px), #585c69 calc(100% - 25px));
    --y-gradient: linear-gradient(#585c69 0 25px, transparent 0 calc(100% - 25px), #585c69 calc(100% - 25px));
    background-image:
        var(--x-gradient),
        var(--y-gradient),
        var(--x-gradient),
        var(--y-gradient);
    background-repeat: no-repeat;
    background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%;
    background-position: top, right, bottom, left;
}

.explain-wrap {
    text-align: left;
	background-color: #fff;
    color: #585c69;
	padding: 30px;
	margin-top: 40px;
}

.explain-wrap p:first-child, .contest-about-text p:first-child, .contest-about-text--no1 p:first-child {
    font-size: 22px;
	margin-bottom: 14px;
	font-weight: bold;
	letter-spacing: 0.2em;
	display: inline-block;
  	position: relative;
}

.explain-wrap p:first-child, .contest-about-text p:nth-child(2) {
    text-align: left;
}

.explain-wrap p:nth-child(2) {
    font-size: 16px;
}

.contest-about-box {
    width: 75%;
    margin: 0 auto;
    padding: 40px;
    border-radius: 20px;
    position: relative;
}

/* tappi-chan, tappo-kun */
.award-wrap2 .contest-about-tappi {
    width: 100%;
	max-width: 200px;
    height: auto;
    padding-right: 0;
    position: absolute;
    left: 5%;
    bottom: -14%;
}

.contest-about-box .contest-about-tappi {
    width: 150px;
    height: auto;
    padding-right: 0;
    position: absolute;
    right: -3%;
    bottom: -1%;
}

.contest-about-tappi2 {
	position: relative;
}
.award-wrap3 .contest-about-tappi2 {
    width: 100%;
	max-width: 200px;
    height: auto;
    padding-right: 0;
    position: absolute;
    right: 2%;
    bottom: 16.5%;
}

.comment-flex .contest-about-img {
	width: 120px;
	height: auto;
	padding: 20px;
}

.comment-flex2 .contest-about-img {
	width: 120px;
	height: auto;
	padding: 20px;
}

.comment-flex2 .contest-about-text p {
	text-indent: -1em;
    padding-left: 1em;
	text-align: left !important;
}


.contest-about-text--no1 {
	width: 85%;
    font-size: 16px;
    margin: 0 auto;
    text-align: left;
}

.contest-about-text--no1 p:first-child:before{
  content: '';
  position: absolute;
  left: 31%;
  bottom: -22.5%;
  display: inline-block;
  width: 80px;
  height: 4px;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  background-color: #b1b1b1; 
}

.contest-about-text {
	width: 95%;
    font-size: 16px;
    margin: 0 auto;
    text-align: center;
}

.contest-about-text p:first-child:before{
  content: '';
  position: absolute;
  left: 50%;
  bottom: -8px;
  display: inline-block;
  width: 80px;
  height: 4px;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translate(-50%);
  background-color: #b1b1b1; 
}

.contest-name-wrap {
	color: #585c69;
	font-size: 32px;
}

.contest-name-wrap p {
	text-align: left;
	margin-bottom: 10px;
	font-family: 'Zen Maru Gothic', serif;
	font-weight: bold;
}

.contest-name-wrap span, .third-flex-name span {
	font-size: 80%;
	font-weight: bold;
}

.list-text1 {
	font-size: 16px;
}

.list-text2{
	font-size: 16px;
	line-height: 1.8;
    padding-left: 1.4em;
    text-indent: -1.4em;
}

.list-large{
	font-size: 28px !important;
	line-height: 1.8;
}

.contest-wrap li::marker, .award-wrap li::marker{
    font-size: 300%;
    font-weight: bold;
    line-height: 1;
    color: #0053a6;
}

.award-wrap, .award-wrap2, .award-wrap3 {
    padding: 40px 0;
	text-align: center;
}

.award-wrap2 {
  position: relative;
  z-index: 0;
	background-color: #f4f4f4;
}

.award-wrap2::after {
  content: '';
  position: absolute;
  left:0;
  top: 20px;
  z-index: -1;
  width: 100%;
  height: 60%;
  background: #f4f4f4;
  transform: skewY(5deg);
  transform-origin: top right;
}

.award-wrap3 {
    background-color: #f4f4f4;
    margin-bottom: 80px;
}

.award-wrap > div, .award-wrap2 > div, .award-wrap3 > div {
	position: relative;
}

#ribbon3 > h3#contest-ttl {
	font-size: 28px;
    font-family: 'Zen Maru Gothic', serif;
    font-weight: bold;
    z-index: 1;
    color: #fff;
    background-color: #0053a6;
}

.no1 {
	width: 94px;
	height: 94px;
	background-image: url("/wp-content/uploads/2023/11/contest_no1.png");
	background-size: 94px 94px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: absolute;
    top: 64px;
    left: 38%;
}

.no2 {
	width: 94px;
	height: 94px;
	background-image: url("/wp-content/uploads/2023/11/contest_no2.png");
	background-size: 94px 94px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: absolute;
    top: -64px;
    left: 38%;
}

.no3 {
	width: 94px;
	height: 94px;
	background-image: url("/wp-content/uploads/2023/11/contest_no3.png");
	background-size: 94px 94px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: absolute;
    top: -70px;
    left: 38%;
}

.no4 {
	width: 94px;
	height: 94px;
	background-image: url("/wp-content/uploads/2023/11/contest_no4.png");
	background-size: 94px 94px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	position: absolute;
    top: -70px;
    left: 38%;
}

/* 1位*/
#ribbon {
  	display: inline-block;
  	position: relative;
  	height: 45px;
  	text-align: center;
  	box-sizing: border-box;
	margin-bottom: 40px;
}

#ribbon:before {/*左側のリボン端*/
  content: '';
  position: absolute;
  width: 10px;
  bottom: -15px;
  left: -35px;
  border: 20px solid #ff911e;
  border-left-color: transparent;/*山形に切り抜き*/
}

#ribbon:after {/*右側のリボン端*/
  content: '';
  position: absolute;
  width: 10px;
  bottom: -15px;
  right: -75px;
  border: 20px solid #ff911e;
  border-right-color: transparent;/*山形に切り抜き*/
}

#ribbon h3 {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 20px;
  line-height: 45px;
  /* font-size: 18px; */
  color: #fff !important;
  background: #ef7e00 !important;/*真ん中の背景色*/
  font-size: 28px;
  font-family: 'Zen Maru Gothic', serif;
  font-weight: bold;
  z-index: 1;
}

#ribbon h3:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 15px #e07205;/*左の折り返し部分*/
}

#ribbon h3:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #e07205;/*右の折り返し部分*/
}

/* 2位*/
#ribbon2 {
  	display: inline-block;
  	position: relative;
  	height: 45px;
  	text-align: center;
  	box-sizing: border-box;
	margin-bottom: 40px;
}

#ribbon2:before {/*左側のリボン端*/
  content: '';
  position: absolute;
  width: 10px;
  bottom: -15px;
  left: -35px;
  border: 20px solid #3676b5;
  border-left-color: transparent;/*山形に切り抜き*/
}

#ribbon2:after {/*右側のリボン端*/
  content: '';
  position: absolute;
  width: 10px;
  bottom: -15px;
  right: -75px;
  border: 20px solid #3676b5;
  border-right-color: transparent;/*山形に切り抜き*/
}

#ribbon2 h3 {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 20px;
  line-height: 45px;
  /*font-size: 18px;*/
  color: #fff !important;
  background: #0053a6 !important;/*真ん中の背景色*/
  font-size: 28px;
  font-family: 'Zen Maru Gothic', serif;
  font-weight: bold;
  z-index: 1;
}

#ribbon2 h3:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 15px #033a60;/*左の折り返し部分*/
}

#ribbon2 h3:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #033a60;/*右の折り返し部分*/
}

/* SNS賞 */
#ribbon3 {
  display: inline-block;
  position: relative;
  width: 240px;
  height: 45px;
  padding: 15px 20px;
  color: #fff;
  background: #0053a6 !important;
  margin-bottom: 40px;
}

#ribbon3:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #033a60;/*折り返し部分*/
}

#ribbon3:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-left: solid 20px #033a60;/*折り返し部分*/
}

.second-flex {
	width: 85%;
    height: auto;
    display: flex;
    margin: 0 auto;
}

.second-flex .comment-flex {
	display: flex;
    flex-direction: column;
}

.second-flex .explain-wrap {
	min-height: 500px;
}

.third-flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
	width: 100%;
}
.third-flex li {
    width: 30%;
}

/*.third-flex .contest-about-img {
	width: 100%;
}*/

.third-flex-name {
	font-size: 20px;
	font-family: 'Zen Maru Gothic', serif;
	font-weight: bold;
	text-align: left;
}

.fourth-flex .third-flex-name {
	font-size: 16px;
}

.third-flex .contest-about-img, .fourth-flex .contest-about-img {
	display: inline-block;
	margin: 10px 20px 20px 0;
	width: 90%;
}

.fourth-flex {
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
}

.fourth-flex li {
	width: 25%;
	display: inline-block;
	justify-content: center;
}

.contents-info-wrap {
    background-color: #e2eef9;
	width: auto;
    height: auto;
    /* width: 100vw; */
    margin: 30px calc(50% - 50vw);
	/*margin-left: calc(-50vw + 50%)*/
    padding: 20px calc(50vw - 50% + 30px);
	max-width: 1200px !important;
}

.contents-info-wrap .title-wrap {
	margin-top: 60px;
}

.contest-caution {
	color: #0053a6;
	font-size: 16px;
	font-weight: bold;
	margin: 20px 0 10px 60px;
}

.contest-ttl2 {
	color: #0053a6;
    font-family: 'Zen Maru Gothic', serif;
    font-size: 28px;
    font-weight: bold;
    padding: 20px 10px 20px;
    margin-bottome: 20px;
    position: relative;
    text-align: center;
}

.contest-ttl2:before,
.contest-ttl2:after {
  position: relative;
  display: inline-block;
  content: "";
  background: #0053a6;
  width: 3px;
  height: 2em;
  margin: 0 1em;
  margin-top: -.2em;
  vertical-align: middle;
}

.contest-ttl2:before {
  transform: rotate(-35deg);
}
 
.contest-ttl2:after {
  transform: rotate(35deg);
}

.contest-ttl2 span {
  font-weight: bold;
  background: linear-gradient(transparent 70%, #c3e1fb 70%);
}

.contest-about-tappi{
    transform-origin: center bottom;
    animation: yurayura 2s linear infinite;
}

@keyframes yurayura {
  0% , 100%{
      transform: rotate(10deg);
  }
  50%{
      transform: rotate(-10deg);
  }
}
 
.contest-about-tappi:before {
  transform: rotate(-25deg);
}
 
.contest-about-tappi:after {
  transform: rotate(25deg);
}

.contest-about-tappi2{
  position: relative;
}

@keyframes rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

.contest-about-tappi2__scroll{
  width: 8vw;
  position: absolute;
  bottom: 2vw;
  left: 2vw;
}

.contest-about-tappi2-circle{
  height: auto;
  width: 100%;
  animation: rotate 15s linear infinite;
}

.contest-about-tappi2-arrow{
  height: auto;
  width: 4vw;
  position: absolute;
  top: 48%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.contents-contact-wrap {
    width: 100%;
    max-width: 1200px !important;
    margin: 0 auto;
    margin-bottom: 60px;
}

.contents-contact-wrap .mAuto  {
	width: 90%; 
	background-image: url("/wp-content/uploads/2023/11/contest_town_back.png");
    background-repeat:  no-repeat;
    background-size: cover; 
}

/* モーダル */
/*全て共通：hideエリアをはじめは非表示*/
.hide-area{
	display: none;
}

/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#666;
}

/*確認を促すモーダル：タイトルの色を変更したい場合*/
#modaal-title{
	font-size:1.2rem;
	text-align: center;
	margin: 0 0 20px 0;
}

/*====================================================================================================

  topバナー  2024.03

=====================================================================================================*/
/* 2024 topバナー4種追加 */

h4 {
	margin-top: 60px !important;
}
h4 img {
	max-width: 320px!important;
	width: 100%!important;
	height: auto!important;
}
#banner_newsrelease {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	flex-wrap: wrap;
	max-width: 880px;
	margin: 60px auto 0 auto;
}
#banner_newsrelease li {
	width: 440px !important;
    height: auto !important;
}
#banner_newsrelease li img {
	width: 100% !important;
    height: auto !important;
}
#banner_newsrelease li a:hover {
    filter: brightness(110%);
    -webkit-transition: all .3s;
    opacity: 0.8;
    transition: all .3s;
	text-decoration: none;
}
.newhome-banner-box02 {
    background-color: #fff!important;
}
.newhome-banner-box02.topbanner {
	margin: 30px 0 75px;
	height: auto;
}

/*====================================================================================================

  top改修  2024.09

=====================================================================================================*/

/* style */
.font-mont {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.top-h2{
	padding-bottom: 30px;
	text-align: center;
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 50px;
}

/* main slider */
#main_wrap{
	height: 80vh;
}
#main_slider{
	width: 100%;
	height: 80vh;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: fadeInSlider 6s ease 0s 1 normal;
    animation: fadeInSlider 6s ease 0s 1 normal;
}
@keyframes fadeInSlider {
	0% {
	  opacity: 0
	}
	80% {
	  opacity: 0
	}
	100% {
	  opacity: 1
	}
}
@-webkit-keyframes fadeInSlider {
	0% {
	  opacity: 0
	}
	80% {
	  opacity: 0
	}
	100% {
	  opacity: 1
	}
}
.slider-main-text{
	width: 50%;
	max-width: 796px;
	height: auto;
	position: absolute;
	left: 0;
	bottom: -0.5px;
	z-index: 1;
}
.slider-main-text img:nth-child(2){
	display: none;
}
.slider-main-visual {
	width: 100%;
	margin-inline: auto;
	overflow: hidden; /* 画像がはみ出ないようにする */
	border-bottom-right-radius: 36px;
}
.slick-img img {
	width: 100%;
	height: 80vh;
	object-fit: cover;
}
.slick-img img:nth-child(2) {
	display: none;
}
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15); /* 拡大率 */
  }
}
.add-animation {
	animation: zoomUp 10s linear 0s normal both;
}

/* Topics */
#box_topics{
	margin: 60px auto 100px auto;
	-webkit-animation: fadeInSlider 6s ease 0s 1 normal;
    animation: fadeInSlider 6s ease 0s 1 normal;
}

.slider-topics {
	width: 90%;
	margin: 0 auto;
	display: flex;
}
.slider-topics .slick-track{
	display: flex;
}

.slider-topics .slick-slide{
	height: auto;
}
.slider-topics li{
	margin: 0 10px;
	border: solid 1px #dbdbdb;
}
.slider-topics li a {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.slider-topics li a:hover {
	opacity: 0.6;
}
.slider-topics-img img {
	width: 100%;
	height: auto;
}
.slider-topics-text{
	margin: 0 15px;
	padding: 20px 0 30px 0;
	border-top: solid 1px #dbdbdb;
}
.slider-topics-text p:nth-child(1){ /* 日付 */
	padding-bottom: 10px;
	font-size: 15px;
}
.slider-topics-text p:nth-child(2){ /* タイトル */
	padding-bottom: 10px;
	font-weight: bold;
	font-size: 18px;
	font-feature-settings: "palt";
	line-height: 150%;
}
.slider-topics-text p:nth-child(3){ /* 本文 */
	font-size: 14px;
	line-height: 150%;
}
.slider-topics-icon{
	width: 30px;
	height: 30px; 
	position: absolute;
	right: 0;
	bottom: 0;
}

/* ドットナビゲーション */
.slider-topics .slick-dots{
	bottom: -40px;
}
.slider-topics .slick-dots li{
	margin: 0;
	border: none;
}
.slider-topics .slick-dots li button:before{
	font-size: 10px;
}

/* 戻る、次へ矢印 */
.slick-prev::before, 
.slick-next::before { 
    display: none; /* 既存矢印削除 */
}
.slick-prev, 
.slick-next {
    position: absolute;
    top: 42%;
    cursor: pointer; /*マウスカーソルを指マークに*/
    outline: none; /*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #505050;
    border-right: 2px solid #505050;
    height: 15px;
    width: 15px;
}
.slick-prev {
    left: -3%;
    transform: rotate(-135deg);
}
.slick-next {
    right: -3%;
    transform: rotate(45deg);
}

/* スライド無しTOPICS（1〜4件用） */
.box-topics {
	width: 98%;
	max-width: 1600px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.box-topics li{
	margin: 0 1%;
	border: solid 1px #dbdbdb;
}
.box-topics.box-4 li{ /* 4件用 */
	width: 23%;
}
.box-topics.box-3 li{ /* 3件用 */
	width: 28%;
}
@media screen and (max-width: 1200px){
	.box-topics.box-3 li{
		width: 31%;
	}
}
.box-topics.box-2 li{ /* 2件用 */
	width: 30%;
}
@media screen and (max-width: 1200px){
	.box-topics.box-2 li{
		width: 46%;
	}
}
.box-topics.box-1 li{ /* 1件用 */
	width: 30%;
}
@media screen and (max-width: 1200px){
	.box-topics.box-1 li{
		width: 46%;
	}
}
@media screen and (max-width: 768px){
	.box-topics.box-1 li{
		width: 60%;
	}
}
.box-topics li a {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.box-topics li a:hover {
	opacity: 0.6;
}


/* About */
#box_about{
	min-height: 510px;
	display: flex;
	flex-direction: row-reverse;
	background-color: #e7f0f7;
}
#box_about .box-text-wrap{
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#box_about .box-img{
	width: 50%;
	background-image: url("../img/top_about.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.box-inner{
	max-width: 500px;
	padding: 0 50px;
}
.box-h2{
	padding-bottom: 50px;
	font-size: 20px;
	font-weight: bold;
	color: #0053a6;
}
.box-h2 h2{
	padding-bottom: 10px;
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
	font-size: 50px;
}
.box-text{
	padding-bottom: 50px;
	font-size: 16px;
	font-weight: bold;
	line-height: 200%;
}
.box-link{
	display: flex;
	
}
.box-link .link2:first-child{
	margin: 0;
}
.box-link .link2:nth-child(2){
	margin: 0 0 0 20px;
}
.box-link .link2 a{
	color: #003973;
	text-align: center;
}

/* Social activities */
#box_social{
	min-height: 510px;
	margin-bottom: 40px;
	display: flex;
	background-color: #ccdded;
}
#box_social .box-text-wrap{
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
}
#box_social .box-img{
	width: 50%;
	background-image: url("../img/top_social-activities.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

/* video */
#box_video{
	margin: 40px auto 100px auto;
}
#box_video h2{
	padding-bottom: 40px;
	text-align: center;
	font-weight: bold;
	font-size: 30px;
}
.top-video {
	width: 90%;
	max-width: 880px;
	margin: 0 auto;
	aspect-ratio: 16 / 9;
}
.top-video iframe {
	width: 100%;
	height: 100%;
}

/* sns */
#box_sns{
	padding: 40px 10px;
	border-top: solid 1px #eaeaea; 
}
#box_sns ul{
	display: flex;
	justify-content: center;
}
#box_sns a{
	padding: 0 40px;
	display: flex;
	align-items: center;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#box_sns a:hover{
	opacity: 0.6;
}
#box_sns img{
	width: 58px;
	height: 58px;
}