@charset "utf-8";
/* ========================================================
	template.css => テンプレート用CSS
======================================================== */
html {
	font-size: 62.5%;
}
body {
	font-size: 10px;
	font-size: 1rem;
	line-height: 1.8;
	color: #dddddd;
	word-wrap: break-word;
	overflow-wrap: break-word;
	font-family: 'Noto Sans JP',"游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", Verdana, Arial, Helvetica, sans-serif;
	/* ヒラギノベース */
/*	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "游ゴシック", YuGothic, "メイリオ", "Meiryo", Verdana, Arial, Helvetica, sans-serif;*/
	/* 游ゴシックベース */font-family:
	/*font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", Verdana, Arial, Helvetica, sans-serif; */
	/* メイリオベース */
	/*font-family: "メイリオ", "Meiryo", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, Arial, Helvetica, sans-serif;*/
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;

	/*-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-feature-settings: "pkna";
	font-feature-settings: "pkna";*/
}
html, body {
    margin: 0;
    padding: 0;
    overflow-y: auto; /* 縦スクロールを有効化 */
}
*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	line-height: 2;
}
a[href] {
	color: #dddddd;
	text-decoration: underline;
	outline: none;
}
a[href]:hover {
	text-decoration: none;
}
a[href].a_reverse,
.a_reverse a[href] {
	text-decoration: none;
}
@media screen and (min-width: 769px) {
	a[href].a_reverse:hover,
	.a_reverse a[href]:hover {
		text-decoration: underline;
	}
}
a[href^="http"],
a[href^="mailto:"] {
	word-break: break-all;
	word-wrap : break-word;
	overflow-wrap : break-word;
}

label {
	cursor: pointer;
}
input, select, textarea, button {
	max-width: 100%;
	margin: 0;
	vertical-align: middle;
	font-family: inherit;
	outline: none;
	font-size: 100%;
}

button {
	cursor: pointer;
}
iframe {
	max-width: 100%;
	vertical-align: middle;
}

.hidden {
	display: none;
}
.slick-slider * {
	outline: none;
}
@media screen and (max-width: 768px) {
	body {
		font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", Verdana, Arial, Helvetica, sans-serif;
	}
	img {
		max-width: 100%;
		height: auto;
	}
}


/* pc / sp
============================================================================================================ */
.sp,
.sps {
	display: none !important;
}
@media screen and (min-width: 769px), print {
	.pc_break {
		position: relative;
		display: block;
		height: 0;
		overflow: hidden;
	}
}
@media screen and (max-width: 768px) {
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
	img.sp, span.sp, br.sp, em.sp, strong.sp {
		display: inline !important;
	}
	td.sp, th.sp {
		display: table-cell !important;
	}
	.sp_break {
		position: relative;
		display: block;
		height: 0;
		overflow: hidden;
	}
}
@media screen and (max-width: 370px) {
	.sps {
		display: block !important;
	}
	img.sps, spsan.sps, br.sps, em.sps, strong.sps {
		display: inline !important;
	}
	.sps_non {
		display: none !important;
	}
}

/* sp
============================================================================================================ */
@media screen and (max-width: 768px) {
	*[data-label] img {
		display: none !important;
	}
	*[data-label]::before {
		content: attr(data-label);
	}
	*[data-label-r]::after {
		display: block;
		content: attr(data-label-r);
	}
}
@media screen and (min-width: 371px) {
	*[data-label-r].spl_r_inline::after {
		display: inline;
	}
}

