@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* ----------------------------------------
  BaseLayout
  ---------------------------------------- */

.ly_wrap {
	position: relative;
	margin: 0 auto;
	clear: both;
	overflow: hidden;
}
.ly_wrap__hback01 {
	background: url(../img/gl/back01.png) no-repeat center top;
	background-size: 1440px;
}
.ly_wrap__hback02 {
	background: url(../img/gl/back02.jpg) no-repeat center top;
	background-size: 1440px;
}
.ly_contents {
	width: 100%;
	background: #fff;
}
.ly_main { /* news leftcontents */
	width: 67.394%;
}
.ly_sub { /* news rightcontents */
	width: 24.21%;
}
.container.boxm { 
	padding-left: 8%;
	padding-right: 8%;
}
.ly_sbox {
	max-width: 820px;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (min-width :1440px) {
	.ly_wrap__hback01,
	.ly_wrap__hback02 {
		background-size: 100%;
	}
}
@media screen and (min-width :1160px) {
	.container.boxm {
		padding-left: 80px;
		padding-right: 80px;
	}
}
@media screen and (max-width :1000px) {
	.ly_wrap__hback02 {
		background-position: -100px top;
	}
	.container.boxm {
		padding-left: 40px;
		padding-right: 40px;
	}
}
@media screen and (max-width :767px) {
	.ly_wrap__hback01 {
		background-position: -150px -20px;
	}
	.ly_wrap__hback02 {
		background-position: -100px -50px;
	}
	.ly_main {
		width: 100%;
	}
	.ly_sub {
		width: 100%;
	}
	.container.boxm {
		padding-left: 20px;
		padding-right: 20px;
	}
}



/* ----------------------------------------
  Global Spec
  ---------------------------------------- */

/* layout spec */
.hp_cl { clear: both; }
.hp_flr { float: right !important; }
.hp_fll { float: left !important; }
.hp_fln { float: none !important; }
.hp_dn { display: none !important; }
.hp_db { display: block !important; }
.hp_dib { display: inline-block !important; float: none !important; }
.hp_ov { overflow: hidden !important; }

/* Text spec */
.hp_fw7 { font-weight: 700;}
.hp_fw5 { font-weight: 500;}
.hp_fj1 { font-weight: 400; font-family: 'Sawarabi Gothic', 'Noto Sans JP','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Yu Gothic','游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic','メイリオ', sans-serif;}
.hp_fe1 { font-weight: 400; font-family: 'Raleway', sans-serif; font-optical-sizing: auto; font-style: normal;}
.hp_fe1.hp_fw7 { font-weight: 700; }

.hp_fwn {font-weight: 400 !important;;}
.hp_fz0 {font-size: 1rem !important;}/*15px*/
.hp_fzs1 {font-size: 0.933em;}/*14px*/
.hp_fzs2 {font-size: 0.867em;}/*13px*/
.hp_fzs3 {font-size: 0.8em;}/*12px*/
.hp_fzl1 {font-size: 1.067em;}/*16px*/
.hp_fzl2 {font-size: 1.133em;}/*17px*/
.hp_fzl3 {font-size: 1.2em;}/*18px*/
.hp_fzl4 {font-size: 1.267em;}/*19px*/
.hp_fzl5 {font-size: 1.333em;}/*20px*/
.hp_tar { text-align: right !important; }
.hp_tal { text-align: left !important; }
.hp_tac { text-align: center !important; }
.hp_lts0 { letter-spacing: 0px !important;}
.hp_lts1 { letter-spacing: 1px !important;}
.hp_lts2 { letter-spacing: 2px !important;}
.hp_lts3 { letter-spacing: 3px !important;}
.hp_lts5 { letter-spacing: 5px !important;}
.hp_lh20 { line-height: 2.0 !important;}
.hp_lh23 { line-height: 2.3 !important;}
.hp_lh25 { line-height: 2.5 !important;}
.hp_lh1_5 { line-height: 1.5 !important;}
.hp_lh1_6 { line-height: 1.6 !important;}
.hp_lh1_65 { line-height: 1.65 !important;}
.hp_lh1_7 { line-height: 1.7 !important;}
.hp_lh1_8 { line-height: 1.8 !important;}
.hp_lh1_9 { line-height: 1.9 !important;}
.hp_lh2 { line-height: 2.0 !important;}
.hp_tdu, a.hp_tdu {text-decoration: underline;}
.hp_tuline_blu, a.hp_tuline_blu {border-bottom: 1px solid #553df7;}

/* Space spec */
.hp_mb0 { margin-bottom: 0px !important;}
.hp_mb5 { margin-bottom: 5px !important;}
.hp_mb10 { margin-bottom: 10px !important;}
.hp_mb15 { margin-bottom: 15px !important;}
.hp_mb20 { margin-bottom: 20px !important;}
.hp_mb25 { margin-bottom: 20px !important;}
.hp_mb30 { margin-bottom: 30px !important;}
.hp_mb35 { margin-bottom: 35px !important;}
.hp_mb40 { margin-bottom: 40px !important;}
.hp_mb45 { margin-bottom: 45px !important;}
.hp_mb50 { margin-bottom: 50px !important;}
.hp_mb55 { margin-bottom: 55px !important;}
.hp_mb60 { margin-bottom: 60px !important;}
.hp_mb65 { margin-bottom: 66px !important;}
.hp_mb70 { margin-bottom: 70px !important;}
.hp_mb75 { margin-bottom: 75px !important;}
.hp_mb80 { margin-bottom: 80px !important;}
.hp_mb85 { margin-bottom: 85px !important;}
.hp_mb90 { margin-bottom: 90px !important;}
.hp_mb95 { margin-bottom: 95px !important;}
.hp_mb100 { margin-bottom: 100px !important;}
.hp_mb110 { margin-bottom: 110px !important;}
.hp_mb120 { margin-bottom: 120px !important;}

.hp_mt0 { margin-top: 0px !important;}
.hp_mt10 { margin-top: 10px !important;}
.hp_mt15 { margin-top: 15px !important;}
.hp_mt20 { margin-top: 20px !important;}
.hp_mt25 { margin-top: 25px !important;}
.hp_mt30 { margin-top: 30px !important;}
.hp_mt35 { margin-top: 35px !important;}
.hp_mt40 { margin-top: 40px !important;}
.hp_mt45 { margin-top: 45px !important;}
.hp_mt50 { margin-top: 50px !important;}
.hp_mt60 { margin-top: 60px !important;}
.hp_mt70 { margin-top: 70px !important;}

.hp_pt0 { padding-top: 0px !important;}
.hp_pt5 { padding-top: 5px !important;}
.hp_pt10 { padding-top: 10px !important;}
.hp_pt15 { padding-top: 15px !important;}
.hp_pt20 { padding-top: 20px !important;}
.hp_pt25 { padding-top: 25px !important;}
.hp_pt30 { padding-top: 30px !important;}
.hp_pt35 { padding-top: 35px !important;}
.hp_pt40 { padding-top: 40px !important;}
.hp_pt45 { padding-top: 45px !important;}
.hp_pt50 { padding-top: 50px !important;}
.hp_pt55 { padding-top: 55px !important;}
.hp_pt60 { padding-top: 60px !important;}
.hp_pt65 { padding-top: 65px !important;}
.hp_pt70 { padding-top: 70px !important;}
.hp_pt75 { padding-top: 75px !important;}
.hp_pt80 { padding-top: 80px !important;}
.hp_pt85 { padding-top: 85px !important;}
.hp_pt90 { padding-top: 90px !important;}
.hp_pt95 { padding-top: 95px !important;}
.hp_pt100 { padding-top: 100px !important;}
.hp_pt110 { padding-top: 110px !important;}
.hp_pt120 { padding-top: 120px !important;}

.hp_pb0 { padding-bottom: 0px !important;}
.hp_pb5 { padding-bottom: 5px !important;}
.hp_pb10 { padding-bottom: 10px !important;}
.hp_pb15 { padding-bottom: 15px !important;}
.hp_pb20 { padding-bottom: 20px !important;}
.hp_pb25 { padding-bottom: 25px !important;}
.hp_pb30 { padding-bottom: 30px !important;}
.hp_pb35 { padding-bottom: 35px !important;}
.hp_pb40 { padding-bottom: 40px !important;}
.hp_pb45 { padding-bottom: 45px !important;}
.hp_pb50 { padding-bottom: 50px !important;}
.hp_pb60 { padding-bottom: 60px !important;}
.hp_pb70 { padding-bottom: 70px !important;}
.hp_pb75 { padding-bottom: 75px !important;}
.hp_pb80 { padding-bottom: 80px !important;}
.hp_pb85 { padding-bottom: 85px !important;}
.hp_pb90 { padding-bottom: 90px !important;}
.hp_pb95 { padding-bottom: 95px !important;}
.hp_pb100 { padding-bottom: 100px !important;}
.hp_pb120 { padding-bottom: 120px !important;}
.hp_pb130 { padding-bottom: 130px !important;}
.hp_pb150 { padding-bottom: 150px !important;}

.hp_mr0 { margin-right: 0 !important;}
.hp_mr10 { margin-right: 10px !important;}
.hp_mr20 { margin-right: 20px !important;}
.hp_ml10 { margin-left: 10px !important;}
.hp_ml20 { margin-left: 20px !important;}
.hp_p0 { padding: 0;}
.hp_prl20 { padding: 0 20px;}

@media screen and (max-width: 767px) {
	.hptb_mb0 { margin-bottom: 0 !important;}
	.hptb_mb5 { margin-bottom: 5px !important;}
	.hptb_mb10 { margin-bottom: 10px !important;}
	.hptb_mb15 { margin-bottom: 15px !important;}
	.hptb_mb20 { margin-bottom: 20px !important;}
	.hptb_mb25 { margin-bottom: 25px !important;}
	.hptb_mb30 { margin-bottom: 30px !important;}
	.hptb_mb35 { margin-bottom: 35px !important;}
	.hptb_mb40 { margin-bottom: 40px !important;}
	.hptb_mb45 { margin-bottom: 45px !important;}
	.hptb_mb50 { margin-bottom: 50px !important;}
	.hptb_mb60 { margin-bottom: 60px !important;}
	.hptb_mb70 { margin-bottom: 70px !important;}
	.hptb_mb100 { margin-bottom: 100px !important;}
	.hptb_mt10 { margin-top: 10px !important;}
	.hptb_p0 { padding: 0;}
	
	.hptb_pt0 { padding-top: 0px !important;}
	.hptb_pt5 { padding-top: 5px !important;}
	.hptb_pt10 { padding-top: 10px !important;}
	.hptb_pt15 { padding-top: 15px !important;}
	.hptb_pt20 { padding-top: 20px !important;}
	.hptb_pt25 { padding-top: 25px !important;}
	.hptb_pt30 { padding-top: 30px !important;}
	.hptb_pt35 { padding-top: 35px !important;}
	.hptb_pt40 { padding-top: 40px !important;}
	.hptb_pt45 { padding-top: 45px !important;}
	.hptb_pt50 { padding-top: 50px !important;}
	.hptb_pt55 { padding-top: 55px !important;}
	.hptb_pt60 { padding-top: 60px !important;}
	.hptb_pt65 { padding-top: 65px !important;}
	.hptb_pt70 { padding-top: 70px !important;}
	
	.hptb_pb0 { padding-bottom: 0px !important;}
	.hptb_pb5 { padding-bottom: 5px !important;}
	.hptb_pb10 { padding-bottom: 10px !important;}
	.hptb_pb15 { padding-bottom: 15px !important;}
	.hptb_pb20 { padding-bottom: 20px !important;}
	.hptb_pb25 { padding-bottom: 25px !important;}
	.hptb_pb30 { padding-bottom: 30px !important;}
	.hptb_pb35 { padding-bottom: 35px !important;}
	.hptb_pb40 { padding-bottom: 40px !important;}
	.hptb_pb45 { padding-bottom: 45px !important;}
	.hptb_pb50 { padding-bottom: 50px !important;}
	.hptb_pb60 { padding-bottom: 60px !important;}
	.hptb_pb70 { padding-bottom: 70px !important;}
	.hptb_pb75 { padding-bottom: 75px !important;}
	.hptb_pb80 { padding-bottom: 80px !important;}
	.hptb_pb100 { padding-bottom: 100px !important;}
	
	.hptb_fzs0 {font-size: 1em;}/*15px*/
	.hptb_fzs1 {font-size: 0.933em;}/*14px*/
	.hptb_fzs2 {font-size: 0.867em;}/*13px*/
	.hptb_fzs3 {font-size: 0.8em;}/*12px*/
	.hptb_fzl1 {font-size: 1.067em;}/*16px*/
	.hptb_fzl2 {font-size: 1.133em;}/*17px*/
	.hptb_fzl3 {font-size: 1.2em;}/*18px*/
	.hptb_fzl4 {font-size: 1.267em;}/*19px*/
	.hptb_fzl5 {font-size: 1.333em;}/*20px*/
	
	.hptb_mr0 { margin-right: 0 !important;}
	.hptb_ml0 { margin-left: 0 !important;}
	.hptb_lh20 { line-height: 2.0 !important;}
}
@media screen and (max-width: 480px) {
	.hpsp_p0 { padding: 0;}
	.hpsp_prl10 { padding: 0 10px;}
	.hpsp_pl0 { padding-left: 0;}
	.hpsp_pr0 { padding-right: 0;}
}

/* background color */
.hp_bg_ygrn { background: #8abf45;}
.hp_bg_gradblue { background: rgb(116,155,252); background: linear-gradient(94deg, rgba(116,155,252,1) 7%, rgba(85,61,247,1) 52.6%, rgba(63,61,218,1) 88.3%); }
.hp_bg_gradblue2 { background: #F1F5FF; background: linear-gradient(90deg,rgba(241, 245, 255, 1) 7%, rgba(238, 235, 254, 1) 52.6%, rgba(235, 235, 251, 1) 88.3%); }
.hp_bg_lblue { background: #e8f0f5; }
.hp_bg_gry { background: #f4f4f5; }

/* color */
.hp_fcl_wht, a.hp_fcl_wht  { color: #fff;}
.hp_fcl_bk, a.hp_fcl_bk  { color: #1e2530;}
.hp_fcl_blue, a.hp_fcl_blue  { color: #553df7;}
.hp_fcl_lgrn, a.hp_fcl_lgrn  { color: #8abf45;}
.hp_fcl_glay, a.hp_fcl_glay  { color: #61666e;}


/* Mobile relations */
@media screen and (min-width:768px),print {
	.hptb_view { display: none !important;}
	br.hptb_br { display: none;}
	br.hppc_br { display: block;}
	br.hpsp_br { display: none;}
}
@media screen and (max-width: 767px) {
	.hppc_view { display: none !important;}
	br.hptb_br { display: block;}
	br.hppc_br { display: none;}
	br.hpsp_br { display: none;}
	.hptb_tar { text-align: right !important; }
	.hptb_tal { text-align: left !important; }
	.hptb_tac { text-align: center !important; }
}
@media screen and (max-width: 480px) {
	br.hpsp_br { display: block;}
}

/* arrows */
.oy_arw { 
	position: relative;
	vertical-align: middle;
}
.oy_arws li a,.oy_arwli li {
	position: relative;
	vertical-align: middle;
}
.oy_arw::before,
.oy_arw::after,
.oy_arws li a::before,
.oy_arws li a::after,
.oy_arwli li::before,
.oy_arwli li::after { 
	position: absolute;
	margin: auto; 
	content: '';
	vertical-align: middle;
}

/* flex */
.oy_flex {
	width: 100%;
	display:-webkit-box;
	display:-moz-box;
	display:box;
	display:-webkit-flex;
	display:flex;

	-moz-box-orient:horizontal;
	-webkit-box-orient:horizontal;
	flex-direction:row;

	-ms-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;

	-moz-box-pack:justify;
	-ms-box-pack:justify;
	box-pack:justify;
	flex-pack:justify;
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
}
.oy_flex.oy_flex_rvr {
	-moz-box-orient:row-reverse;
	-webkit-box-orient:row-reverse;
	flex-direction:row-reverse;
}
.oy_flex.oy_flex_center {
	-webkit-justify-content:center;
	justify-content:center;
}
.oy_flex.oy_flex_acenter {
	align-items: center;
}
.oy_flex.oy_flex_abottom {
	align-items: flex-end;
}
.oy_flex.oy_flex_bothend {
	justify-content: space-between;
}

/*  info dl table  */
.oy_dlinfo { 
	width: 100%;
	overflow: hidden;
	border-top: 1px solid #bbbec1;
}
.oy_dlinfo dt { 
	width: 10em;
	float: left;
	clear: both;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 13px;
	padding-bottom: 13px;
}
.oy_dlinfo dd { 
	padding-left: 10em;
	padding-right: 2em;
	padding-top: 13px;
	padding-bottom: 13px;
	border-bottom: 1px solid #bbbec1;
}
@media screen and (max-width: 767px) {
	.oy_dlinfo { 
		padding-top: 10px;
	}
	.oy_dlinfo dt { 
		width: auto;
		float: none;
		padding-left: .2em;
		padding-right: 0;
		padding-bottom: 0;
		padding-top: 5px;
	}
	.oy_dlinfo dd { 
		padding-left: .2em;
		padding-right: 0;
		padding-top: 5px;
		margin-bottom: .5em;
	}
}

/* teble */
table {
	border-top: 1px solid #bbbec1;
	border-left: 1px solid #bbbec1;
	border-collapse: collapse;
	text-align: left;
	background:#fff;
}
table th {
	padding: 15px 20px;
	border-right: 1px solid #bbbec1;
	border-bottom: 1px solid #bbbec1;
	background-color: #f2f2f2;
	font-weight: normal;
}
table td {
	padding: 15px 20px;;
	border-right: 1px solid #bbbec1;
	border-bottom: 1px solid #bbbec1;
}
@media screen and (max-width: 767px) {
/* 	table { font-size: 0.92em; } */
  	table th { padding: 10px 15px; }
	table td { padding: 10px 15px; }

	table.oy_coltable { border-collapse: inherit; width: 100%; display: block; }
	table.oy_coltable tbody { width: 100%; display: block; }
	table.oy_coltable tr { width: 100%; display: block; }
	table.oy_coltable th { width: 100%; display: block; }
	table.oy_coltable td { width: 100%; display: block; }
	table.oy_coltable caption { width: 100%; display: block; }

	table.oy_scltable { width: 100%; overflow: auto; -webkit-overflow-scrolling: touch; }
	table.oy_scltable table { width: auto; height: auto;}
	table.oy_scltable::-webkit-scrollbar{ height: 5px; /* scroll bar height */ }
	table.oy_scltable::-webkit-scrollbar-track{ background: #F1F1F1; /* scroll bar background */ }
	table.oy_scltable::-webkit-scrollbar-thumb { background: #d6d6d6; /* scroll bar color */ }
	table.oy_scltable table th,.oy_scltable table td {  white-space: nowrap; }
}

/* pankuzu */
#breadcrumb {
	position: relative;
	clear: both;
	overflow: hidden;
	padding: 43px 20px 30px 40px;
	font-size: 12px;
}
#breadcrumb,
#breadcrumb a {
	color: #888;
}
#breadcrumb ul li {
	display: inline-block;
	padding: 0 13px 0 0;
	margin-right: 8px;
	position: relative;
}
#breadcrumb ul li::after {
	position: absolute; margin: auto; content: ""; vertical-align: middle; right:0;
	top:0; bottom:0; width: 4px; height: 4px;
	border-top: 1px solid #888; border-right: 1px solid #888;
	-webkit-transform: rotate(45deg); transform: rotate(45deg);
	transition: all 0.3s ease; }
#breadcrumb ul li:last-child::after {
	display: none;
}
@media screen and (max-width: 767px) {
	#breadcrumb {
		font-size: 10.5px;
		padding: 75px 3px 0px 10px;
		text-align: right;
	}
	#breadcrumb ul li {
		display: inline;
	}
	#breadcrumb ul li:last-child {
		padding-right: 0;
	}
}

/* ----------------------------------------------------------------
	Global contents
-----------------------------------------------------------------*/

/* page title
------------------- */

/* page title main */

.el_pgttl {
	text-align: center;
}
.el_pgttl__h_bigimage { padding: 45px 30px 440px;}
.el_pgttl__df {	padding: 40px 30px 60px;}

.el_pgttl .hp_fj1 {
	font-size: 35px;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.el_pgttl__h_bigimage { padding: 65px 20px 57.37vw;}
	.el_pgttl__df {	padding: 45px 20px 50px;}
	
	.el_pgttl h1 {
		font-size: 27px;
		line-height: 1.4;
	}
}

/* page title big image pattern */
.el_h_bigimage {
	position: relative;
	max-width: 860px;
	margin-left: auto;
	margin-right: auto;
	top: -380px;
	margin-bottom: -280px;
}
.el_h_bigimage_img {
	display: block;
	padding: 0 20px;
}
.ly_wrap__hback01 .el_h_bigimage_img img {
	box-shadow: 8px 8px 11px 0 rgba(27, 27, 204, 0.18);
}
.ly_wrap__hback02 .el_h_bigimage_img img {
	box-shadow: 8px 8px 11px 0 rgba(138, 191, 69, 0.28);
}
.el_h_bigimage_i {
	display: block;
	position: absolute;
	width: 150px;
	height: 150px;
	top: -75px;
	right: -55px;
	animation: rotate 23s linear infinite;
}
@media screen and (max-width: 767px) {
	.el_h_bigimage {
		top: -50.54vw;
		margin-bottom: -36.51vw;
		padding-top: 30px;
	}
	.el_h_bigimage_img {
		padding: 0 15px;
	}
	.el_h_bigimage_img img {
		box-shadow: 6px 6px 9px 0 rgba(27, 27, 204, 0.18);
	}
	.el_h_bigimage_i {
		width: 100px;
		height: 100px;
		top: -20px;
		right: -35px;
	}
}


/* title
------------------- */

/* title jp large size */

.el_ttl_jplg {
	font-size: 30px;
	letter-spacing: .18em;
}
.el_ttl_jpsub {
	font-size: 26px;
	letter-spacing: .1em;
}
@media screen and (max-width: 768px) {
	.el_ttl_jplg {
		font-size: 26px;
	}
	.el_ttl_jpsub {
		font-size: 22px;
	}
}

/* title blue gradation icon & glayborder */

.el_ttl01 {
	letter-spacing: .18em;
	border-bottom: 1px solid #bbbec1;
	padding: 0 0 .45em 37px;
	margin-bottom: .45em;
}
.el_ttl01::before {
	width: 25px;
	height: 25px;
	background: rgb(116,155,252);
	background: linear-gradient(94deg, rgba(116,155,252,1) 7%, rgba(85,61,247,1) 52.6%, rgba(63,61,218,1) 88.3%);
	border-radius: 5px;
	left: 0;
}
.el_ttl01.el_ttl01__fontl { font-size: 30px;}
.el_ttl01.el_ttl01__fonts { font-size: 25px;}
.el_ttl01.el_ttl01__fontl::before { top: .34em;}
.el_ttl01.el_ttl01__fonts::before { top: .28em;}

@media screen and (max-width: 768px) {
	.el_ttl01.el_ttl01__fontl { font-size: 24px;}
	.el_ttl01.el_ttl01__fonts { font-size: 22px;}
}

/* title blue circleicon  ※ oy_arwliと併用する */

.el_ttl_blucircle {
	padding-left: 1.3em;
}
.el_ttl_blucircle::before {
	width: .88em;
	height: .88em;
	background: #553df7;
	border-radius: 50%;
	left: 0;
	top: .55em;
}






/* page btn and link
------------------- */

/* btn corner round */
a.el_btn_cor_rud {
	display: inline-block;
	line-height: 1.5;
	border-radius: 8px;
	padding: .85em 3em .85em 3em;
}

/* btn blue gradation */
a.el_btn_gradbluearw {
	color: #fff;
	line-height: 1.5;
	background: rgb(116,155,252);
	background: linear-gradient(94deg, rgba(116,155,252,1) 7%, rgba(85,61,247,1) 52.6%, rgba(63,61,218,1) 88.3%);
	border-radius: 8px;
	padding: .85em 3.5em .85em 3em;
}
a.el_btn_gradbluearw.el_btn_gradbluearw__rec {
	background: #8abf45;
}
.el_btn_gradbluearw_i {
	display: inline-block;
	width: 1.9em;
	height: 1.9em;
	border: 1px solid #fff;
	border-radius: 50%;
	right: -2em;
	top: -.2em;
}
.el_btn_gradbluearw_i::before {
	width: 1.15em;
	height: 1px;
	background: #fff;
	right: .35em;
	top: 0;
	bottom: 0;
}
.el_btn_gradbluearw_i::after {
	width: .3em;
	height: .3em;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	right: .35em;
	top: 0;
	bottom: 0;
}

/* btn blue circle & arrow */
.el_btn_circarw_blue {
	display: inline-block;
	padding-right: 3em;
}
.el_btn_circarw_blue::before {
	width: 2.3em;
	height: 2.3em;
	border: 1px solid #553df7;
	border-radius: 50%;
	right: 0;
	top: 0;
	bottom: 0;
}
.el_btn_circarw_blue span.el_btn_circarw_blue_i {
	position: absolute;
	display: inline-block;
	right: .2em;
	top: 0;
	bottom: 0;
}
.el_btn_circarw_blue span.el_btn_circarw_blue_i::before {
	width: 1.5em;
	height: 1px;
	background: #553df7;
	right: .35em;
	top: 0;
	bottom: 0;
}
.el_btn_circarw_blue span.el_btn_circarw_blue_i::after {
	width: .3em;
	height: .3em;
	border-top: 1px solid #553df7;
	border-right: 1px solid #553df7;
	transform: rotate(45deg);
	right: .35em;
	top: 0;
	bottom: 0;
}
.el_btn_circarw_blue:hover {
	color: #553df7;
}


/* btn tab icon */

a.el_btn_tab {
	display: inline-block;
	padding: 0 1.8em 0 0;
	background-image: url(../img/gl/i_link@2x.png);
	background-repeat: no-repeat;
	background-position: right .35em;
	background-size: 1.2em;
}

/* btn link underline blue */

.el_ulinlink {
	border-bottom: 1px solid #3f3eda;
	padding-left: .25em;
	padding-right: .25em;
}




/* list
------------------- */

/* list i mini size  ※ oy_arwliと併用する */

.el_list_imini li {
	padding-left: 1.1em;
}
.el_list_imini li::before {
	width: 4px;
	height: 4px;
	background: #553df7;
	border-radius: 50%;
	left: .3em;
	top: .9em;
}

/* list i regular lineheight small ※ oy_arwliと併用する */

.el_list_iregular_lhs li {
	padding-left: 1.4em;
}
.el_list_iregular_lhs li::before {
	width: .65em;
	height: .65em;
	background: #553df7;
	border-radius: 50%;
	left: .2em;
	top: .45em;
}


/* block
------------------- */

.bl_2cm {
	justify-content: space-between;
}
.bl_2cm_lg {
	width: 54.545%;
}
.bl_2cm_sm {
	width: 38.272%;
}
@media screen and (max-width: 768px) {
	.bl_2cm_lg {
		width: 100%;
	}
	.bl_2cm_sm {
		width: 100%;
	}
}


/* ----------------------------------------------------------------
	Header
-----------------------------------------------------------------*/

.header {
	position: relative;
	width: 100%;
	padding: 0 30px;
	top: 29px;
	z-index: 999;
}
.idxpage .header {
	position: absolute;
}

/* pc nav wrap */
.h_pc {
	background: rgba(255, 255, 255, 0.76);
	border-radius: 10px;
	padding: 13px 20px 13px 22px;
}
.idxpage .h_pc {
	box-shadow: 0px 0px 5px 0px rgba(27, 27, 204, 0.40);
}

.h_pc_ttl {
	width: 336px;
}
.h_pc_ttl img {
	max-width: 336px;
}
.h_pc_nav {
	width: calc(100% - 356px);
	margin-left: 20px;
	justify-content: flex-end;
	align-items: center;
}

/* navigation */
.h_pc_navin {
	margin: 0 .5em 0 0;
}
.h_pc_navli {
	display: inline-block;
	margin: 0 .5em;
}
.h_pc_nav_a {
	display: inline-block;
	line-height: 1.4;
	padding: .8em 0;
	cursor: pointer; 
}
.h_pc_nav_a:hover {
	color: #1e2530;
}
.h_pc_navli:hover .h_pc_nav_a::before {
	width: 100%;
	height: 1px;
	background: #553df7;
	bottom: 0;
}
.h_pc_navli.h_pc_mgmenu:hover .h_pc_nav_a::after {
	height: 5px;
	width: 5px;
	background: #553df7;
	border-radius: 50%;
	bottom: -2px;
	left: 0;
	right: 0;
}
/* mega */
.h_pc_mgmenu {
	position: relative;
}
.h_pc_mgmenubox {
	display: none;
	position: absolute;
	width: 260px;
	left: 50%;
	transform: translateX(-50%);
	padding-top: 25px;
}
.h_pc_mgmenu:hover .h_pc_mgmenubox {
	display: block;
}
.h_pc_mgmenuboxnav {
	background: rgba(255, 255, 255, 0.76);
	box-shadow: 0px 0px 5px 0px rgba(27, 27, 204, 0.40);
	border-radius: 9px;
	padding: 23px 30px 23px 30px;
}
.h_pc_mgmenuboxnav li {
	line-height: 1.5;
	padding: .7em 0 .7em 1.1em;
}
.h_pc_mgmenuboxnav li::before {
	width: .85em;
	height: .85em;
	background: #553df7;
	border-radius: 50%;
	top: 1.08em;
	left: 0;
}
.h_pc_mgmenuboxnav li a:hover {
	color: #553df7;
}

/* recruit contact btn */

.h_pc_subnav li {
	display: inline-block;
	margin-left: .5em;
}
a.h_pc_subnavbtn {
	display: inline-block;
	color: #fff;
	border-radius: 8px;
	padding: 4px 22px 6px;
}
a.h_pc_subnavbtn {
	display: inline-block;
	color: #fff;
	border-radius: 8px;
	padding: 4px 22px 6px;
}

@media screen and (max-width: 1060px) {
	/* pc nav wrap */
	.h_pc_ttl {
		width: 100%;
	}
	.h_pc_nav {
		width: 100%;
	}
}	
@media screen and (max-width: 767px) {
	.header,
	.idxpage .header {
		position: fixed;
		padding: 0;
		top: 0;
	}
	.h_sp {
		position: relative;
		background: rgba(255, 255, 255, 0.9);
		box-shadow: 0px 0px 5px 0px rgba(27, 27, 204, 0.15);
		border-radius: 7px;
		margin: 10px;
		padding: 13px 20px 13px 14px;
		transition: 0.3s;
	}
	.idxpage .h_sp {
		box-shadow: 0px 0px 5px 0px rgba(27, 27, 204, 0.40);
	}
	.h_sp.open {
		background: rgba(255, 255, 255, 0.96);
	}
	.h_sp_ttl {
		width: 80%;
		max-width: 250px;
	}
	
	/* Toggle Button */
	.h_sp_toggle {
		position: absolute;
		z-index: 999;
		cursor: pointer;
		width: 60px;
		height: 60px;
		right: 0;
		top: 0;
		bottom: 0;
	}
	.h_sp_toggle span {
		display: block;
		position: absolute;
		height: 2px;
		width: 32px;
		right: 13px;
		border-radius: 5px;
		transition: 0.3s;
	}
	.h_sp_toggle span:nth-child(1) { top: 20px; background: #3f3eda; }
	.h_sp_toggle span:nth-child(2) { top: 30px; background: #3f3eda; }
	.h_sp_toggle span:nth-child(3) { top: 40px; background: #3f3eda; }

	/* Toggle OPEN */
	.open .h_sp_toggle span:nth-child(1) {
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
		top: 30px;
	}
	.open .h_sp_toggle span:nth-child(2) {
		display: none;
	}
	.open .h_sp_toggle span:nth-child(3) {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		top: 30px;
	}
	
	/* sp global nav */
	.h_sp_navwrap {
		max-height: 0;
		overflow: hidden;
		transition: max-height 0.3s ease-out, padding 0.3s ease-out;
	}
	.h_sp_nav {
		padding: 20px 10px 20px 10px;
	}
	.h_sp_navli {
		border-bottom: 1px solid #bbbec1;
	}
	.h_sp_nav li.h_sp_navli:first-child {
		border-top: 1px solid #a1a1a1;
	}
	a.h_sp_navli_a {
		display: block;
		color: #1e2530;
		line-height: 1.5;
		padding: .8em .5em;
	}
	a.h_sp_navli_a::before {
		width: 1.2em;
		height: 1px;
		background: #3f3eda;
		right: .5em;
		top: 0;
		bottom: 0;
	}
	a.h_sp_navli_a::after {
		width: .3em;
		height: .3em;
		border-top: 1px solid #3f3eda;
		border-right: 1px solid #3f3eda;
		transform: rotate(45deg);
		right: .5em;
		top: 0;
		bottom: 0;
	}
	
	/* child */
	.h_sp_navchidttl {
		display: inline-block;
		padding: .8em .5em 0;
	}
	.h_sp_navchid {
		padding: 0 .5em .8em;
	}
	.h_sp_navchid li {
		font-size: .92em;
		padding: .25em 0 .25em 1.7em;
	}
	.h_sp_navchid li::before {
		width: .85em;
		height: .85em;
		background: #553df7;
		border-radius: 50%;
		top: 1em;
		left: .5em;
	}
	
	/* sub nav */
	.h_sp_subnav {
		padding: 20px .5em 0;
	}
	a.h_sp_subnavbtn {
		display: block;
		color: #fff;
		border-radius: 8px;
		padding: 4px 22px 6px;
	}

}

 
/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/

/* contact */
.f_contact {
	padding: 50px 0 50px 0;
	text-align: center;
}
.f_contact_ttl h1 {
	font-size: 39px;
	color : #1e2530;
	display: block;
	letter-spacing: 3px;
}
.f_contact_tel {
	display: inline-block;
	width: 350px;
	background: #fff;
	border-radius: 8px;
	padding: 10px 10px 20px 10px;
	margin: 0 23px 15px;
}
.f_contact_tel address {
	display: inline-block;
	font-size: 25px;
	color: #1e2530;
	background: url(../img/gl/i_tel@2x.png) no-repeat left top 11px;
	background-size: 18px;
	padding: 0 16px 0px 24px;	
}
a.f_contact_mail {
	display: inline-block;
	width: 350px;
	color: #fff;
	font-size: 25px;
	border-radius: 8px;
	margin: 0 23px 15px;
	padding: 5px 10px 15px 10px;
}
@media screen and (max-width: 1000px) {
	.f_contact_ttl h1 {
		font-size: 38px;
	}
}
@media screen and (max-width: 767px) {
	.f_contact {
		padding: 40px 0 30px 0;
	}
	.f_contact_ttl h1 {
		font-size: 30px;
		line-height: 1.3;
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 560px) {
	.f_contact_tel,
	a.f_contact_mail {
		width: 96%;
		margin: 0 0 15px;
	}
}

/* footer main */	
.f_gl_wrap {
	padding-top: 60px;
	margin-bottom: 40px;
}
.f_gl_wrap h1 {
	margin: 0 0 28px 0;
}
.f_gl::before {
	width: 1px;
	height: 100%;
	background: #8e9297;
	left: 0;
	right: 0;
}
.f_gl_ad {
	width: 50%;
}
.f_gl_adbox {
	width: 42%;
	margin: 0 8% 20px 0;
}
.f_gl_adbox_link {
	margin-left: 1em;
}

.f_gl_link {
	width: 50%;
}
.f_gl_linkbox {
	width: 50%;
	padding-left: 30px;
}
.f_gl_linkbox li {
	padding: 0 0 0 1.25em;
	margin-bottom: 1em;
}
.f_gl_linkbox li::before {
	width: .85em;
	height:.85em;
	background: #553df7;
	border-radius: 50%;
	left: 0;
	top: .55em;
}

.f_copy  {
	font-size: 10px;
	color: #fff;
	background: #1e2530;
	padding: 15px 20px;
}

@media screen and (max-width: 767px) {
	.f_gl::before {
		display: none;
	}
	.f_gl_wrap h1 {
		width: 90%;
		margin: 0 8% 28px 0 2%;
	}
	.f_gl_ad {
		width: 90%;
		border-bottom: 1px solid #8e9297;
		padding: 0 0 15px;
		margin: 0 auto 30px;
	}
	.f_gl_adbox {
		width: 100%;
		margin: 0 auto 15px;
	}
	.f_gl_link {
		width: 100%;
	}
	.f_gl_linkbox {
		width: 90%;
		padding-left: 0;
		margin: 0 auto;
	}
	.f_copy  {
		padding: 10px 20px;
	}
}


/* ----------------------------------------------------------------
	index
-----------------------------------------------------------------*/

/* index global */

.idx_glttl1 h1 {
	font-size: 45px;
	color : #1e2530;
	display: block;
	letter-spacing: 3px;
}
.idx_glttl1 p {
	margin-left: .15em;
}
@media screen and (max-width: 1000px) {
	.idx_glttl1 h1 {
		font-size: 38px;
	}
}
@media screen and (max-width: 767px) {
	.idx_glttl1 h1 {
		font-size: 32px;
	}
}

/* main image */
.idx_mv {
	position: relative;
	height: auto;
}
.idx_mvimg img {
	width: 100%;
}
.slick-dotted.slick-slider {
	margin-bottom: 0 !important;
}
.idx_mv .slick-dots {
	right: 30px;
	bottom: 13px;
	text-align: right;
}
.idx_mv .slick-dots li {
	width: 11px;
	height: 11px;
	list-style: none;
	display: inline-block;
	margin: 0 6px;
}
.idx_mv .slick-dots li button {
	width: 11px;
	height: 11px;
	padding: 0;
	border-radius: 50%;
	background: transparent;
	border: none;
	position: relative;
}
.idx_mv .slick-dots li button::before {
	content: '';
	position: absolute;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	opacity: 1 !important;
}
.idx_mv .slick-dots li:nth-child(1) button::before { background: #553df7;}
.idx_mv .slick-dots li:nth-child(2) button::before { background: #7991f7;}
.idx_mv .slick-dots li:nth-child(3) button::before { background: #fff; }

@media screen and (min-width: 1400px) {
	/* main image */
	.idx_mv {
		height: 800px;
		overflow: hidden;
	}
}
@media screen and (max-width: 767px) {
	/* main image */
	.idx_mv .slick-dots	{
		display: none !important;
	}
}


/* servise_backgrouhnd */
.particles_wrap {
	position: relative;
	width: 100%;
	height: 100%;
}
#particles-js{ /* particles.js */ 
	position:absolute;
	width: 100%;
	height: 100%;
	background-color: #e8f0f5;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	z-index: -2;
}
#particles-cvr {
	position:absolute;
	width: 100%;
	height: 100%;
	background: rgb(232,240,245);
	background: linear-gradient(150deg, rgba(232,240,245,0) 23%, rgba(232,240,245,0.8) 92%);
	z-index: -1;
}


/* read */
.idx_serv_wrap {
	padding: 0 0 50px;
}
.idx_read {
	position: relative;
	width: 73.5%;
/* 	max-width: 1030px; */
	background: #fff;
	box-shadow: 0px 0px 5px 0px rgba(27, 27, 204, 0.15);
	border-radius: 0 8px 8px 0;
	
	bottom: 67px;
	padding: 33px 50px 35px 5.3%;
	margin-bottom: 25px;
}
.idx_readtxt {
	border-left: 1px solid #3f3eda;
	padding: 0 75px 0 47px;
	margin-bottom: 36px;
}
.idx_readtxt_ttl {
	font-size: 28px;
	letter-spacing: 5px;
	margin-bottom: 20px;
}
.idx_read_i {
	display: block;
	position: absolute;
	width: 150px;
	height: 150px;
	top: -75px;
	right: 7px;
	animation: rotate 23s linear infinite;
}

@media screen and (max-width: 1180px) {
	/* read */
	.idx_read	{
		width: 85.5%;
	}
}
@media screen and (max-width: 767px) {
	/* read */
	.idx_read {
		width: 94%;
		padding: 30px 30px 45px 30px;		
		bottom: 30px;
	}
	.idx_readtxt {
		border-left: none;
		padding: 0;
	}
	.idx_readtxt_ttl {
		letter-spacing: .1em;
	}
	.idx_read_i {
		width: 100px;
		height: 100px;
		top: -55px;
		right: -10px;
	}
}
@media screen and (max-width: 560px) {
	.idx_readtxt_ttl {
		font-size: 23px;
		margin-bottom: 17px;
	}
}


/* service */
.idx_serv_ttl {
	width: 275px;
	margin-right: 30px;
}
.idx_serv_co {
	width: calc(100% - 305px);
	padding: 15px 0 0;
}
a.idx_serv_item {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0px 0px 5px 0px rgba(27, 27, 204, 0.15);
	overflow: hidden;
}
.idx_serv_itemimg {
	position: relative;
	width: 36%;
	height: auto;
	overflow: hidden;
}
.idx_serv_itemimg img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	top: 0;
	left: 0;
}
.idx_serv_itemtxt {
	width: 64%;
	margin: 33px 0 33px 0;
	padding: 0 6em 0 60px;
}
.idx_serv_itemtxt::before {
	width: 1px;
	height: 100%;
	background: #3f3eda;
	left: 30px;
	top: 0;
	bottom: 0;
}
.idx_serv_itemtxt h2 {
	font-size: 30px;
	letter-spacing: 2px;
	line-height: 1.2;
	margin-bottom: 15px;
}
a.idx_serv_item::before {
	display: inline-block;
	width: 2.3em;
	height: 2.3em;
	border: 1px solid #fff;
	border-radius: 50%;
	right: 2em;
	top: 0;
	bottom: 0;
	transition: 0.3s;
}
a.idx_serv_item:hover::before {
	border: 1px solid #553df7;
}
.idx_serv_itemtxt_i {
	position: absolute;
	display: inline-block;
	right: .6em;
	top: 0;
	bottom: 0;
}
.idx_serv_itemtxt_i::before {
	width: 1.5em;
	height: 1px;
	background: #553df7;
	right: 1.9em;
	top: 0;
	bottom: 0;
}
.idx_serv_itemtxt_i::after {
	width: .3em;
	height: .3em;
	border-top: 1px solid #553df7;
	border-right: 1px solid #553df7;
	transform: rotate(45deg);
	right: 1.9em;
	top: 0;
	bottom: 0;
}
@media screen and (max-width: 1000px) {
	/* service */
	.idx_serv_ttl {
		width: 100%;
		margin-right: 0;
	}
	.idx_serv_co {
		width: 100%;
	}
}
@media screen and (max-width: 767px) {
	/* service */
	.idx_serv_ttl {
		padding-top: 30px;
	}
	.idx_serv_itemtxt h2 {
		font-size: 22px;
	}
	.idx_serv_itemimg {
		width: 100%;
		height: 100px;
	}
	.idx_serv_itemtxt {
		width: 100%;
		margin: 20px 0 20px 0;
		padding: 0 20px 37px 40px;
	}
	.idx_serv_itemtxt::before {
		left: 20px;
	}
	
	a.idx_serv_item::before {
		width: 36px;
		height: 36px;
		border: 1px solid #553df7;
		right: 20px;
		top: inherit;
		bottom: 15px;
	}
	.idx_serv_itemtxt_i {
		right: 0;
		top: inherit;
		bottom: 14px;
	}
	.idx_serv_itemtxt_i::before {
		width: 24px;
		right: 27px;
	}
	.idx_serv_itemtxt_i::after {
		width: 5px;
		height: 5px;
		right: 27px;
	}
}



.el_catlabel {
	display: inline-block;
	min-width: 105px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 0;
	padding: .4em .8em;
	border-radius: 4px;
}


/* news */

.idx_news_wrap {
	padding-top: 110px;
	padding-bottom: 85px;
}
.idx_news_ttl {
	width: 275px;
	margin-right: 30px;
}
.idx_news_co {
	width: calc(100% - 305px);
	padding-top: 22px;
}
.idx_news_colist { 
	border-top: 1px solid #bbbec1;
}
.idx_news_colist li {
	overflow: hidden;
	padding: 24px 0 24px 3px;
	border-bottom: 1px solid #bbbec1;
}
.idx_news_tag {
	width: 110px;
	float: left;
	margin-right: 25px;
}
.idx_news_time {
	display: block;
	width: 80px;
	float: left;
	font-size: 12px;
	margin-right: 25px;
}
a.idx_news_txt {
	display: block;
	position: relative;
	width: calc(100% - 240px);
	float: right;
	margin-bottom: 0;
}
a.idx_news_txt p {
	color: #1e2530;
	padding: 0 4em 0 0;
	transition: 0.3s;
}
a.idx_news_txt p::before {
	display: inline-block;
	width: 2.3em;
	height: 2.3em;
	border: 1px solid #fff;
	border-radius: 50%;
	right: .5em;
	top: 0;
	bottom: 0;
	transition: 0.3s;
}
.idx_news_txt_i {
	position: absolute;
	display: inline-block;
	right: .6em;
	top: 0;
	bottom: 0;
}
a.idx_news_txt p:hover::before {
	border: 1px solid #553df7;
}
.idx_news_txt_i::before {
	width: 1.5em;
	height: 1px;
	background: #553df7;
	right: .35em;
	top: 0;
	bottom: 0;
}
.idx_news_txt_i::after {
	width: .3em;
	height: .3em;
	border-top: 1px solid #553df7;
	border-right: 1px solid #553df7;
	transform: rotate(45deg);
	right: .35em;
	top: 0;
	bottom: 0;
}
@media screen and (max-width: 1000px) {
	/* news */
	.idx_news_ttl {
		width: 25%;
		margin-right: 5%;
	}
	.idx_news_co {
		width: 70%;
	}
}
@media screen and (max-width: 767px) {
	/* news */
	.idx_news_wrap {
		padding-top: 50px;
	}
	.idx_news_ttl {
		width: 100%;
		margin-right:0;
	}
	.idx_news_co {
		width: 100%;
	}
	.idx_news_colist li {
		padding: 18px 0 18px 3px;
	}
	a.idx_news_txt {
		width: 100%;
		margin-top: 10px;
	}
	.idx_news_tag {
		display: inline-block;
		width: auto;
		float: none;
		margin-right: 15px;
	}
	.idx_news_time {
		display: inline-block;
		width: auto;
		float: none;
		margin-right: 0;
	}
	a.idx_news_txt p {
		line-height: 1.7;
	}
	a.idx_news_txt p::before {
		border: 1px solid #553df7;
	}
}


/* recruit */
.idx_recruit_wrap {
	position: relative;
	margin-bottom: 130px;
}
.idx_recruit_img1,
.idx_recruit_img2 {
	position: relative;
	width: 24%;
	min-height: 380px;
	overflow: hidden;
}
.idx_recruit_img1 img,
.idx_recruit_img2 img {
	position: absolute;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}
.idx_recruit {
	position: relative;
	width: 52%;
	background: #f4f4f5;
}
.idx_recruit_read {
	display: flex;
	justify-content: center;
	align-items: center;
	height: calc(100% - 8em);
	margin: 4.5em 10% 3.5em;
}

.idx_recruit_readttl {
	display: inline-block;
	position: absolute;
	font-size: 93px;
	line-height: 1.0;
	text-align: center;
	top: -.5em;
	left: 0;
	right: 0;
}
.idx_recruit_readintxt {
	color: #323943;
	font-size: 18px;
	letter-spacing: 4px;
	line-height: 2.0;
	margin-bottom: 25px;
	padding: 0 0 0px;
}
.idx_recruit_readintxt b {
	background: #d0e5b5;
	font-size: 1.222em;	
}
.idx_recruit_readbtn a.el_btn_cor_rud {
	min-width: 235px;
}

@media screen and (min-width: 1500px) {
	/* recruit */
	.idx_recruit_img1,
	.idx_recruit_img2 {
		min-height: 460px;
	}
}
@media screen and (max-width: 1000px) {
	.idx_recruit_img1,
	.idx_recruit_img2 {
		width: 28%;
	}
	.idx_recruit {
		width: 44%;
	}
}
@media screen and (max-width: 768px) {
	.idx_recruit_wrap {
		margin-bottom: 80px;
	}
	.idx_recruit_img1,
	.idx_recruit_img2 {
		width: 50%;
		min-height: 55vw;
	}
	.idx_recruit_img1 {
		order: 1;
	}
	.idx_recruit_img2 {
		order: 2;
	}
	.idx_recruit {
		width: 100%;
		order: 3;
	}
}
@media screen and (max-width: 560px) {
	.idx_recruit_read {
		height: calc(100% - 7em);
		margin: 4em 30px 3em;
	}
	.idx_recruit_readttl {
		font-size: 15vw;
		top: -.35em;
	}
	.idx_recruit_readintxt {
		font-size: 17px;
		letter-spacing: 1px;
		line-height: 2.3;
		margin-bottom: 15px;
	}
	.idx_recruit_readintxt b {
		font-size: 1.1em;	
	}
}


/* ----------------------------------------------------------------
	page
-----------------------------------------------------------------*/



/*	company
-----------------------------------------------------------------*/

.un_cmp_rinen {
	border: 1px solid #553df7;
	border-radius: 8px;
	padding: 50px 80px;
}

.un_cmp_prof,
.un_cmp_prof dd {
	border-color: #7764f9;
}

.un_cmp_history {
	display: grid;
	grid-template-columns: 120px 1fr;
}
.un_cmp_history dt {
	background-color: #eeecfe;
	padding: .85em .85em .85em 1.8em;
}
.un_cmp_history dd {
	background-color: #eeecfe;
	padding: .85em;
}
.un_cmp_history dt:nth-of-type(2n),
.un_cmp_history dd:nth-of-type(2n) {
	background-color: #fff;
}

@media screen and (max-width: 768px) {
	.un_cmp_rinen {
		border-radius: 6px;
		padding: 30px 30px;
	}
	.un_cmp_history {
		grid-template-columns: 1fr;
	}
	.un_cmp_history dt {
		padding: .85em 1em 0 1em;
	}
	.un_cmp_history dd {
		line-height: 1.7;
		padding: .5em 1em 1em 1em;
	}
}

/*	service global
-----------------------------------------------------------------*/

.un_service_add {
	border: 1px solid #553df7;
	padding: 1em 2em;
}

.un_service_2colis {
	width: 100%;
	clear: both;
	overflow: hidden;
}
.un_service_2colis li {
	float: left;
	width: 50%;
	padding-right: 1em;	
	line-height: 1.5;
	margin-bottom: 10px;
}
li.un_service_2colist_liwd {
	width: 100%;
}

@media screen and (max-width: 768px) {
	.un_service_add {
		padding: 1em 1.5em;
	}

	.un_service_2colis li {
		float: none;
		width: 100%;
		padding-right: 0;	
	}
}

/*	service SYSTEM PAGE
-----------------------------------------------------------------*/

.un_s_sys_banner {
	text-align: center;
}
.un_s_sys_bannerli {
	width: 380px;
	display: inline-block;
	vertical-align: top;
	padding: 0 30px 30px;	
}
.un_s_sys_bannerli p {
	text-align: left;
	line-height: 1.5;
	margin-top: 5px;
}
@media screen and (max-width: 560px) {
	.un_s_sys_bannerli {
		width: auto;
	}
}

/*	service CONSULTING PAGE
-----------------------------------------------------------------*/

/* aboutimage */
.un_s_cons_imagewrap {
	line-height: 1.7;
}
.un_s_cons_imagetxt {
	width: 50%;
	padding-left: 20px;
	padding-right: 20px;
}
.un_s_cons_imageimg {
	padding: 17px 30px;
}

/* aboutlist */
.un_s_cons_about li {
	display: inline-block;
	width: 265px;
	margin-right: 28px;
	margin-bottom: 30px;
}
.un_s_cons_about li:last-child {
	margin-right: 0;
}
.un_s_cons_about li img {
	width: 100%;
}

/* flow */
.un_s_cons_flowbox {
	border: 1px solid #7764f9;
	border-radius: 8px;
	margin-bottom: 90px;
}
.un_s_cons_flowbox::before {
	width: 52px;
	height: 23px;
	background: url(../img/gl/i_arwgrad@2x.png) no-repeat left top;
	background-size: 100%;
	left: 0;
	right: 0;
	bottom: -60px;
}
li.un_s_cons_flowbox:last-child::before {
	display: none;
}
.un_s_cons_flowttl {
	width: 25%;
	padding: 40px 20px;
}
.un_s_cons_flowttl_no {
	font-size: 40px;
	line-height: 1.0;
	margin-bottom: 20px;
}
.un_s_cons_flowttl_txt {
	font-size: 25px;
}
.un_s_cons_flowtxt {
	width: 75%;
	padding: 40px 20px 40px 10px;
}
.un_s_cons_flowtxt_list {
	margin-bottom: 20px;
}
.un_s_cons_flowtxt_list li {
	display: inline-block;
	width: 49%;
	vertical-align: top;
	line-height: 1.6;
	padding: 0 1.5em 0 1.25em;
	margin-bottom: 8px;
}
.un_s_cons_flowtxt_list li::before {
	width: 4px;
	height: 4px;
	background: #553df7;
	border-radius: 50%;
	left: .4em;
	top: .8em;
}
.un_s_cons_flowtxt_txt {
	display: block;
	width: 92%;
	background: #eeecfe;
	line-height: 1.7;
	padding: 15px 28px;
}

@media screen and (max-width: 767px) {
	/* aboutimage */
	.un_s_cons_imagewrap {
		font-size: .9em;
	}
	.un_s_cons_imagetxt {
		padding-left: 0;
		padding-right: 15px;
	}
	div .un_s_cons_imagetxt:last-child {
		padding-left: 15px;
		padding-right: 0;
	}
	.un_s_cons_imageimg {
		padding: 17px 0;
	}
	/* aboutlist */
	.un_s_cons_about {
		text-align: center;
	}
	.un_s_cons_about li,
	.un_s_cons_about li:last-child {
		width: calc(50% - 30px);
		text-align: left;
		margin-right: 10px;
		margin-left: 10px;
	}
	/* flow */
	.un_s_cons_flowbox {
		margin-bottom: 90px;
	}
	.un_s_cons_flowbox::before {
		bottom: -60px;
	}
	.un_s_cons_flowttl {
		width: 100%;
		padding: 40px 20px 30px;
	}
	.un_s_cons_flowttl_no {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.un_s_cons_flowttl_txt {
		font-size: 20px;
	}
	.un_s_cons_flowtxt {
		width: 100%;
		padding: 0 20px 20px 20px;
	}
	.un_s_cons_flowtxt_list li {
		display: block;
		width: 100%;
	}
	.un_s_cons_flowtxt_txt {
		width: 100%;
	}
}
@media screen and (max-width: 560px) {
	/* aboutlist */
	.un_s_cons_about li,
	.un_s_cons_about li:last-child {
		width: calc(90% - 30px);
	}
}






/*	contact
-----------------------------------------------------------------*/
.un_cont_addbpx {
	border: 1px solid #bbbec1;
	padding: 30px 40px;
	margin: 0 18px 30px;
}
.un_cont_addbpx_ttl {
	font-size: 24px;
	line-height: 1.2;
	margin-bottom: 10px;
}
.un_cont_addbpx_tel {
	font-size: 28px;
	line-height: 1.2;
	margin-bottom: 0;
}
.un_cont_addbpx_tel img {
	vertical-align: middle;
}

@media screen and (max-width: 767px) {
	.un_cont_addbpx {
		width: 80%;
		padding: 15px 20px;
		margin: 0 0px 10px;
	}
	.un_cont_addbpx_ttl {
		font-size: 20px;
	}
	.un_cont_addbpx_tel {
		font-size: 22px;
	}
	.un_cont_addbpx_tel img {
		vertical-align: middle;
	}
}


/* ----------------------------------------
  mailform
  ---------------------------------------- */

table.mainform { border: none; border-bottom: 1px solid #bbbec1;}
table.mainform th { width: 250px !important; background: #fff; padding-left: 15px; border-bottom: none; border-right: none; text-align: right; color: #1e2530; padding-top: 7px; padding-bottom: 7px; padding-right: 0; vertical-align: top;}
table.mainform td { font-size: 15px !important; padding-right: 15px; border-right: none; border-bottom: none; padding-top: 7px; padding-bottom: 7px;}
span.mail_em { display: inline-block; font-size: 13px; color: #ff0000; border-radius: 0;}
/* .mail_en { color: #676767; font-weight: normal; font-size: 14px; display: block;} */

.mainform input,
.mainform textarea { font-size: 15px; box-shadow: none !important; background: #f1effe; border-radius: 0; border: none;}
.mainform label{ border:none !important;}
.mainform label.mfp_checked { background:#efefef !important;border-top:none !important;box-shadow: none !important;}
.mainform textarea { width: 100% !important;padding:5px 10px !important; height: 200px !important;}
.mainform select { font-size: 15px; box-shadow: none !important; }
.en_birthday{ display: inline-block !important; margin-right: 10px;}

div.mfp_err { background-image: none !important;font-size: 13px !important;color: #d83535 !important;margin-top:3px !important;}

table.mainform .form_policy { margin:0 !important;padding: 10px 0 !important;}
table.mainform .form_policy a { color: #1e2530; border: 1px solid #553df7; padding: .2em 3em .2em 1em; border-radius: 4px;}
table.mainform .form_policy a::before {
	width: 1.5em;
	height: 1px;
	background: #553df7;
	right: .5em;
	top: 0;
	bottom: 0;
}
table.mainform .form_policy a::after {
	width: .3em;
	height: .3em;
	border-top: 1px solid #553df7;
	border-right: 1px solid #553df7;
	transform: rotate(45deg);
	right: .5em;
	top: 0;
	bottom: 0;
}

.mfp_element_submit, 
.mfp_element_reset, 
.mfp_element_button, 
button.mfp_next, 
button.mfp_prev {
    background: rgb(116,155,252) !important;
	background: linear-gradient(94deg, rgba(116,155,252,1) 7%, rgba(85,61,247,1) 52.6%, rgba(63,61,218,1) 88.3%) !important;
    border: none !important;
    border-radius: 8px;
    color: #fff !important;
    cursor: pointer;
    outline: medium none;
    padding: 8px 2em !important;
    text-shadow: none !important;
    font-size: 0.938em !important;
    -webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
.mfp_element_reset,
#mfp_button_cancel { background:#bbbec1 !important;}
.mfp_element_submit,
#mfp_button_send { color: #fff !important;}
.mfp_element_reset:hover { background: #ededed !important; color: #999 !important; box-shadow: 0 0 0 #fff !important;}
.mfp_element_submit:hover,
#mfp_button_send:hover {opacity: 0.8; box-shadow: 0 0 0 #fff !important; }

/* confirm page */
div#mfp_phase_confirm h4 { font-size: 22px !important; margin-bottom: 15px;}
table#mfp_confirm_table { margin-bottom: 30px;}
table#mfp_confirm_table th { background-color: inherit;}
table#mfp_confirm_table tr.mfp_colored { background-color: #eeecfe !important;}

@media screen and (max-width: 767px) {
	table.mainform {
		border-collapse: inherit;
		width: 100%;
		display: block;
  	 }
  	table.mainforme tbody {
		width: 100%;
		display: block;
  	 }
  	table.mainform tr {
		width: 100%;
		display: block;
  	 }
  	table.mainform th {
	  	padding: 10px 60px 3px 3%;
	  	width: 100% !important;
	  	border-bottom: none !important;
	  	display: block;
	  	text-align: left;
	  	font-weight: bold;
	}
	table.mainform td {
		padding: 0 3% 10px;
		width: 100%;
		border-top: none !important;;
		display: block;
	}
	table.mainform caption {
		width: 100%;
		display: block;
	}
	.mainform th span.mail_em { left: inherit; right: 15px; top: 13px; }
	.mail_en { display: inline-block;}
	
	.mfp_element_all {
		max-width: 100% !important;
	}
}



/*	recruit global
-----------------------------------------------------------------*/

/* title */

.un_rec_lttl {
	position: relative;
	top: -41px;
	padding-left: 20px;
	padding-right: 20px;
}
.un_rec_lttlen {
	font-size: 70px;
	line-height: 1.0;
	margin-bottom: 10px;
}

/* */

.un_rec_sttl {
	font-size: 30px;
	border-bottom: 1px solid #bbbec1;
	padding: 0 0 .45em 37px;
}
.un_rec_sttl::before {
	width: 25px;
	height: 25px;
	background: #8abf45;
	border-radius: 5px;
	top: .34em;
	left: 0;
}
@media screen and (max-width: 768px) {
	.un_rec_sttl { font-size: 24px;}
}


/* btn */

a.un_rec_btn1 {
	display: inline-block;
	background: #8abf45;
	color: #fff;
	padding: .8em 2em;
	border-radius: 8px;
}
.un_rec_btn1::before {
	width: .8em;
	height: .8em;
	border: 2px solid #fff;
	border-radius: 50%;
	right: .75em;
	top: 0;
	bottom: 0;
}
.un_rec_btn1::after {
	content: '→';
	height: .6em;
	width: .6em;
	font-size: .6em;
	line-height: .5;
	right: 2em;
	top: 0;
	bottom: 0;
}

/* recruit footer btn */
.un_rec_fbtn {
	display: inline-block;
	margin: 0 10px 15px;
}
.un_rec_fbtn a {
	font-size: 1.4em;
	min-width: 285px;
}

@media screen and (max-width: 768px) {
	.un_rec_lttl {
		top: -31px;
	}
	.un_rec_lttlen {
		font-size: 54px;
	}
}


/*	recruit top
-----------------------------------------------------------------*/

/* Join */
.un_rec_joinlist li {
	width: calc(50% - 20px);
	background: #fff;
	margin-bottom: 25px;
	padding: .25em 20px .25em 45px;
}
.un_rec_joinlist li:nth-child(2n-1) {
	margin-right: 40px;
}
.un_rec_joinlist li::before {
	width: .6em;
	height: .6em;
	background: #8abf45;
	border-radius: 50%;
	left: 25px;
	top: .9em;
}

/* Features */
.un_rec_featimg {
	width: 27.7777%;
	margin-left: 5.5%;
}
.un_rec_featlist {
	width: 66.6666%;
}
.un_rec_featlistbox {
	display: flex;
	align-items: flex-start;
	width: 100%;
	border-bottom: 1px solid #bbbec1;
	padding: 15px 0 15px;
}
.un_rec_featlist_tag {
	width: 160px;
	background: #8abf45;
	font-size: 1em;
	text-align: center;
	color: #fff;
	padding: 2px 15px;
	margin-right: 30px;
	margin-top: 5px;
	border-radius: 2em;
}
.un_rec_featlist_txt {
	width: calc(100% - 190px);
}
.un_rec_featlist_txtttl {
	font-size: 24px;
}

ul li.un_rec_feat2box {
	width: 23.611%;
	margin-right: 1.852%;
	overflow: hidden;
	border: 1px solid #8abf45;
	border-radius: 8px;
}
ul li.un_rec_feat2box:last-child {
	margin-right: 0;
}
.un_rec_feat2box_p {
	background: #f4f4f5;
	font-size: 35px;
	line-height: 1.0;
	padding: 10px 20px 20px;
}
.un_rec_feat2box_p span {
	font-size: 16px;
}
.un_rec_feat2box_ttl {
	font-size: 21px;
	padding: 20px 15px 10px;
}
.un_rec_feat2box_txt {
	padding: 0 15px 30px;
}


@media screen and (max-width: 768px) {
	/* Join */
	.un_rec_joinlist li {
		width: 100%;
		background: #fff;
		margin-bottom: 15px;
		padding: .25em 10px .25em 30px;
	}
	.un_rec_joinlist li:nth-child(2n-1) {
		margin-right: 0
	}
	.un_rec_joinlist li::before {
		left: 15px;
	}
	
	/* Features */
	.un_rec_featlist {
		width: 100%;
		margin-bottom: 50px;
	}
	.un_rec_featimg {
		width: 55%;
		margin: 0px auto 30px;
	}
	.un_rec_featlistbox {
		display: block;
		padding: 15px 0 20px;
	}
	.un_rec_featlist_tag {
		margin: 0 auto 15px;
	}
	.un_rec_featlist_txt {
		width: 100%;
	}
	.un_rec_featlist_txtttl {
		font-size: 22px;
		text-align: center;
	}
	
	ul li.un_rec_feat2box {
		width: 100%;
		margin-right: 0;
	}
}


/*	recruit youkou
-----------------------------------------------------------------*/

.un_rec_youkou_wrap {
	border-bottom: 1px solid #8abf45;
	padding-bottom: 70px;
	margin-bottom: 70px;
}
.un_rec_youkou {
	max-width: 900px;
	margin: auto;
}
div .un_rec_youkou_wrap:last-child {
	border-bottom: none;
}

dl.un_rec_youkou {
	border-top: none;
}
.un_rec_youkou dt {
	width: 11em;
	font-size: 19px;
	padding: 40px 0 40px 0;
}
.un_rec_youkou dt span {
	display: block;
	background: #e8f2da;
	padding: .2em 1em;
	text-align: center;
}
.un_rec_youkou dd { 
	font-size: 17px;
	padding: 47px 0 40px 14em;
}

.un_rec_youkouadd { 
	display: inline-block;
	font-size: 19px;
}
.un_rec_youkouadd .el_btn_gradbluearw_i {
	top: 0;
}

@media screen and (max-width: 767px) {
	dl.un_rec_youkou { 
		padding-top: 0;
	}
	.un_rec_youkou dt {
		width: 100%;
		font-size: 17px;
		padding: 25px 0 0 0;
	}
	.un_rec_youkou dd {
		font-size: 1em;
		padding: 25px 0 25px 0;
		margin-bottom: 0;
	}
	.un_rec_youkouadd { 
		font-size: 16px;
	}
}


/* ----------------------------------------------------------------
	blog page
-----------------------------------------------------------------*/

/* --------------
	blog archive
	-------------- */

.bl_artbox { 
	overflow: hidden;
	border-bottom: 1px solid #bbbec1;
	padding-bottom: 50px;
	margin-bottom: 50px;
}
.bl_artttl {
	font-size: 27px;
}
@media screen and (max-width: 767px) {
	.bl_artttl {
		font-size: 23px;
	}
}

/* --------------
	blog widget
	-------------- */

ul.sidebar-widgets-wrap { list-style-type: none; margin-bottom: 0;  }
.wp-block-group { margin-bottom: 30px;}
ul.sidebar-widgets-wrap li a { text-decoration: none; }
ul.sidebar-widgets-wrap li a:hover { color: #553df7; }
ul.sidebar-widgets-wrap li li { font-size: 0.92em; margin: 0 0 5px; }

ul.sidebar-widgets-wrap li label { display: none;}
ul.sidebar-widgets-wrap li label.screen-reader-text{ display: none; }
.widget_archive ul { border-top: none !important; }
.wp-block-group h2 {
	background: #eeecfe;
	text-transform: uppercase;
	text-align: left;
	padding: .5em 1em;
	font-size: 1em;
	margin-bottom: 10px;
}

/* ----------------------------------------
  Editor Style
  ---------------------------------------- */

.entry-content a { color: #595959; text-decoration: underline;}
.entry-content a:hover { color: #8d8d8d; text-decoration: none;}
.entry-content strong {font-weight: bold;}
.entry-content iframe {max-width: 100%;}

.entry-content img { width: auto; height: auto; max-width: 100%; }
.entry-content ul,
.entry-content ol {
	margin-left: 1.5em;
}
.entry-content .entry-mbtn {
	margin-top: 15px;
}
.entry-content p {margin-bottom: 10px; line-height: 2.0;}
.entry-content ol li {list-style-type: decimal;}
.entry-content ul li {list-style-type: disc;}
.entry-content ul,
.entry-content ol {	margin-left: 1.5em;margin-bottom: 10px;}
.entry-content .entry-mbtn {margin-top: 15px;}
.entry-content strong {font-weight: bold;}
.entry-content em {	font-style: italic;}
.entry-content blockquote {border-left: 5px #ccc solid;padding:5px 10px 5px 20px;margin:10px 1em 15px;}
.entry-content a {color: #7c7c7c;}
.entry-content figure a {border-bottom: none;}
.entry-content figure img {max-width: 100%;height: auto; margin-top: 20px; margin-bottom: 20px;}
.entry-content figcaption { color: #777; text-align: left; }
.entry-content figcaption a { color: #777; }
.entry-content hr { border-color: #ddd; border-style: dashed; }

.entry-content ul.wp-block-gallery {
	list-style-type: none;
	padding-left: 0;
	max-width: 750px;
	margin-left: 0;
}
.entry-content ul.blocks-gallery-image:last-child,
.entry-content ul.blocks-gallery-item:last-child {
	margin-bottom: 16px;
}

.wp-block-file:not(.wp-element-button) {
	font-size: 1em !important;
}
.wp-block-file__embed {
	display: none !important;
}
a.wp-block-file__button {
	background: #636363;
	font-size: .85em;
	padding: 0 .8em .1em;
	color: #fff;
	text-decoration: none;
}

.entry-content h2 {font-size: 1.4em; margin-bottom: 15px;}
.entry-content h3 {font-size: 1.2em; margin-bottom: 15px;}
.entry-content h4 {font-size: 1em; margin-bottom: 15px;}
.entry-content h5 {font-size: 1em; margin-bottom: 15px;}
.entry-content h6 {font-size: 1em; margin-bottom: 15px;}

.entry-content .wp-block-button__link { display: inline-block; position: relative; vertical-align: middle; text-decoration: none; padding: 3px 30px 3px 20px; border-bottom: none; }
.entry-content .wp-block-button__link::after {position: absolute; margin: auto; content: ""; vertical-align: middle;
	top:0; bottom: 0; right: 15px; width: 6px; height: 6px;
	border-top: 2px solid #fff;	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg); transform: rotate(45deg);  }
.entry-content .wp-block-button__link:hover {text-decoration: none;}



#page_404 {padding-top: 50px;padding-bottom: 0;}


/* ----------------------------------------
  WP only Class
  ---------------------------------------- */

/* pager main */
.wp-pagenavi { 
	clear: both;
	margin: 0;
	text-align: center;
}
.wp-pagenavi a,
.wp-pagenavi span {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	font-size: 0.875em;
	width: 2.5em;
	height: 2.5em;
	text-align: center;
	color: #4c4c4c;
	margin: 0 .35em .5em 0;
	padding: .3em 0 0;
	z-index: 2;
	letter-spacing: 0;
	border: none !important;
}
.wp-pagenavi a::before,
.wp-pagenavi a:hover::before,
.wp-pagenavi span.current::before {
	border: 1px solid #fff;
	position: absolute;
	margin: auto; 
	content: '';
	vertical-align: middle;
	width: 2.5em;
	height: 2.5em;
	border-radius: 50%;
	left: -.05em;
	top: 0;
	z-index: -1;
}
.wp-pagenavi a:hover::before,
.wp-pagenavi span.current::before { 
	border: 1px solid #3f3eda;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	color: #3f3eda;
	font-weight: normal;
}

.wp-pagenavi a.nextpostslink,
.wp-pagenavi a.previouspostslink {
	color: #3f3eda;
	font-weight: normal;
}
.wp-pagenavi a.nextpostslink:hover::before,
.wp-pagenavi a.previouspostslink:hover::before {
	border: 1px solid #fff;
}
.wp-pagenavi span.pages {
	width: inherit; 
	margin-right: 1em;
}


/* pager single */
.singlenav { 
	clear: both;
	overflow: hidden;
	margin-right: 1em;
	padding-top: 100px !important;
	margin-bottom: 30px !important;
}
.singlenavl { 
	margin-right: 4em;
/* 	float: left; */
}
.singlenavr {
	margin-left: 4em;
/* 	float: right; */
}
.singlenav span a {
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.singlenav span a::before,
.singlenav span a::after { 
	position: absolute; margin: auto; content: ""; vertical-align: middle; 
}

.singlenavr a { /* old article */
	padding-right: 2.5em;
}
.singlenavr a::before {
	width: 25px;
	height: 1px;
	background: #553df7;
	right: 0;
	top: 0;
	bottom: 0;
}
.singlenavr a::after {
	width: 6px;
	height: 6px;
	border-top: 1px solid #553df7;
	border-right: 1px solid #553df7;
	transform: rotate(45deg);
	right: 0;
	top: 0;
	bottom: 0;
}

.singlenavl a { /* new article */
	display: inline-block;
	padding-left: 2.5em;
}
.singlenavl a::before {
	width: 25px;
	height: 1px;
	background: #553df7;
	left: 0;
	top: 0;
	bottom: 0;
}
.singlenavl a::after {
	width: 6px;
	height: 6px;
	border-top: 1px solid #553df7;
	border-left: 1px solid #553df7;
	transform: rotate(-45deg);
	left: 0;
	top: 0;
	bottom: 0;
}
@media screen and (max-width: 767px) {
	.singlenavl { margin-right: 0; margin-left: 0; float: left; }
	.singlenavr { margin-right: 0; margin-left:0; float: right; }
}



/* ----------------------------------------
  ---------------------------------------- */

#page_404 {padding-top: 50px;padding-bottom: 0;}

/* ----------------------------------------
  print
  ---------------------------------------- */
@media print {
	
}

/* スクロール時にヘッダーの背景を不透明にする場合は以下も追加 */
.header.scrolled {
	background: rgba(255, 255, 255, 1);
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.mv_wrapper {
	position: relative;
	margin-top: -80px; /* ヘッダーの高さ分をネガティブマージンで相殺 */
}