/* spパディング
============================================================================================================ */
@media screen and (max-width: 768px) {
	.sp_pd {
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.sp_full {
		margin-left: -15px !important;
		margin-right: -15px !important;
	}
}
@media screen and (max-width: 370px) {
	.sp_full {
		margin-left: -10px !important;
		margin-right: -10px !important;
	}
	.sp_pd {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
}


/* pc_hidden
============================================================================================================ */
@media screen and (min-width: 769px), print {
	.pc_hidden {
		position: relative;
		overflow: hidden;
		display: block;
		height: 0;
	}
}

/* color
============================================================================================================ */
.c_gold {
	color: #715f1f !important;
}

/* transition
============================================================================================================ */
@media screen and (min-width: 769px) {
	a[href],
	a[href]::before,
	a[href]::after,
	button,
	.basic_trs,
	.basic_trs::before,
	.basic_trs::after,
	.basic_trs *,
	.basic_trs *::before,
	.basic_trs *::after {
		-webkit-transition: color 0.2s, background 0.2s, border 0.2s, opacity 0.2s;
		-o-transition: color 0.2s, background 0.2s, border 0.2s, opacity 0.2s;
		transition: color 0.2s, background 0.2s, border 0.2s, opacity 0.2s;
	}
}


/* font family
============================================================================================================ */
.ff_min {
	font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "游明朝", YuMincho, "HGS明朝E", "HG明朝E", "メイリオ", Meiryo, serif;
	font-weight: normal;
}
.ff_en,
.ff_en_before::before,
.ff_en_after::after {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 600;
}
.ff_en.b,
.ff_en_before.b::before,
.ff_en_after.b::after {
	font-weight: 700;
}


/* font
============================================================================================================ */
.fwb {
	font-weight: bold;
}


/* display
============================================================================================================ */
.db {
	display: block;
}
.dib {
	display: inline-block;
}


/* hover
============================================================================================================ */
@media screen and (min-width: 769px), print {
	a.hv_wh,
	button.hv_wh,
	a .hv_wh,
	.hv_wh a {
		position: relative;
		display: block;
		vertical-align: middle;
		/*overflow: hidden;*/
	}
	a.hv_wh::after,
	button.hv_wh::after,
	a .hv_wh::after,
	.hv_wh a::after {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background-color: rgba(255,255,255,0);
		-webkit-transition: background 0.2s;
		-o-transition: background 0.2s;
		transition: background 0.2s;
		z-index: 3;
	}
	a[href].hv_wh:hover::after,
	button.hv_wh:hover::after,
	a[href]:hover .hv_wh::after,
	.hv_wh a[href]:hover::after {
		background-color: rgba(255,255,255,0.3);
	}
	a[href].hv_wh.a20:hover::after,
	button.hv_wh.a20:hover::after,
	a[href]:hover .hv_wh.a20::after,
	.hv_wh.a20 a[href]:hover::after {
		background-color: rgba(255,255,255,0.2);
	}
	a[href].hv_wh.a10:hover::after,
	button.hv_wh.a10:hover::after,
	a[href]:hover .hv_wh.a10::after,
	.hv_wh.a10 a[href]:hover::after {
		background-color: rgba(255,255,255,0.1);
	}

	a[href] .hv_op {
		-webkit-transition: opacity 0.2s;
		-o-transition: opacity 0.2s;
		transition: opacity 0.2s;
	}
	a[href].hv_op:hover,
	a[href]:hover .hv_op {
		opacity: .7;
	}
	a[href].hv_op.a20:hover,
	a[href]:hover .hv_op.a20 {
		opacity: 0.8;
	}
	a[href].hv_op.a10:hover,
	a[href]:hover .hv_op.a10 {
		opacity: 0.9;
	}

	a[href] .hv_zoom {
		-webkit-transition: -webkit-transform 0.3s, opacity .3s;
		-o-transition: -o-transform 0.3s, opacity .3s;
		transition: transform 0.3s, opacity .3s;
		-webkit-transform: scale(1.01);
		-ms-transform: scale(1.01);
		-o-transform: scale(1.01);
		transform: scale(1.01);
	}
	a[href]:hover .hv_zoom {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		-o-transform: scale(1.05);
		transform: scale(1.05);
	}
}



/* target
============================================================================================================ */
.target {
	display: block;
	position: relative;
	width: 1px;
	top: -80px;
}
.target.pt {
	top: -100px;
}
@media screen and (max-width: 768px) {
	.target {
		top: -60px;
	}
	.target.pt {
		top: -80px;
	}
}
@media screen and (max-width: 370px) {
	.target {
		top: -50px;
	}
	.target.pt {
		top: -70px;
	}
}

/* w
============================================================================================================ */
.w {
	position: relative;
	max-width: 980px;
	margin: 0 auto;
}
.w.w1200 {
	position: relative;
	max-width: 100%;
	margin: 0 auto;
}
.w::after {
	content: ""; display: table; clear: both;
}
.mw {
	min-width: 1020px;
}
@media screen and (max-width: 768px) {
	.w,
	.xw {
		padding: 0;
		width: auto !important;
		max-width: none !important;
	}
	.mw {
		min-width: 0;
	}
}



/* header
============================================================================================================ */
@media screen and (min-width: 769px), print {
	#header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		background-color: #fff;
		-webkit-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.1);
		box-shadow: 0 0 10px rgba(0,0,0,.1);
		z-index: 9999;
		padding: 3px 0;
	}
	#header .logo {
		text-align: center;
	}
	#header .logo a {
		display: block;
		padding: 10px 0 10px 0;
	}


	#header .gnav {
		position: relative;
		display: table;
		width: 1200px;
		margin: 5px auto ;
	}
	#header .gnav > li {
		display: table-cell;
		margin-top:5px ;
		vertical-align: middle;
	}
		#header .gnav li a {
		display: block;
		border-left: 1px dotted #cfcfcf;
	}
		#header .gnav > li:first-child {
		border-left: none;
		padding-right: 0;
		vertical-align: top;
		text-align: left;
	}
	#header .gnav li.nav_logo a {
		border-right: none;
		border-left: none;
	}
	#header .gnav > li > a {
		position: relative;
		display: block;
		width: 100%;
		padding: 5px 0 0 0;
		font-size: 1.3rem;
		text-decoration: none;
		text-align: center;
		color: #575757;
		font-weight: 900;
		letter-spacing: -0.01em;
		border-bottom: 3px solid #fff;
	}
	#header .gnav > li > a.imglogo {
		padding: 0 0 0 0;
	}
	#header .gnav a:hover {
		border-bottom: 3px solid #cbac31;
	}
	#header .gnav a.imglogo:hover {
		border-bottom: 3px solid #fff;
	}
	#header .gnav li.nav_logo {
		width: 250px;
	}
		#header .gnav li.nav_news {
		width: 120px;
	}	
		#header .gnav li.nav_concept {
		width: 100px;
	}	
		#header .gnav li.nav_job {
		width: 120px;
	}
		#header .gnav li.nav_int {
		width: 140px;
	}			
		#header .gnav li.nav_movie {
		width: 120px;
	}	
		#header .gnav li.nav_faq {
		width: 100px;
	}	
		#header .gnav li.nav_carrer {
		width: 125px;
	}	
		#header .gnav li.nav_entry {
		width: 125px;
	}
		#header .gnav li.nav_entry a {
		display: block;
		background-color: #c29b2f;
		color: #fff;
		border-bottom: 3px solid #c29b2f;
		border-right: 1px dotted #cfcfcf;
	}
		#header .gnav li.nav_entry a:hover {
		background-color: #fff;
		color: #575757;
		border-bottom: 3px solid #b8a663;
	}		
}
@media print {
	#header {
		position: absolute;
	}
}

@media screen and (max-width: 768px) {
	#header .logo {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		background-color: #fff;
		-webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
		box-shadow: 0 0 5px rgba(0,0,0,.2);
		z-index: 8500;
	}
	#header .logo a {
		display: block;
		width: 200px;
		height: 55px;
		background: url(../images/head/logo_sp.png) no-repeat 50%;
		-webkit-background-size: 170px;
		background-size: 170px;
	}
	#header .logo a img {
		display: none;
	}

	#header .nav_btn {
		position: fixed;
		right: 0;
		top: 0;
		width: 55px;
		height: 55px;
		background-color: #000;
		z-index: 9000;
	}
	#header .nav_btn a {
		position: relative;
		display: block;
		height: 55px;
	}
	#header .nav_btn:before,
	#header .nav_btn a:before,
	#header .nav_btn a:after {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		width: 26px;
		margin-top: -1px;
		margin-left: -13px;
		border-top: 2px solid #fff;
		-webkit-transition: all 0.2s;
		-o-transition: all 0.2s;
		transition: all 0.2s;
	}
	#header .nav_btn a:before {
		-webkit-transform: translateY(-7px);
		-ms-transform: translateY(-7px);
		-o-transform: translateY(-7px);
		transform: translateY(-7px);
	}
	#header .nav_btn a:after {
		-webkit-transform: translateY(7px);
		-ms-transform: translateY(7px);
		-o-transform: translateY(7px);
		transform: translateY(7px);
	}
	#header .nav_close {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		background-color: rgba(0,0,0,.3);
		opacity: 0;
		pointer-events: none;
		z-index: 7000;
	}

	/* open */
	#header.open .nav_btn:before {
		opacity: 0;
	}
	#header.open .nav_btn a:before {
		-webkit-transform: translateY(0) rotate(45deg);
		-ms-transform: translateY(0) rotate(45deg);
		transform: translateY(0) rotate(45deg);
	}
	#header.open .nav_btn a:after {
		-webkit-transform: translateY(0) rotate(-45deg);
		-ms-transform: translateY(0) rotate(-45deg);
		transform: translateY(0) rotate(-45deg);
	}
	#header.open .nav_close {
		opacity: 1;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		pointer-events: auto;
	}

	/* showed */
	#header.showed .nav_close {
		bottom: 0;
		-webkit-transition: opacity .3s;
		-o-transition: opacity .3s;
		transition: opacity .3s;
	}


	#header nav {
		position: fixed;
		top: 57px;
		bottom: 0;
		right: 0;
		width: 280px;
		background-color: #fff;
		-webkit-transform: translateX(110%);
		-ms-transform: translateX(110%);
		-o-transform: translateX(110%);
		transform: translateX(110%);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
		box-shadow: 0 0 10px rgba(0,0,0,.2);
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
		z-index: 8400;
	}
	#header nav > div {
		height: 100%;
		padding: 10px 0 20px;
		overflow-y: auto;
	}

	/* open */
	#header.open nav {
		-webkit-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
	}
	/* showed */
	#header.showed nav {
		-webkit-transition: -webkit-transform 0.3s;
		-o-transition: -o-transform 0.3s;
		transition: transform 0.3s;
	}

	#header nav li {
		border-bottom: 1px solid #f2f2f2;
	}
/*	#header nav .gnav {
		margin: 15px 0;
	}*/
	#header nav .gnav li:nth-of-type(even)  {
		background-color: #eeeeee;
	}
	#header nav .cnav li:nth-of-type(odd)  {
		background-color: #eeeeee;
	}
	#header nav .hnav li:nth-of-type(odd)  {
		background-color: #eeeeee;
	}
	#header nav li a {
		position: relative;
		display: block;
		padding: 12px 20px;
		font-size: 1.3rem;
		line-height: 1.2;
		text-decoration: none;
		color: #444;
	}

	#header nav li a::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		width: 8px;
		height: 8px;
		margin-top: -3px;
		border-top: 2px solid #666666;
		border-right: 2px solid #666666;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}


/* footer
============================================================================================================ */
#footer {
	position: relative;
	background-color: #202020;
	font-size: 1.6rem;
	text-align: center;
	color: #dddddd;
}
#footer a {
	color: #dddddd;
}
@media screen and (max-width: 768px) {
	#footer {
		font-size: 1.3rem;
	}
}

/* bnr
------------------------------------------------------------- */
#footer .bnr {
	background: url(../images/foot/bnr_bg.png) 50%;
	text-align: center;
}

#footer .bnr a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}

@media screen and (min-width: 769px), print {
	#footer .bnr {
		padding: 50px 0;
	}
	#footer .bnr ul + ul {
		margin-top: 30px;
	}
	#footer .bnr li {
		display: inline-block;
		vertical-align: middle;
		padding: 0 4px;
	}
}
@media screen and (max-width: 768px) {
	#footer .bnr {
		padding: 15px 7px;
		-webkit-background-size: 125px;
		background-size: 125px;
	}
	#footer .bnr li {
		float: left;
		width: 50%;
		padding: 3px;
	}
}

/* nav
------------------------------------------------------------- */
@media screen and (min-width: 769px), print {
	#footer nav {
		padding: 30px 0;
	}
	#footer nav ul {
		display: table;
		margin: auto;
	}
	#footer nav ul + ul {
		margin-top: 10px;
	}
	#footer nav ul li {
		display: table-cell;
		vertical-align: middle;
	}
	#footer nav a {
		position: relative;
		padding: 0 1em;
	}
	#footer nav a::after {
		content: "";
		position: absolute;
		top: 3px;
		bottom: 3px;
		right: 0;
		border-right: 1px solid #8d8d8d;
	}
	#footer nav li:first-child a::after {
		content: "";
		position: absolute;
		top: 3px;
		bottom: 3px;
		left: 0;
		border-left: 1px solid #8d8d8d;
	}
}
@media screen and (max-width: 768px) {
	#footer nav {
		margin-left: -1px;
	}
	#footer nav ul li {
		float: left;
		width: 50%;
	}
	#footer nav ul li.home {
		width: 100%;
	}
	#footer nav a {
		position: relative;
		display: block;
		padding: 10px;
		border-left: 1px solid rgba(255,255,255,0.2);
		border-bottom: 1px solid rgba(255,255,255,0.2);
		background-color: #353535;
		font-size: 1.2rem;
	}
	#footer nav a::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 8px;
		height: 8px;
		margin-top: -3px;
		border-top: 2px solid #666666;
		border-right: 2px solid #666666;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}

/* info
------------------------------------------------------------- */
@media screen and (min-width: 769px), print {
	#footer .info {
		display: table;
		margin: 40px auto 0;
		text-align: left;
	}
	#footer .info > * {
		display: table-cell;
		vertical-align: middle;
	}
	#footer .info dd {
		padding-left: 50px;
	}
}
@media screen and (max-width: 768px) {
	#footer .info {
		margin-top: 30px;
	}
	#footer .info dt {
		margin-bottom: 12px;
	}
	#footer .info dt a {
		display: block;
		width: 180px;
		height: 40px;
		margin: auto;
		background: url(../images/foot/logo_sp.png) no-repeat 50%;
		-webkit-background-size: 100%;
		background-size: 100%;
	}
	#footer .info dt a img {
		display: none;
	}
}
@media screen and (max-width: 370px) {
	#footer .info {
		font-size: 1.2rem;
	}
}

/* copyright
------------------------------------------------------------- */
#footer small {
	display: block;
	padding: 50px 0 300px 0;
	font-size: 100%;
	letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
	#footer small {
		margin-top: 20px;
		padding: 15px 0;
		font-size: 1.2rem;
		letter-spacing: 0;
	}
}


/* ページトップ
------------------------------------------------------------- */
@media print {
	#pagetop {
		display: none;
	}
}
#pagetop a {
	display: block;
	position: relative;
	background-color: #000;
	color: #fff;
	text-align: center;
	font-weight: bold;
	line-height: 20px;
}
@media screen and (min-width: 769px) {
	#pagetop {
		position: fixed;
		overflow: hidden;
		bottom: 20px;
		right: 0;
		width: 80px;
		height: 60px;
		z-index: 100;
	}
	#pagetop a {
		overflow: hidden;
		position: absolute;
		width: 60px;
		right: -80px;
		height: 0;
		padding-top: 60px;
		-webkit-transition: right 0.3s, background 0.2s;
		-o-transition: right 0.3s, background 0.2s;
		transition: right 0.3s, background 0.2s;
	}
	#pagetop a::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 16px;
		height: 16px;
		margin: -5px 0 0 -8px;
		border-top: 4px solid #fff;
		border-left: 4px solid #fff;
		-webkit-transform: scaleY(.9) rotate(45deg);
		-ms-transform: scaleY(.9) rotate(45deg);
		-o-transform: scaleY(.9) rotate(45deg);
		transform: scaleY(.9) rotate(45deg);
	}
	#pagetop.show a {
		right: 20px;
	}
	#pagetop a:hover {
		background-color: #ccc;
	}
	#pagetop a:hover::before {
		border-color: #000;
	}
}
@media screen and (max-width: 768px) {
	#pagetop a {
		font-size: 1.2rem;
		line-height: 40px;
	}
	#pagetop a span {
		position: relative;
		display: inline-block;
		padding-right: 22px;
	}
	#pagetop a span::before {
		content: "";
		position: absolute;
		top: 50%;
		right: 0;
		width: 10px;
		height: 10px;
		margin: -3px 0 0;
		border-top: 2px solid #fff;
		border-left: 2px solid #fff;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}
}








/* container
============================================================================================================ */
#container {
	position: relative;
	padding-top: 56px;
	font-size: 1.5rem;
	line-height: 2;
}
@media screen and (max-width: 768px) {
	#container {
		padding-top: 50px;
		font-size: 1.3rem;
	}
}


/* ===================================================================================================================

	パーツ

=================================================================================================================== */


/* title
============================================================================================================ */
/* page_title */
.page_title {
	padding: 30px 0;
	background-color: #353535;
	color: #dddddd;
	text-align: center;
	font-weight: 900;
	font-size: 3.2rem;
	letter-spacing: 2px;
	line-height: 1.5;
}
@media screen and (max-width: 768px) {
	.page_title {
		padding: 20px 0;
		font-size: 2rem;
		letter-spacing: 1px;
	}
}

/* title_l */
.title_l {
	margin-bottom: 5px;
	text-align: center;
	font-size: 2.6rem;
	line-height: 1.6;
}
.title_l .m {
	font-size: 2.0rem;
}

@media screen and (max-width: 768px) {
	.title_l {
		margin-bottom: 30px;
		font-size: 2.2rem;
	}
}

/* .pd_section
============================================================================================================ */
.pd_section {
	padding: 50px 0;
}
@media screen and (max-width: 768px) {
	.pd_section {
		padding: 30px 0;
	}
}


/* .bg_stripe
===================================================== */
.bg_stripelogo {
background-color: #fff;
background: url(../images/bg_logo.jpg) no-repeat 50%;
		-webkit-background-size: 100%;
		background-size: 100%;
	color: #575757;
}
.bg_stripe06 {
background-color: #fff;
background: url(../images/bg_stripe06.jpg) no-repeat 50%;
		-webkit-background-size: 100%;
		background-size: 100%;
	color: #575757;
}
.bg_stripe05 {
background-color: #fff;
background: url(../images/bg_stripe05.jpg) no-repeat 50%;
		-webkit-background-size: 100%;
		background-size: 100%;
	color: #575757;
}
.bg_stripe04 {
background-color: #fff;
background: url(../images/bg_stripe04.jpg) no-repeat 50%;
		-webkit-background-size: 100%;
		background-size: 100%;
	color: #575757;
}
.bg_stripe03 {
background-color: #fff;
background: url(../images/bg_stripe03.jpg) no-repeat 50%;
		-webkit-background-size: 100%;
		background-size: 100%;
	color: #575757;
}
.bg_stripe02 {
background-color: #fff;
background: url(../images/bg_stripe02.jpg) no-repeat 50%;
		-webkit-background-size: 100%;
		background-size: 100%;
	color: #575757;
}
.bg_stripe01 {
background-color: #fff;
background: url(../images/bg_stripe01.jpg) no-repeat 50%;
		-webkit-background-size: 100%;
		background-size: 100%;
	color: #575757;
}
.bg_stripe00 {
background: url(../images/bg_stripe00.jpg) repeat-y 50%;
		-webkit-background-size: 100%;
		background-size: 100%;
}
/* .bg_slash
============================================================================================================ */
.bg_slash {
	background: url(../images/parts/bg_slash.png) 50%;
}
@media screen and (max-width: 768px) {
	.bg_slash {
		-webkit-background-size: 256px;
		background-size: 256px;
	}
.bg_stripe00.no00 {
background: url(../images/bg_stripe05.jpg) repeat-y 50%;
		-webkit-background-size: 100%;
		background-size: 100%;
}
}

/* .bg_fixed
============================================================================================================ */
.bg_fixed {
	background-position: 50%;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.ua_pc .bg_fixed {
	background-attachment: fixed;
}


/* .ph_main
============================================================================================================ */
.ph_main {
	background-color: #000;
}


/* .slide_arrow
============================================================================================================ */
.slide_arrow {
	position: absolute;
	top: 50%;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	overflow: hidden;
}
.slide_arrow::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	border-bottom: 10px solid #b3b3b3;
	border-left: 10px solid #b3b3b3;
	-webkit-transform: scaleX(0.8) rotate(45deg);
	-ms-transform: scaleX(0.8) rotate(45deg);
	-o-transform: scaleX(0.8) rotate(45deg);
	transform: scaleX(0.8) rotate(45deg);
}
.slide_arrow.r {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.slide_arrow.slick-disabled {
	opacity: .1 !important;
	cursor: default;
}

/* .slide_box_arrow
============================================================================================================ */
.slide_box_arrow {
	position: absolute;
	top: 50%;
	width: 60px;
	height: 60px;
	margin-top: -30px;
	padding: 15px;
	background-color: #fff;
	border-radius: 100%;
}
.slide_box_arrow > span {
	position: relative;
	display: block;
	width: 30px;
	height: 30px;
	overflow: hidden;
}
.slide_box_arrow > span::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	border-bottom: 8px solid #000;
	border-left: 8px solid #000;
	-webkit-transform: scaleX(0.8) rotate(45deg);
	-ms-transform: scaleX(0.8) rotate(45deg);
	-o-transform: scaleX(0.8) rotate(45deg);
	transform: scaleX(0.8) rotate(45deg);
}
.slide_box_arrow.r {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.slide_box_arrow.slick-disabled {
	opacity: .1 !important;
	cursor: default;
}
@media screen and (max-width: 768px) {
	.slide_box_arrow {
		-webkit-transform: scale(.6);
		-ms-transform: scale(.6);
		-o-transform: scale(.6);
		transform: scale(.6);
	}
	.slide_box_arrow.r {
		-webkit-transform: scale(.6) rotate(180deg);
		-ms-transform: scale(.6) rotate(180deg);
		-o-transform: scale(.6) rotate(180deg);
		transform: scale(.6) rotate(180deg);
	}
}


/* .slick-dots
============================================================================================================ */
.slick-dots {
	text-align: right;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	width: 85px;
	vertical-align: middle;
	line-height: 1;
}
.slick-dots li button {
	position: relative;
	display: block;
	overflow: hidden;
	width: 100%;
	height: 0;
	margin: 0;
	padding: 30px 0 0;
	border: 0;
	background: none;
}
.slick-dots li button::after {
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	top: 50%;
	height: 4px;
	margin-top: -2px;
	background-color: #434343;
	-webkit-transition: background .3s;
	-o-transition: background .3s;
	transition: background .3s;
}
.slick-dots li.slick-active button::after {
	background-color: #858585;
}
@media screen and (min-width: 769px), print {
	.slick-dots li button:hover::after {
		background-color: #858585;
	}
}
@media screen and (max-width: 768px) {
	.slick-dots {
		margin-right: 10px;
	}
	.slick-dots li {
		margin-left: 5px;
		width: 45px;
	}
	.slick-dots li::before {
		top: -8px;
		-webkit-background-size: 18px;
		background-size: 18px;
	}
	.slick-dots li button::after {
		height: 3px;
	}
}


/* .ph_main_slide_area
============================================================================================================ */
.ph_main_slide_area {
	overflow: hidden;
	position: relative;
	background-color: #000;
	padding-bottom: 15px;
}
.ph_main_slide_area .ph {
	position: relative;
}
.ph_main_slide_area .ph::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 15px;
	width: 250px;
	height: 30px;
	background: url(../images/parts/ph_main_slide_logo.png) no-repeat 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	opacity: .5;
}
.ph_main_slide_area .slick-dots li::before {
	content: "";
	position: absolute;
	left: 50%;
	top: -10px;
	width: 24px;
	height: 20px;
	margin-left: -12px;
	background: url(../images/parts/dot_ico_logo.png) no-repeat 50%;
	-webkit-background-size: 100%;
	background-size: 100%;
	pointer-events: none;
	opacity: 0;
	-webkit-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
}
.ph_main_slide_area .slick-dots li.slick-active::before {
	opacity: 1;
}

@media screen and (min-width: 769px), print {
	.ph_main_slide_area .slide_arrow.l {
		left: -40px;
	}
	.ph_main_slide_area .slide_arrow.r {
		right: -40px;
	}
}
@media screen and (max-width: 768px) {
	.ph_main_slide_area .ph::after {
		left: 5px;
		width: 120px;
	}
	.ph_main_slide_area .slide_arrow::before {
		border-color: rgba(0,0,0,.5);
	}
	.ph_main_slide_area .slide_arrow.l {
		left: 0;
	}
	.ph_main_slide_area .slide_arrow.r {
		right: 0;
	}
	.ph_main_slide_area .ph::after {
	bottom: -15px;
}
}


/* .topics_list_area
============================================================================================================ */
.topics_list_area {
	padding: 50px 0 80px;
}
.title_l {
	margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
	.topics_list_area {
		padding: 30px 0 40px;
	}
	.topics_list_area .title_l {
		margin-bottom: 15px;
	}
}

/* topics_list
============================================================================================================ */
.topics_list {
}
.topics_list li {
	border-bottom: 1px solid #9a9a9a;
}
.topics_list a {
	position: relative;
	display: block;
	color: #575757;
	padding: 10px 0;
	text-decoration: none;
	line-height: 1.5;
}
.topics_list .cat span {
	display: inline-block;
	padding: 3px 5px;
	line-height: 1.3;
	color: #fff;
	text-align: center;
}

.topics_list .cat .info {
	background-color: #78962e;
}
.topics_list .cat .campaign {
	background-color: #004386;
}
.topics_list .cat .news {
	background-color: #bb7a8c;
}
@media screen and (min-width: 769px), print {
	.topics_list a {
		display: table;
		width: 100%;
	}
	.topics_list a > * {
		display: table-cell;
		vertical-align: top;
	}
	.topics_list .time {
		padding-top: 2px;
		width: 150px;
		white-space: nowrap;
		text-align: center;
	}
	.topics_list .cat {
		width: 7em;
	}
	.topics_list .cat span {
		display: block;
	}
	.topics_list .title {
		padding-top: 2px;
		padding-left: 15px;
	}
	.topics_list a:hover .title {
		text-decoration: underline;
	}
}
@media screen and (max-width: 768px) {
	.topics_list {
	}
	.topics_list a {
		padding: 12px 0;
	}
	.topics_list a .time {
		margin-right: 10px;
		padding-top: 1px;
	}
	.topics_list .cat span {
		width: 8em;
		padding: 2px 0;
		font-size: 1rem;
	}
	.topics_list .title {
		display: block;
		margin-top: 7px;
	}
}



/* .basic_table
============================================================================================================ */
.basic_table {
	width: 100%;
	line-height: 1.8;
}
.basic_table th,
.basic_table td {
	padding: 1em 2em;
	border: 1px solid #a5a5a5;
	vertical-align: top;
}
.basic_table th {
	font-weight: bold;
	background-color: #ebdfb5;
}
.basic_table .w20 { width: 20%;}
.basic_table .w25 { width: 25%;}
.basic_table .w30 { width: 30%;}
.basic_table .w35 { width: 35%;}
.basic_table .w40 { width: 40%;}
.basic_table .w45 { width: 45%;}
.basic_table .w50 { width: 50%;}
.basic_table .w55 { width: 55%;}
.basic_table .w60 { width: 60%;}
.basic_table .w65 { width: 65%;}
.basic_table .w70 { width: 70%;}

.basic_table.center th,
.basic_table.center td {
	text-align: center;
}
.basic_table.th_center th {
	text-align: center;
}
.basic_table.td_center td {
	text-align: center;
}

@media screen and (max-width: 768px) {
.basic_table {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
}
	.basic_table th,
	.basic_table td {
		padding: .8em;
	}
	.basic_table .sp_w20 { width: 20%;}
	.basic_table .sp_w25 { width: 25%;}
	.basic_table .sp_w30 { width: 30%;}
	.basic_table .sp_w35 { width: 35%;}
	.basic_table .sp_w40 { width: 40%;}
	.basic_table .sp_w45 { width: 45%;}
	.basic_table .sp_w50 { width: 50%;}
	.basic_table .sp_w55 { width: 55%;}
	.basic_table .sp_w60 { width: 60%;}
	.basic_table .sp_w65 { width: 65%;}
	.basic_table .sp_w70 { width: 70%;}
}



/* ul / ol
============================================================================================================ */
.point_li li {
	position: relative;
	padding-left: 1.2em;
}
.point_li li > span:first-child {
	position: absolute;
	top: 0;
	left: 0;
}

.dot_li > li {
	position: relative;
	padding-left: 1em;
}
.dot_li > li::before {
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}

.squere_li > li {
	position: relative;
	padding-left: 1.2em;
}
.squere_li > li::before {
	content: "■";
	position: absolute;
	top: 0;
	left: 0;
}

.parentheses_li > li {
	position: relative;
	padding-left: 2.2em;
}
.parentheses_li > li > span:first-child {
	position: absolute;
	top: 0;
	left: 0;
}

.num_li {
	margin-left: 1.8em;
	list-style: decimal;
}
.alphabet_li {
	margin-left: 1.8em;
	list-style: lower-latin;
}

.mt_li > li + li {
	margin-top: 1em;
}

.check_li > li {
	position: relative;
	padding-left: 25px;
	font-weight: bold;
	line-height: 1.6;
}
.check_li > li + li {
	margin-top: 0.8em;
}
.check_li > li::before {
	content: "";
	position: absolute;
	top: .3em;
	left: .1em;
	width: 12px;
	height: 8px;
	border-left: 3px solid #0b68ba;
	border-bottom: 3px solid #0b68ba;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.bread7{
margin-left: auto;
margin-right: auto;
padding: 5px 0;
}

/*---------navnavcorporate_start-------------*/

.navnavcorporate {
	width: 100%;
	background-color: #202020;
	
}

.navnavcorporate .servicebox01{
	width: 980px;
	margin: 10px auto;
}

.navnavcorporate .servicebox01 .boxwhite01{
	width: 188px;
	margin-right: 10px;
	padding: 10px;
	background-color: #ddd;
}

.navnavcorporate .servicebox01 .boxwhite01:nth-child(5){
	margin-right:0 ;
}

.navnavcorporate .servicebox01 .boxwhite01 a .co{
	display: table;
}

.navnavcorporate .servicebox01 .boxwhite01 a .co img{
	width: auto;
	height: 50px;
}

.navnavcorporate .servicebox01 .boxwhite01 a .co .tit66{
	width: 70%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
	color: #202020;
}




@media screen and (max-width: 768px) {
	
	.navnavcorporate .servicebox01{
	width: 100%;
	margin: 5% auto;
}
	
	.navnavcorporate .servicebox01 .boxwhite01{
		display: block;
		width: 100%;
		margin-top: 5%;
		padding: 5%;
	}
	
	.navnavcorporate .servicebox01 .boxwhite01:nth-child(1){
	margin-top:0 ;
}
	
	.navnavcorporate .servicebox01 .boxwhite01 a .co img{
		width: 30%;
		height: auto;
		float: right;
	}
	
	.navnavcorporate .servicebox01 .boxwhite01 a .co .tit66{
	width: 50%;
	padding-left: 3%;
	text-align: left;
	vertical-align: middle;
}
	
}



/*---------navnavcorporate_end-------------*/


/*---------navnavsupport_start-------------*/

.navnavsupport {
	width: 100%;
	background-color: #202020;
	
}

.navnavsupport .servicebox01{
	width: 980px;
	margin: 10px auto;
}

.navnavsupport .servicebox01 .boxwhite01{
	width: 155px;
	margin-right: 10px;
	padding: 5px;
	background-color: #ddd;
	margin-top: 0px;
}

.navnavsupport .servicebox01 .boxwhite01:nth-child(6){
	margin-right:0;
}

.navnavsupport .servicebox01 .boxwhite01 a .co{
	display: table;
}

.navnavsupport .servicebox01 .boxwhite01 a .co img{
	width: 50px;
	height: auto;
	margin-bottom: 0px;
	margin-right: 0px;
}

.navnavsupport .servicebox01 .boxwhite01 a .co .tit66{
	width: 70%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
	color: #202020;
	font-weight: 500;
	font-size: 100%;
}




@media screen and (max-width: 768px) {
	
	.navnavsupport .servicebox01{
	width: 100%;
	margin: 5% auto;
}
	
	.navnavsupport .servicebox01 .boxwhite01{
		display: block;
		width: 48%;
		margin-top: 5%;
		padding: 1%;
	}
	
	.navnavsupport .servicebox01 .boxwhite01:nth-child(2){
		margin-right:0 ;
		float: right;
	}
	
	.navnavsupport .servicebox01 .boxwhite01:nth-child(4){
		margin-right:0 ;
		float: right;
	}
	
	.navnavsupport .servicebox01 .boxwhite01:nth-child(6){
		margin-right:0 ;
		float: right;
	}
	
	.navnavsupport .servicebox01 .boxwhite01 a .co img{
		width: 100%;
		height: auto;
		float: right;
	}
	
	.navnavsupport .servicebox01 .boxwhite01 a .co .tit66{
		width: 60%;
		padding-left: 5%;
		text-align: left;
		vertical-align: middle;
	}
	
}

/*---------navnavsupport_end-------------*/

/*---------navinterview_start-------------*/

.navinterview {
	width: 100%;
	background-color: #202020;
	
}

.navinterview .servicebox01{
	width: 980px;
	margin: 10px auto;
}

.navinterview .servicebox01 .btn{
	width: 131px;
	margin-right: 10px;
	background-color: #ddd;
}
.navinterview .servicebox01 .btn img{
	width: 131px;
}

.navinterview .servicebox01 .btn:nth-child(7){
	margin-right:0 ;
}




@media screen and (max-width: 768px) {
	
	.navinterview .servicebox01{
	width: 100%;
	margin: 5% auto;
}
	
	.navinterview .servicebox01 .btn{
		display: block;
		width: 45%;
		margin: 3%;
	}
	
	.navinterview .servicebox01 .btn:nth-child(2),
	.navinterview .servicebox01 .btn:nth-child(4),
	.navinterview .servicebox01 .btn:nth-child(6){
	margin-left: 1% ;
	}
	
	.navinterview .servicebox01 .btn img{
		width: 100%;
	}
	
	.navinterview .servicebox01 .btn a .co img{
		width: 30%;
		height: auto;
		float: right;
	}
	
	.navinterview .servicebox01 .btn a .co .tit66{
	width: 50%;
	padding-left: 3%;
	text-align: left;
	vertical-align: middle;
}
	
}



/*---------navinterview_end-------------*/


.pdflink a {
display: block;
padding: 10px 5px;
text-align: center;
font-weight: 900;
margin: 10px 0;
font-size: 1.8rem;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */
background: #7d7e7d; /* Old browsers */
background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #7d7e7d 0%,#0e0e0e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
color: #fff !important;
text-decoration: none;
}
.pdflink a:visited{
color: #fff !important;
}
.pdflink a:hover {
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	text-decoration: underline;
}
.pdflink a:active {
color: #fff !important;
}


.bnr_drive a {
color: #fff !important;
background-color: #8c733d;
display: block;
margin: 30px auto;
width: 90%;
text-align: center;
padding: 5px 0;
border: 1px solid #8c733d;
text-decoration: none;
font-size: 1.6rem;
}
.bnr_drive a:hover {
color: #8c733d !important;
background-color: #e8e1d7;
text-decoration: underline;
}



.voice {
text-align: center;
font-size: 2.0rem;
margin: 30px auto;
background: linear-gradient(transparent 20%, #bb2428 100%);
color: #fff;
width: 80%;
font-weight: 900;
}


#movie_w {
    width: 100%;
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}
#movie {
    height: 100%;
    overflow: hidden;
}
#movie video {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, 0);
    width: 100%;
    height: auto;
}


@media screen and (max-width: 768px) {
#movie_w {
    height: auto;
    margin-top: 0;
    padding-bottom: 0;
}
#movie {
    margin-top: 0;
    position: relative;
    width: 100%;
    padding-top: 100%;
    overflow: hidden;
}
#movie video {
    position: absolute;
    top: 0;
    left: 50%;
    width: auto;
    transform: translate(-50%, 0);
    height: 100% !important;
}
}
#entry {
    margin-top: -70px;
    padding-top: 70px;
}
.entrybox {
    padding: 10px 0;
    width: 980px;
    margin: 0 auto 120px auto;
}
@media screen and (max-width: 768px) {
.entrybox {
    width: 100%;
}
}

#myVideo {
  position: fixed;
  left: 0;
  top: 56px;
  width: 100%;
  min-height: 600px;
}
#myVideo .myVideo_inn {
   width: 100%; /* ビデオをコンテナの幅に合わせる */
    height: auto; /* 高さは自動調整 */
    display: block; /* デフォルトのビデオのスタイルをオーバーライド */
}
#upcontents {
width: 100%;
position: relative;
z-index: 10;
}
.prr_block {
display:block;
background-color: #fff;
background-attachment: fixed; /*背景画像を固定*/
background-repeat:no-repeat; /*背景画像リピートしない*/
background-size:cover; /*背景画像を画面サイズいっぱいに表示*/
background-position:center top; /*背景画像の開始位置*/
width:100%; /*横幅いっぱいに*/
padding: 100px 0 100px 0;
}
.prr_block.hf50 {
padding: 50px 0 50px 0;
}
.prr_block02 {
display:block;
background-image:url(../images/pbg01.jpg); /*背景画像*/
background-attachment: fixed; /*背景画像を固定*/
background-repeat:no-repeat; /*背景画像リピートしない*/
background-size:cover; /*背景画像を画面サイズいっぱいに表示*/
background-position:center top; /*背景画像の開始位置*/
width:100%; /*横幅いっぱいに*/
padding: 100px 0 100px 0;
}
/*
.txtbg01 {
display:block;
padding:50px 10px 50px 10px;
margin: 0 auto 50px auto;
text-align: left; 
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: tb-rl;
line-break: strict;
-ms-line-break: strict;
-webkit-line-break: strict;
word-break: break-all;
-ms-word-break: break-all;
}
*/
.txtbg01 .copy01 {
font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "游明朝", YuMincho, "HGS明朝E", "HG明朝E", "メイリオ", Meiryo, serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: rotate(0.05deg);
    transform: rotate(0.05deg);
    font-size: 3.6rem;
    line-height: 1.4;
    color: #333333;
    margin-left: 1.5em;
    margin-right: -0.8em;
}
.txtbg01 .copy02 {
font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "HiraMinProN-W3", "游明朝", YuMincho, "HGS明朝E", "HG明朝E", "メイリオ", Meiryo, serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transform: rotate(0.05deg);
    transform: rotate(0.05deg);
    font-size: 2.0rem;
    line-height: 2.2;
    color: #333333;
    margin-left: 1em;
    padding-top: 3em;
}
.txtbg01 .copy02.szml {
    margin-left: 3em;
}


.txtbg02 {
display:block;
background:#fff;
height:100%; /*各ブロックを内包いっぱいの高さに*/
padding:50px 10px 50px 10px;
background:rgba(0,0,0,0.2); /*透過させる*/
color:#fff; /*文字の色*/
width: 980px;
margin: 0 auto 50px auto;
}
.txtbg02 .copy01 {
font-size: 2.4rem;
text-align: left;
}
.txtbg02 .copy02 {
font-size: 1.4rem;
text-align: left;
}
.contbox00  {
width:980px;
margin:0 auto;
}
#c_link.contbox00,
#b_link.contbox00,
#s_link.contbox00  {
width:100%;
margin:0 auto;
padding: 50px 0;
}


@media screen and (max-width: 768px) {
.txtbg01,.txtbg02 {
   width: 100%;
}
#myVideo {
  position: fixed;
  left: 0;
  top: 56px;
  width: 100%;
  min-height: 330px;
  border-left: none;
  border-bottom: none;
  border-right: none;
  border-top: none;
}
#myVideo .myVideo_inn {
   width: 100%; /* ビデオをコンテナの幅に合わせる */
    height: auto; /* 高さは自動調整 */
    display: block; /* デフォルトのビデオのスタイルをオーバーライド */
}

.prr_block {
    padding: 50px 0 50px 0;
}
.contbox00 {
    width: 100%;
    margin: 0 ;
}
}

.menubox{
width:980px; /*横幅いっぱいに*/
padding: 0 0;
margin: 0 auto;
}

.menubox .title_l{
color: #575757;
}
.interviewbox{
width:100%; /*横幅いっぱいに*/
padding: 100px 0 100px 0;
margin: 0 auto;
}

.interviewbox .title_l{
color: #575757;
}
.slider_bnr span{
display: block;
margin: 5px 0 0 0;
text-align: center;
line-height: 1.6;
color: #575757;
font-weight: 900;
}
.slider_bnr div a{
width: 280px;
display: block;
}
.slider_bnr div a:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.slider_bnr div img{
width: 100%;
}
/* -----------------------------------------------------------
	topメニュー
----------------------------------------------------------- */

.point_list {
	margin-bottom:0;
}

.point_list a {
	position: relative;
	display: block;
	background-repeat: no-repeat;
	background-position: 50%;
	-webkit-background-size: cover;
	background-size: cover;
	line-height: 1.8;
}
.point_list a.point01 {
	background-image: url(../images/point01_bg.jpg);
}
.point_list a.point02 {
	background-image: url(../images/point02_bg.jpg);
}
.point_list a.point03 {
	background-image: url(../images/point03_bg.jpg);
}
.point_list a.point04 {
	background-image: url(../images/point04_bg.jpg);
}
.point_list a.point05 {
	background-image: url(../images/point05_bg.jpg);
}
.point_list a.point06 {
	background-image: url(../images/point06_bg.jpg);
}
.point_list a.point07 {
	background-image: url(../images/point07_bg.jpg);
}
.point_list a.point08 {
	background-image: url(../images/point08_bg.jpg);
}
.point_list a.point09 {
	background-image: url(../images/point09_bg.jpg);
}
.point_list a .bg,
.point_list a .bg > div {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}
.point_list a .bg > div {
	background-color: rgba(255,255,255,.9);
	border-radius: 10px 10px 10px 10px; 
}

.point_list a dl dt {
	margin-bottom: 10px;
	font-weight: bold;
	text-align: center;
	font-size: 2rem;
	line-height: 1.6;
	color: #353535;
	font-family: "Sawarabi Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
	.point_list {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 0 -1px;
	}
	.point_list > * {
		width: calc(99%/2);
		border: 1px solid #fff;
	}
	.point_list a {
		overflow: hidden;
		height: 300px;
	}
	.point_list a .bg {
		top: 125px;
		bottom: 125px;
		left: 120px;
		right: 120px;
		-webkit-transition: all .4s;
		-o-transition: all .4s;
		transition: all .4s;
	}
	.point_list a dl {
		position: absolute;
		top: 55px;
		left: 30px;
		right: 30px;
		-webkit-transform: translateY(78px);
		-ms-transform: translateY(78px);
		-o-transform: translateY(78px);
		transform: translateY(78px);
		-webkit-transition: -webkit-transform .4s;
		-o-transition: -o-transform .4s;
		transition: transform .4s;
		z-index: 3;
	}
	.point_list a dd {
		opacity: 0;
		-webkit-transform: translateY(20px);
		-ms-transform: translateY(20px);
		-o-transform: translateY(20px);
		transform: translateY(20px);
		-webkit-transition: -webkit-transform .4s, opacity .4s;
		-o-transition: -o-transform .4s, opacity .4s;
		transition: transform .4s, opacity .4s;
		color: #353535;
		font-size: 1.3rem;
		text-align: center;
	}
	.point_list a:hover .bg {
		top: -2px;
		bottom: -2px;
		left: -2px;
		right: -2px;
	}
	.point_list a:hover dl {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		top: 50px;
	}
	.point_list a:hover dd {
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}

	
@media screen and (max-width: 768px) {	
.menubox{
width:100%; /*横幅いっぱいに*/
padding: 20px 0;
margin: 0 auto;
}
.slider_bnr div a{
width: 80%;
display: block;
}
	.point_list {
	width: 96%;
	margin-left: auto;
	margin-right: auto;
	}
	.point_list > * {
		width: 49%;
		border: 1px solid #fff;
		margin:0.5%;
	}
	.point_list a dl dt {
	font-size: 1.6rem;
}	.point_list a dl {
		left: 10px;
		right: 10px;
	}
	.basic_table th {
    width: 6em;
    font-size: 1.1rem;
    padding: 5px;
}
	.basic_table td {
    font-size: 1.1rem;
        padding: 5px;
}
	}

	
	
	
	
	
	
	
	
	
	/* ブラウザ幅が1500px以上の時のスタイル */
@media (min-width: 1500px) {
    #myVideo {
        width: 1500px; /* 幅を1500pxに固定 */
        margin-left: auto; /* 左マージンを自動に設定 */
        margin-right: auto; /* 右マージンを自動に設定 */
    left: 50%; /* 水平方向の中央 */
    transform: translateX(-50%); /* 水平方向で中心を調整 */
}
 .myVideo_inn {
        width: 100%; /* コンテナにフィットさせる */
        height: auto; /* 高さは自動調整 */
        margin-left: auto; /* 左マージンを自動に設定 */
        margin-right: auto; /* 右マージンを自動に設定 */
    }
    main{
        background-color: #fff;

    }
}

.fadeInElement {
    opacity: 0;
    transition: opacity 1s ease-in-out; /* ここを2秒に変更 */
}

.visible {
    opacity: 1;
}


.fade-in-element {
    opacity: 0; /* 初期状態では透明 */
    transition: opacity 1s ease-in-out; /* アニメーションの設定 */
}
.bnr_rec a:hover img{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}






/*  くるくる  */
.slider_bnr {margin-bottom: 50px;}

/*

.slider_bnr .slider_bnr_inn{margin-bottom: 10px;margin-left: 10px;margin-right: 10px;box-shadow: 5px 5px 5px 0 rgb(0 0 0 / 20%);}
.slider_bnr .slider_bnr_inn a{text-decoration: none;display: block;}


.slider_bnr .slider_bnr_inn span.tit{
background: linear-gradient(#002e8b,#002063 );
color: #fff;
padding: 2px 2px;height: 4.5em;
display: -webkit-flex;display: flex;  -webkit-justify-content: center;
line-height: 1.6;justify-content: center;-webkit-align-items: center;align-items: center;
}

    

.slider_bnr .slider_bnr_inn span{display: block;text-align: center;width: 100%;}
.slider_bnr .slider_bnr_inn span.date{background-color: #fff;}
.slider_bnr .slider_bnr_inn span.restname{background-color: #fff;border-top: 1px solid #ccc;color: #002063;}
.slider_bnr .slider_bnr_inn .slider_bnr_inn_ph img{width: 100%;height: auto;}
.slider_bnr .slider_bnr_inn .slider_bnr_inn_ph{width: 100%;overflow: hidden;}
*/
.slider_bnr .slick-prev.slick-arrow{top: 40%;left: 3%;position: absolute;z-index: 100;}
.slider_bnr .slick-next.slick-arrow{top: 40%;right: 3%;position: absolute;z-index: 100;}
.slider_bnr li:not(.slick-active){opacity: 1;background-color: none;}

@media screen and (min-width: 1261px) {
.slider_bnr{width: 1261px;margin-left: auto;margin-right: auto;}
}
@media screen and (min-width: 769px) {
.slider_bnr{width: 1100px;margin-left: auto;margin-right: auto;}
}
@media screen and (max-width: 768px) {
.slider_bnr .slick-prev.slick-arrow{top: 20%;left: 10%;position: absolute;z-index: 100;}
.slider_bnr .slick-next.slick-arrow{top: 20%;right: 10%;position: absolute;z-index: 100;}
.slider_bnr{margin: 20px auto 0 auto !important;padding-bottom: 10px !important;}

/*
.slider_bnr .slider_bnr_inn span.tit{background-color: #c29313;color: #ffffff;padding: 5px;}

.slider_bnr.slider_bnr05 .slider_bnr_inn .slider_bnr_inn_ph{height: 184px;}
.slider_bnr.slider_bnr02 .slider_bnr_inn .slider_bnr_inn_ph{height: 168px;}
.slider_bnr .slider_bnr_inn span.date{margin: 0 0;}
}

.slider_bnr .slider_bnr_inn span.date{letter-spacing: 0;}
*/
@media screen and (max-width: 1260px) {
.slider_bnr{width: 100%;margin-left: auto;margin-right: auto;}
}
@media screen and (max-width: 1058px) {
.slider_bnr .slick-prev.slick-arrow{top: 30%;left: 10%;position: absolute;z-index: 100;}
.slider_bnr .slick-next.slick-arrow{top: 30%;right: 10%;position: absolute;z-index: 100;}
.slider_bnr{margin: 20px auto 0 auto !important;padding-bottom: 10px !important;}

/*
.slider_bnr .slider_bnr_inn span.tit{background-color: #c29313;color: #ffffff;padding: 5px;}
.slider_bnr .slider_bnr_inn span.date{margin: 5px 0;}
.slider_bnr{width: 100%;margin-left: auto;margin-right: auto;}
.slider_bnr .slider_bnr_inn span{display: block;text-align: center;width: 100%;}
.slider_bnr .slider_bnr_inn .slider_bnr_inn_ph img{width: 100%;height: auto;}
.slider_bnr .slider_bnr_inn .slider_bnr_inn_ph{width: 100%;height: auto;overflow: hidden;}
}
*/
@media screen and (max-width: 768px) {
.slider_bnr .slick-prev.slick-arrow{top: 40%;left: 5%;position: absolute;z-index: 100;}
.slider_bnr .slick-next.slick-arrow{top: 40%;right: 5%;position: absolute;z-index: 100;}
.slider_bnr{margin: 20px auto 0 auto !important;padding-bottom: 10px !important;}

/*
.slider_bnr .slider_bnr_inn span.tit{background-color: #c29313;color: #ffffff;padding: 5px;line-height: 1.6;}

.slider_bnr.slider_bnr05 .slider_bnr_inn .slider_bnr_inn_ph{height: 184px;}
.slider_bnr.slider_bnr02 .slider_bnr_inn .slider_bnr_inn_ph{height: 153px;}
.slider_bnr .slider_bnr_inn span.date{margin: 0 0;padding:5px 0;}
.slider_bnr .slider_bnr_inn span.restname{background-color: #fff;border-top: 1px solid #ccc;color: #002063;padding:5px 0;}
}
*/

@media screen and (max-width: 500px) {
.slider_bnr .slick-prev.slick-arrow img,.slider_bnr .slick-next.slick-arrow img{width: 40px;height: auto;}
.slider_bnr .slick-prev.slick-arrow{top: 40%;left: 5%;position: absolute;z-index: 100;}
.slider_bnr .slick-next.slick-arrow{top: 40%;right: 5%;position: absolute;z-index: 100;}

.slider_bnr .slider_bnr_inn span{width: 100%;line-height: 1.2;}
.slider_bnr .slider_bnr_inn .slider_bnr_inn_ph img{width: 100%;height: auto;}
.slider_bnr .slider_bnr_inn .slider_bnr_inn_ph{width: 100%;height: auto;overflow: hidden;}
.slider_bnr .slider_bnr_inn .slider_bnr_inn_txt{font-size: 1.1rem;}

/*
.slider_bnr.slider_bnr05 .slider_bnr_inn .slider_bnr_inn_ph{height: 150px;}
.slider_bnr.slider_bnr02 .slider_bnr_inn .slider_bnr_inn_ph{height: 153px;}
}

@media screen and (max-width: 321px) {
.slider_bnr.slider_bnr05 .slider_bnr_inn .slider_bnr_inn_ph{height: 150px;}
.slider_bnr.slider_bnr02 .slider_bnr_inn .slider_bnr_inn_ph{height: 130px;}
}
*/