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

.ly_wrap {
	margin: 0 auto;
	position: relative;
	clear: both;
	overflow: hidden;
	background: #eeeaea;
}
/*
.page .ly_wrap {
	position: relative;
	top: 200px;
}
*/
.ly_content {
	padding: 0 0 100px 0;
	overflow: hidden;
}
.ly_main {
	width: 70.725%;
	float: left;
}
.ly_sub {
	width: 20.161%;
	float: right;
}
@media screen and (max-width :767px) {
	.ly_main {
		width: 100%;
		float: none;
	}
	.ly_sub {
		width: 100%;
		float: none;
	}
}


/* ----------------------------------------
  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; font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto;}
.hp_fw5 {font-weight: 500; font-family: "Noto Sans JP", sans-serif; font-optical-sizing: auto;}
.hp_fe { font-weight: 800; font-family: "Roboto Condensed", sans-serif; font-optical-sizing: auto; letter-spacing: .03em;}

.hp_fcl_blu, a.hp_fcl_blu {color: #69579c;}
.hp_fcl_pnk, a.hp_fcl_pnk {color: #d2709c;}
.hp_fcl_ylw, a.hp_fcl_ylw {color: #e7ac00;}
.hp_fcl_lgry, a.hp_fcl_lgry {color: #eeeaea;}
.hp_fcl_blk, a.hp_fcl_blk {color: #222;}

.hp_1indent { padding-left: 1em; text-indent: -1em; }
.hp_2indent { padding-left: 2em; text-indent: -2em; }
.hp_2_5indent { padding-left: 2.5em; text-indent: -2.5em; }
.hp_3indent { padding-left: 3em; text-indent: -3em; }

.hp_fwn {font-weight: 400 !important;;}
.hp_fz0 {font-size: 1rem !important;}/*18px*/
.hp_fzs1 {font-size: 0.938em;}/*15px*/
.hp_fzs2 {font-size: 0.875em;}/*14px*/
.hp_fzs3 {font-size: 0.813em;}/*13px*/
.hp_fzs4 {font-size: 0.75em;}/*12px*/
.hp_fzl1 {font-size: 1.063em;}/*17px*/
.hp_fzl2 {font-size: 1.125em;}/*18px*/
.hp_fzl3 {font-size: 1.125em;}/*19px*/
.hp_fzl4 {font-size: 1.25em;}/*20px*/
.hp_fzl5 {font-size: 1.313em;}/*21px*/
.hp_tar { text-align: right !important; }
.hp_tal { text-align: left !important; }
.hp_tac { text-align: center !important; }
.hp_lts0 { letter-spacing: 0 !important;}
.hp_lts1 { letter-spacing: 1px !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;}
a.hp_a_uline { text-decoration: underline; }
a.hp_a_bdbtm { border-bottom: 1px solid #222; padding-bottom: .1em; }


/* 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: 46px !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: 76px !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_mb130 { margin-bottom: 130px !important;}

.hp_mt0 { margin-top: 0px !important;}
.hp_mt5 { margin-top: 5px !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_pt80 { padding-top: 80px !important;}
.hp_pt100 { padding-top: 100px !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_pb80 { padding-bottom: 80px !important;}
.hp_pb90 { padding-bottom: 90px !important;}
.hp_pb100 { padding-bottom: 100px !important;}

.hp_mr0 { margin-right: 0 !important;}
.hp_p0 { padding: 0;}
.hp_prl20 { padding-left: 20px; padding-right: 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_mb55 { margin-bottom: 55px !important;}
	.hptb_mb60 { margin-bottom: 60px !important;}
	.hptb_mb65 { margin-bottom: 65px !important;}
	.hptb_mb70 { margin-bottom: 70px !important;}
	.hptb_mb75 { margin-bottom: 75px !important;}
	.hptb_mb80 { margin-bottom: 80px !important;}
	.hptb_mt10 { margin-top: 10px !important;}
	.hptb_p0 { padding: 0;}
	.hptb_pt0 { padding-top: 0 !important;}
	.hptb_pt10 { padding-top: 10px !important;}
	.hptb_pt50 { padding-top: 50px !important;}
	.hptb_pt60 { padding-top: 60px !important;}
	.hptb_pt80 { padding-top: 80px !important;}

	.hptb_fzs0 {font-size: 1em;}/*17px*/
	.hptb_fzs1 {font-size: 0.941em;}/*16px*/
	.hptb_fzs2 {font-size: 0.882em;}/*15px*/
	.hptb_fzs3 {font-size: 0.824em;}/*14px*/
	.hptb_fzl1 {font-size: 1.059em;}/*18px*/
	.hptb_fzl2 {font-size: 1.118em;}/*19px*/
	.hptb_fzl3 {font-size: 1.176em;}/*20px*/
	
	.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_wht { background-color: #fff;}
.hp_bg_pnk { background-color: #d2709c;}
.hp_bg_blu { background-color: #69579c;}
.hp_bg_lgry { background-color: #eeeaea;}
.hp_bg_ylw1 { background-color: #fbc800;}

/* 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;
	padding: 0;
	vertical-align: middle;
}
.oy_arws li a,.oy_arwli li {
	position: relative;
/* 	padding: 0 0 0 1.2em; */
	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_between {
	justify-content: space-between;
}

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

/* teble */
table {
    border-top: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
    border-right: 1px solid #c8c8c8;
    border-collapse: collapse;
    text-align: left;
    background:#fff;
}
table th {
    padding: 15px 20px;
    border-right: 1px solid #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    font-weight: normal;
    text-align: center;
}
table td {
    padding: 15px 20px;
    border-right: none;
    border-bottom: 1px solid #c8c8c8;
}
@media screen and (max-width: 767px) {
	table { font-size: 0.9em; }
  	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; text-align: left; border-right: none; border-bottom: none; }
	table.oy_coltable td { width: 100%; display: block; padding-bottom: 20px; }
	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 { clear: both; overflow: hidden; padding: 25px 0 0 30px; font-size: 0.833em;/*15px*/ }
#breadcrumb ul li {display: inline-block; position: relative; padding: 0 13px 0 0; margin-right: 8px; }
#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 #fff; border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg); transform: rotate(45deg);
	transition: all 0.3s ease; }
#breadcrumb ul li:last-child::after {display: none; }
#breadcrumb,#breadcrumb a { color: #fff; }
@media screen and (max-width: 767px) {
	#breadcrumb {
		font-size: 11px;
		padding: 10px 0 0 10px;
		text-align: right;
	}
	#breadcrumb ul li {
		display: inline;
	}
	#breadcrumb ul li:last-child {
		padding-right: 0;
	}
}

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


/* page title */

.el_pgttl {
	padding-top: 30px;
}
.el_pgttljp {
	font-size: 25px;
	margin-bottom: 40px;
}
.el_pgttlen {
	font-size: 175px;
	line-height: .65;
	letter-spacing: 0;
	color: #eeeaea;
	text-transform: uppercase;
}
@media screen and (max-width: 1000px) {
	.el_pgttlen {
		font-size: 19.5vw;
		letter-spacing: -1px;
	}
}
@media screen and (max-width: 767px) {
	.el_pgttl {
		padding-top: 50px;
	}
	.el_pgttljp {
		font-size: 21px;
		margin-bottom: 25px;
	}	
}



/* title */

.el_ttl1jp {
	font-size: 1.375em;/*22px*/
}
.el_ttl1en__c_blu { color: #69579c; }
.el_ttl1en__c_pnk { color: #d2709c; }
.el_ttl1en__c_ylw1{ color: #fbc800; }

.el_ttl1en {
	font-size: 7.188em;/*115px*/
	line-height: 1em;
}
@media screen and (max-width: 767px) {
	.el_ttl1jp {
		font-size: 4.5vw;
	}
	.el_ttl1en {
		font-size: 17.2vw;
	}
}
/**/
.el_ttl_ulin {
	font-size: 33px;
	padding-bottom: .5em;
}
.el_ttl_ulin__blu span { border-bottom: 1px solid #69579c; }
@media screen and (max-width: 767px) {
	.el_ttl_ulin {
		font-size: 28px;
		line-height: 1.8;
	}
}
/**/
.el_ttl_fl1 {
	font-size: 31px;
}
@media screen and (max-width: 767px) {
	.el_ttl_fl1 {
		font-size: 28px;
	}
}

/* btn */

/* btn border and arrowicon */
a.el_btn_round1 {
	min-width: 16.667em;
	display: inline-block;
	text-align: center;
	border-radius: 3em;
	vertical-align: middle;
	padding-top: .9em;
	padding-bottom: 1.1em;
	padding-right: calc( 1.5em + 2.25em);
	padding-left: calc( 1.5em + 1.25em);
	transition: .3s;
}
.el_btn_round1_i {
	position: absolute;
	width: 1.5em;
	height: 1.5em;
	background: #fff;
	border-radius: 50%;
	vertical-align: middle;
	margin: auto; 
	right: 1.5em;
	top: 0;
	bottom: 0;
	z-index: 0;
}
a.el_btn_round1::before {	
	width: .75em;
	height: 1px;
	right: 1.95em;
	top: 0;
	bottom: 0;
	z-index: 1;
}
a.el_btn_round1::after {	
	width: .41em;
	height: .41em;
	border-top: 1px solid;
	border-right: 1px solid;
	transform: rotate(45deg);
	right: 1.95em;
	top: 0;
	bottom: 0;
	z-index: 1;
}
a.el_btn_round1__blu, a.el_btn_round1__blu::before { color: #fff; background: #69579c; }
a.el_btn_round1__blu::after { border-color: #69579c; }
a.el_btn_round1__pnk, a.el_btn_round1__pnk::before { color: #fff; background: #d2709c; }
a.el_btn_round1__pnk::after { border-color: #d2709c; }
a.el_btn_round1__ylw1, a.el_btn_round1__ylw1::before { color: #fff; background: #fbc800; color: #222; }
a.el_btn_round1__ylw1::after { border-color: #fbc800; }

a.el_btn_round1__bluborder { border: 1px solid #69579c; color: #69579c;}
a.el_btn_round1__bluborder::before { background: #69579c;}
a.el_btn_round1__bluborder .el_btn_round1_i {display: none;}

@media screen and (max-width: 560px) {
	a.el_btn_round1 {
		min-width: inherit;
		width: 100%;
	}
}

a.el_btn_shopbtn {
	min-width: 300px;
	display: inline-block;
	text-align: center;
	padding: .8em 3.75em 1em 3.5em;
	border-radius: 3em;
	color: #fff;
	background-image: url(../img/gl/i_shop@2x.png);
	background-repeat: no-repeat;
	background-position: right 1.7em center;
	background-size: 1.4em; 
	transition: 0.3s;
}

/* teble */
table.el_tb_noline {
	border: none;
    background: none;
}
table.el_tb_noline th {
    border: none;
    text-align: left;
}
table.el_tb_noline td {
    border: none;
}
@media screen and (max-width: 767px) {
	table.el_tb_noline td {
	    text-indent: 1em;
	    padding-top: 0;
	}
}

/* category label */
.el_catlabel {
	display: inline-block;
	font-size: 14px;
	color: #fff;
	padding: 0 .5em;
	border-radius: 5px;
	margin-right: 10px;
	background: #69579c;
}
.el_catlabel.el_catlabel_news, .el_catlabel.el_catlabel_cat-blog { background: #d2709c;}
.el_catlabel.el_catlabel_cat-event { background: #e9ae00;}
.el_catlabel.el_catlabel_cat-project, .el_catlabel.el_catlabel_cat-katsudou { background: #69579c;}

@media screen and (max-width: 560px) {
	.el_catlabel {
		font-size: 12px;
		margin-right: 5px;
	}
}


/* block */

/* 3column article */
.bl_artlistbox_1 {
	width: 33.3333%;
	padding: 0 1.95%;
}
.bl_artlistbox_1img {
	position: relative;
	text-align: center;
	margin-bottom: 20px;
}
.bl_artlistbox_1img img {
	width: 100%;
	border-radius: 25px;
}
.bl_artlistbox_1txt * {
	font-size: 1em !important;
}
@media screen and (max-width: 767px) {
	.bl_artlistbox_1 {
		width: 50%;
	}
}
@media screen and (max-width: 420px) {
	.bl_artlistbox_1 {
		width: 100%;
		padding: 0 10px;
	}
}

/* blog */
.bl_artbox_thum  {
	width: 220px;
}
.bl_artbox_thum img  {
	border-radius: 25px;
}
.bl_artbox_txt  {
	width: calc( 100% - 250px);
	margin-left: 30px;
}
.bl_artbox_cat {
	display: inline-block;
	margin-right: 10px;
}
.bl_artbox_time {
	display: inline-block;
}
.bl_artbox_link {
	text-align: right;
}
.bl_artbox_link a {
	display: inline-block;
	border-bottom: 1px solid #69579c;
	padding: 0 1.5em .15em 0;
}
.bl_artbox_link a::before {
	width: .75em;
	height: 1px;
	background: #69579c;
	right: 0;
	top: 0;
	bottom: 0;
}
.bl_artbox_link a::after {
	width: .41em;
	height: .41em;
	border-top: 1px solid #69579c;
	border-right: 1px solid #69579c;
	transform: rotate(45deg);
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 1;
}
@media screen and (max-width: 560px) {
	.bl_artbox_thum  {
		width: 100px;
	}
	.bl_artbox_thum img  {
		border-radius: 20px;
	}
	.bl_artbox_txt  {
		width: calc( 100% - 120px);
		margin-left: 20px;
	}
	.bl_artbox_time {
		display: block;
		margin-top: 5px;
	}
}



/* ----------------------------------------------------------------
	Header
-----------------------------------------------------------------*/
.header {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
	transition: 
		background-color 0.3s ease,
		box-shadow 0.3s ease,
		transform 0.4s ease,
		opacity 0.4s ease;
}
.page .header {
	position: relative;
	background: #fff;
	transform: none;
	opacity: 1;
}
.h_pc {
	padding: 0 40px;
}
.h_pc_ttl {
	width: 185px;
	padding: 20px 0 20px 0;
	margin-right: 20px;
	transition: 0.3s;
}

/* navigation sub */
.h_pc_nav {
	width: calc( 100% - 205px);
	padding: 20px 0 20px 0;
	text-align: right;
}
.h_pc_navsub {
	text-align: right;
	vertical-align: middle;
	font-size: 0.938em;
	line-height: 1.2;
	padding-bottom: 1em;
	transition: 0.1s;
}
.h_pc_navsub li {
	display: inline-block;
	padding: 0 0 0 1.75em;
	vertical-align: middle;
}
.h_pc_navsub li a.h_pc_nav_shopbtn {
	display: inline-block;
	font-size: 1.133em;
	border-radius: 2em;
	color: #fff !important;
	padding: 7px 1.2em 7px 2.7em;
	background-image: url(../img/gl/i_shop@2x.png);
	background-repeat: no-repeat;
	background-position: 1em center;
	background-size: 1.2em; 
	transition: 0.3s;
}
.h_pc_subnav a:hover {
	text-decoration: underline;
}
.h_pc_navmain li {
	display: inline-block;
	font-size: 1.125em;
	text-align: center;
	padding: 0 .25em 0 2em;
	transition: 0.3s;
}

.h_pc_navsub a,
.h_pc_navmain a {
	color: #222;
}
.idxpage .h_pc_navsub a,
.idxpage .h_pc_navmain a {
	color: #fff;
}

/* scrolled */

@keyframes slideDownHeader {
	from {
		transform: translateY(-40px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

.header.scrolled { position: fixed; background-color: rgba(255, 255, 255, 0.98); }
.header.scrolled .h_pc_nav { width: calc( 100% - 180px);}
.header.scrolled .h_pc_navsub a,
.header.scrolled .h_pc_navmain a { color: #757575; }
.header.scrolled .h_pc_ttl { width: 140px;}
.header.scrolled .h_pc_navsub { font-size: 0.875em; padding-bottom: .6em; }
.header.scrolled .h_pc_navmain { font-size: .9em; }
#headerLogo, #snsIt, #snsFb { transition: opacity 0.3s ease; }


@media screen and (max-width: 1200px) {
	.h_pc_navsub {
		font-size: 1.3vw;
	}
	.header.scrolled .h_pc_navsub {
		font-size: 1.1vw;
	}
	.h_pc_navsub li a.h_pc_nav_shopbtn {
		font-size: 1.1em;
	}
	.h_pc_navmain {
		font-size: 1.3vw;
	}
	.header.scrolled .h_pc_navmain {
		font-size: 1.2vw;
	}
}
@media screen and (max-width: 1050px) {
	.h_pc_navsub {
		font-size: 1.5vw;
	}
	.header.scrolled .h_pc_navsub {
		font-size: 1.3vw;
	}
	.h_pc_navmain {
		font-size: 1.6vw;
	}
}
@media screen and (min-width: 768px) {
	.header.scrolled {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: rgba(255, 255, 255, 0.98);
		transform: translateY(0);
		opacity: 1;
		box-shadow: 0 2px 10px rgba(0,0,0,0.1);
		animation: slideDownHeader 0.4s ease forwards;
	}
}
@media screen and (max-width: 767px) {
	.header {
		position: absolute;
	}
	.page .header {
		position: relative;
		background: #fff;
		transform: none;
		opacity: 1;
	}
	
	/* scrolled */
	.header.scrolled { position: relative; }
	
	/* ttl */
	.h_sp {
		height: 70px;
	}		
	.h_sp_ttl {
		padding: 12px 0 8px 18px;
	}
		
	.h_sp_inner {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	/* sm_navigation */
	/* スライドインメニューに必要なところ */
	body { 
		position: relative;
		right: 0;
		overflow-x: hidden;
	}
	#sp_layer { 
		position: fixed;
		top: 0;
		z-index: 1;
		display: none;
		width: 100%;
		height: 100%;
		background-color: transparent;
	}
	.h_sp_nav_wrap {
		position: fixed;
		top: 0;
   		right: -100%;
/* 		right: 0; */
   		width: 100%;
		height: 100%;
		z-index: 998;
		background: rgba(255, 255, 255, 0.98);
		overflow: scroll;
	}
	
	/* sp global nav */
	.h_sp_nav {
		margin-top: 60px;
		padding: 0 0 5px 0;
		text-align: center;
	}
	.h_sp_nav li {
		line-height: 1.5;
		margin-bottom: 20px;
	}
	.h_sp_nav li a {
		color: #69579c;
		display: inline-block;
		padding: .2em .2em;
		border-bottom: 1px solid #69579c;
	}
	
	/* sp global nav accordion */
	.h_sp_navchid_cr {
		position: relative;
		display: block;
		color: #000;
		cursor: pointer;
		padding: 1em 2.5em 1em 1.5em;
		vertical-align: middle;
		border-bottom: 1px solid #000;
	}
	.h_sp_navchid_cr::before,
	.h_sp_navchid_cr::after {
		position: absolute;
		content: "";
		top: 0;
		bottom: 0;
		right: 1.5em;
		width: 1em;
		height: 2px;
		border-radius: 5px;
		vertical-align: middle;
		margin: auto;
	}
	.h_sp_navchid_cr::before {
		transform: rotate(90deg);
		background: #00a0fd;
		transition: all .3s ease-in-out;
	}
	.h_sp_navchid_cr::after {
		background: #00a0fd;
		transition: all .2s ease-in-out;
	}
	.h_sp_navchid_cr.open::before {
		transform: rotate(180deg);
	}
	.h_sp_navchid_cr.open::after {
		opacity: 0;
	}	
	/* sp global nav accordion in */
	.h_sp_navchid_crin {
		background: #fff;
		padding: 0;
	}
	.h_sp_navli .h_sp_navchid_crin a {
		font-size: 0.933em;
		color: #000;
		display: block;
		padding: .75em 1em .75em 1.7em;
		border-bottom: 1px solid #c6c6c6;
	}
	.h_sp_navli .h_sp_navchid_crin a::before,
	.h_sp_navli .h_sp_navchid_crin a::after {
		right: 2em;
	}

	/* sp global nav sub */
	.h_sp_subnav {
		padding: .5em 1.5em 0;
	}
	.h_sp_subnav li {
		padding: 0 0 0 1em;
	}
	.h_sp_subnav li::before {
		width: .5em;
		height: .5em;
		background: #999;
		border-radius: 50%;
		left: 0;
		top: 0;
		bottom: 0;
	}
	.h_sp_sisetsu {
		padding: 10px;
		text-align: center;
	}
	.h_sp_snsbtn {
		line-height: 24px;
		text-align: center;
	}
	.h_sp_snsbtn li {
		display: inline-block;
		margin: 0 .5em;
		vertical-align: middle;
	}

	/* Toggle Button */
	.h_sp_toggle {
		position: fixed;
	    z-index: 999;
	    cursor: pointer;
	    right: 10px;
	    top: 10px;
	    width: 60px;
	    height: 60px;
	    border-radius: 50%;
	    background: #fff;
	}
	.h_sp_toggle div { position: relative; }
	.h_sp_toggle span {
		display: block;
		position: absolute;
	    height: 2px;
	    width: 26px;
	    right: 17px;
	    border-radius: 5px;
	}
	.h_sp_toggle span:nth-child(1) { top: 20px; background: #69579c; }
	.h_sp_toggle span:nth-child(2) { top: 29px; background: #69579c; }
	.h_sp_toggle span:nth-child(3) { top: 38px; background: #69579c; }
	
	/* Toggle OPEN */
	.open .h_sp_toggle {
		background: #fff;
		z-index: 999;
	}
	.open .h_sp_toggle span:nth-child(1) {
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    transform: rotate(45deg);
	    top: 25px;
	}
	.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: 25px;
	}
	
}



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

/* backbtn */

.f_backbtn {
	position: fixed;
	right: 5%;
	bottom: 30px;
	z-index: 52;
}
.f_backbtn a {
	display: block;
	text-align: center;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: #69579c;
	padding-top: 15px;
	color: #fff;
}
.f_backbtn_i {
	position: absolute;
	width: 15px;
	height: 15px;
	background: #fff;
	border-radius: 50%;
	vertical-align: middle;
	margin: auto; 
	left: 0;
	right: 0;
	bottom: 20px;
	z-index: 0;
}
.f_backbtn a::before {	
	width: 1px;
	height: 6px;
	background: #69579c;
	left: 0;
	right: 0;
	bottom: 23px;
	z-index: 1;
}
.f_backbtn a::after {	
	width: 4px;
	height: 4px;
	border-top: 1px solid #69579c;
	border-right: 1px solid #69579c;
	transform: rotate(-45deg);
	left: 0;
	right: 0;
	bottom: 25px;
	z-index: 1;
}
@media screen and (max-width: 767px) {
	.f_backbtn {
		right: 15px;
		bottom: 20px;
	}
	.f_backbtn a {
		width: 62px;
		height: 62px;
		padding-top: 13px;
		font-size: 10px;
	}
	.f_backbtn_i {
		bottom: 15px;
	}
	.f_backbtn a::before {	
		bottom: 18px;
	}
	.f_backbtn a::after {	
		bottom: 20px;
	}

}

/* footer contact */

.f_contact {
	padding-top: 80px;
	padding-bottom: 70px;
	border-top: 2px solid #fff;
}
.f_contact_btn {
	display: inline-block;
	margin-left: 20px;
	margin-right: 20px;
}
.f_contact_btn a {
	min-width: 360px;
}
@media screen and (max-width: 767px) {
	.f_contact_btn a {
		min-width: 300px;
	}
}

.f_wrap {
	padding-top: 80px;
	padding-bottom: 45px;
}
.f_info {
	width: 30%;
	margin-right: 5%;
}
.f_nav {
	width: 65%;
}
.f_nav_main {
	margin-bottom: 20px;
}
.f_nav_main ul li {
	display: inline-block;
	margin-right: 3em;
	margin-bottom: 10px;
}

a.f_nav_shopbtn {
	display: inline-block;
	text-align: center;
	padding: .3em 35px .5em 15px;
	border-radius: 3em;
	color: #fff;
	background-image: url(../img/gl/i_shop@2x.png);
	background-repeat: no-repeat;
	background-position: right 15px center;
	background-size: 15px; 
	transition: 0.3s;
}
.f_nav_sns {
	text-align: right;
}
.f_nav_sns li {
	display: inline-block;
	margin-left: 38px;
	vertical-align: middle;
}
.f_copy {
	display: block;
	font-size: 0.765em;
	padding-top: 15px;
	padding-bottom: 15px;
}

@media screen and (max-width: 767px) {
	.f_wrap {
		padding-top: 50px;
	}
	.f_info {
		width: 100%;
		margin-right: 0%;
		margin-bottom: 40px;
	}
	.f_nav {
		width: 100%;
	}
	.f_nav_main ul li {
		width: 46%;
		margin-right: 3%;
		margin-bottom: 10px;
	}
	.f_nav_main ul li:last-child {
		width: 100%;
		margin-right: 0;
		margin-top: 15px;
	}
	
	.f_nav_sns {
		text-align: left;
	}
	.f_nav_sns li {
		display: inline-block;
		margin-left: 10px;
		margin-right: 10px;
		margin-bottom: 15px;
	}

}



/* ----------------------------------------------------------------
	Index Page
-----------------------------------------------------------------*/

/* main image */
.idx_mv {
	position: relative;
}
.idx_mvin {
	position: relative;
}
.idx_mvin::before {
	position: absolute;
	content: '';
	background: url(../img/idx/mv_back@2x.png) no-repeat center top;
	background-size: 100%;
	width: 100%;
	height: 5.71vw;
	bottom: -1px;
	left: 0;
	right: 0;
	z-index: 51;
}
.idx_mvimg img {
	width: 100%;
}
.idx_mvtxt {
	width: 57.93%;
	position: absolute;
	display: inline-block;
	left: 6.43vw;
	bottom: 12.14vw;
}
.idx_mvtxt img {
	width: 100%;
}

@media screen and (max-width: 767px) {
	.idx_mvtxt {
		width: 80%;
		left: 18px;
		bottom: 49%;
	}
}


/* concept */

.idx_concept {
	position: relative;
	width: 100%;
	z-index: 2;
	padding-top: 40px;
	padding-bottom: 205px;
}
.idx_concept_txt {
	padding: 40px 0 0 0;
}
.idx_concept_txtread {
	width: 58%;
}
.idx_concept_img {
	position: absolute;
	right: 55px;
	top: 0;
	z-index: -2;
}
.idx_concept_subimg01 {
	position: absolute;
	left: 20%;
	bottom: -25px;
	z-index: -1;
}
.idx_concept_subimg02 {
	position: absolute;
	right: 32%;
	bottom: 20%;
	z-index: -2;
}
.idx_concept_subimg04 {
	position: absolute;
	right: 15px;
	bottom: -15px;
	z-index: -1;
}
@media screen and (max-width: 1120px) {
	.idx_concept {
		padding-bottom: 15.5vw;
	}
	.idx_concept_subimg01 {
		width: 26.3%;
		left: 25%;
		bottom: -3vw;
	}
	.idx_concept_subimg02 {
		width: 24.2%;
		right: 28%;
		bottom: 12vw;
	}
	.idx_concept_subimg04 {
		width: 30.7%;
		bottom: -2vw;
	}
}
@media screen and (max-width: 767px) {
	.idx_concept {
		padding-top: 10px;
		padding-bottom: 23.5vw;
	}
	.idx_concept_txt {
		padding: 40px 0 0 0;
	}
	.idx_concept_txtread {
		width: 100%;
	}
	.idx_concept_img {
		position: relative;
		width: 75%;
		margin-left: 25%;
		right: -5vw;
		top: -4vw;
	}
	.idx_concept_subimg01 {
		width: 46.3%;
		left: 0;
		bottom: 45vw;
	}
	.idx_concept_subimg02 {
		width: 44.2%;
		right: inherit;
		left: -8%;
		bottom: 8vw;
	}
	.idx_concept_subimg04 {
		width: 50.7%;
		bottom: -2vw;
	}
}


/* note */
.idx_note_wrap {
	position: relative;
	border-radius: 25px;
	padding: 70px 55px 60px;
	z-index: 3;
}
.idx_note_link {
	position: absolute;
	top: 80px;
	right: 55px;
}
.idx_note {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 50px;
	width: 100%;
	margin: 0;
}
.idx_note_art {
	padding: 0 0 30px;
}
.idx_note_artimg {
	margin: 0 0 15px;
}
.idx_note_artimg img {
	max-height: 300px;
	width: auto;
	border-radius: 25px;
}

@media screen and (max-width: 767px) {
	.idx_note {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
		width: 100%;
		margin: 0;
	}
	.idx_note_arttxt {
		line-height: 1.5;
	}
	.idx_note_link {
		position: static;
		margin-top: 20px;
	}
}
@media screen and (max-width: 560px) {
	.idx_note_wrap {
		padding: 40px 20px 50px;
	}
}

/* contents */

.idx_cont_txt {
	width: 38.3%;
	margin-left: 4.235%;
	margin-right: 4.235%;
	padding-top: 25px;
}
.idx_cont_img {
	width: 53.23%;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.idx_cont_txt {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-top: 0;
	}
	.idx_cont_img {
		width: 100%;
	}
}

/* products */

.idx_prod_list {
	margin-bottom: 50px;
}
.idx_prod_list li span {
	display: inline-block;
	width: calc( 100% - 30px);
	margin-left: 15px;
	margin-right: 15px;
}
.idx_prod_list li img {
	width: 100%;
	border-radius: 50%;
}
.idx_prod_btn {
	display: inline-block;
	margin-left: 20px;
	margin-right: 20px;
}
.idx_prod_btn a {
	min-width: 360px;
}
@media screen and (max-width: 767px) {
	.idx_prod_btn a {
		min-width: 300px;
	}
}



/* join */

.idx_join_wrap {
	padding-top: 100px;
	padding-bottom: 90px;
}
.idx_join {
	position: relative;
}
.idx_join_txt {
	position: relative;
	width: 42.535%;
	margin-left: 4.235%;
	padding-top: 25px;
	z-index: 1;
}
.idx_join_img {
	width: 53.23%;
	text-align: center;
}
.idx_join_subimg01 {
	position: absolute;
	width: 16.61%;
	top: -20px;
	right: 25px;
	z-index: 0;
}
.idx_join_subimg02 {
	position: absolute;
	width: 23.22%;
	bottom: -30px;
	right: 5px;
	z-index: 0;
}
@media screen and (max-width: 767px) {
	.idx_join_wrap {
		padding-top: 50px;
		padding-bottom: 60px;
	}
	.idx_join_txt {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		padding-top: 0;
	}
	.idx_join_img {
		width: 100%;
	}
	
	.idx_join_subimg01 {
		width: 36.61%;
		top: -20px;
		right: -10px;
	}
	.idx_join_subimg02 {
		width: 43.22%;
		bottom: -50px;
		right: -20px;
	}
}


/* ----------------------------------------------------------------
	about
-----------------------------------------------------------------*/

/* read */
.un_abread {
	position: relative;
	padding-bottom: 200px;
}
.un_abread_ttl {
	font-size: 32px;
	padding: 50px 0 90px;
}
.un_abread_img01 {
	position: absolute;
	vertical-align: middle;
	margin: auto;
	left: 0;
	right: 0;
	bottom: -70px;
	transform: translate(-550px, 0);
	z-index: 0;
}
.un_abread_img02 {
	position: absolute;
	vertical-align: middle;
	margin: auto;
	left: 0;
	right: 0;
	top: 130px;
	transform: translate(470px, 0);
	z-index: 0;
}

/* story */
.un_abstory {
	position: relative;
	padding-top: 170px;
}
.un_abstory_txt {
	position: relative;
	width: 47%;
	z-index: 1;
}
.un_abstory_img {
	position: absolute;
	vertical-align: middle;
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	transform: translate(52%, 0);
	z-index: 0;
}
.un_abstory__rvr { overflow: visible !important; margin-bottom: 150px; }
.un_abstory__rvr .un_abstory_txt { width: 52%; left: 48%;}
.un_abstory__rvr .un_abstory_img { width: 47%; top: 150px; transform: translate(-60%, 0);}

.un_abstory_no {
	position: absolute;
	font-size: 90px;
	color: rgba(255, 255, 255, 0.50);
	line-height: .8;
	right: 0;
	top: -.8em;
	z-index: 0;
}
.un_abstory_no span {
	font-size: 1.5em;
	margin-left: 8px;
}
.un_abstory_ttl {
	position: relative;
	z-index: 1;
}

/* point */
.un_abpoint_box {
	width: 33.33333%;
	padding: 0 3.3% 60px;
}
.un_abpoint_ttlen {
	font-size: 60px;
	line-height: .8;
}
.un_abpoint_box__wd { width: 90%; margin: 0 auto;}
.un_abpoint_wdimg {
	width: 38.33333%;
	padding: 0 1.98% 0 4.3%;
}
.un_abpoint_wdtxt {
	width: 61.66666%;
	padding: 0 3.3% 0;
}

/* other */
.un_absub_ttl span {
	font-size: 0.758em;
}
.un_absub01_img {
	width: 34%;
	padding: 0 0 0 3.3%;
}
.un_absub01_txt {
	width: 66%;
	padding: 60px 3.3% 60px 8.3%;
}
.un_absub02_img {
	width: 34%;
	padding: 0 0 0 3.3%;
}
.un_absub02_txt {
	width: 66%;
	padding: 130px 3.3% 60px 2.3%;
}
.un_absub_subimg figure {
	width: calc( 50% - 20px);
	margin-bottom: 42px;
}
.un_abgaiyou {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}
.un_abgaiyoumap iframe {
	width: 100%;
	max-width: 800px;
}

@media screen and (max-width: 1120px) {
	/* read */
	.un_abread_img01 {
		bottom: -120px;
		transform: translate(-490px, 0);
	}
	.un_abread_img02 {
		transform: translate(370px, 0);
	}
	/* story */
	.un_abstory_no {
		font-size: 9.2vw;
	}
}
@media screen and (max-width: 767px) {
	/* read */
	.un_abread {
		padding-bottom: 0;
	}
	.un_abread_ttl {
		font-size: 28px;
		padding: 30px 0 25px;
	}
	.un_abread_img01 {
		position: static;
		transform: translate(-80px, 30px);
	}
	.un_abread_img02 {
		position: relative;
		width: 220px;
		margin-right: -50px;
		transform: translate(0, -200px);
	}
	/* story */
	.un_abstory {
		position: relative;
		padding-top: 0;
	}
	.un_abstory_txt {
		position: relative;
		width: 100%;
		padding-top: 30px;
	}
	.un_abstory_img {
		position: static;
		transform: none;
		text-align: center;
		padding-top: 30px;
	}
	.un_abstory__rvr { margin-bottom: 150px; }
	.un_abstory__rvr .un_abstory_txt { width: 100%; left: 0;}
	.un_abstory__rvr .un_abstory_img { width: 100%; transform: none;}
	.un_abstory_no {
		font-size: 14vw;
		top: -.2em;
	}
	/* point */
	.un_abpoint_box {
		width: 100%;
		padding: 0 3.3% 70px;
	}
	.un_abpoint_box__wd { width: 100%; margin: 0 auto; padding-bottom: 20px;}
	.un_abpoint_wdimg {
		width: 100%;
		padding: 0 3.3% 20px;
	}
	.un_abpoint_wdtxt {
		width: 100%;
		padding: 0;
	}
	/* other */
	.un_absub_ttl {
		font-size: 26px;
	}
	.un_absub01_img {
		width: 80%;
		margin: 0 auto;
		padding: 0 0 0 3.3%;
	}
	.un_absub01_txt {
		width: 100%;
		padding: 35px 0 60px 0;
	}
	.un_absub02_img {
		width: 100%;
		padding: 0 0 0 3.3%;
	}
	.un_absub02_txt {
		width: 100%;
		padding: 25px 0 0 0;
	}
	.un_absub_subimg figure {
		width: calc( 50% - 5px);
		margin-bottom: 10px;
	}
}


/* ----------------------------------------------------------------
	member
-----------------------------------------------------------------*/

/* leader */
.un_mem1_txt {
	width: 49%;
	padding: 0 3% 0 8%;
}
.un_mem1_img {
	width: 51%;
}
.un_mem1_txtttl {
	font-size: 22px;
}
.un_mem1_txtname {
	font-size: 24px;
}

/* member */
.un_mem2_box {
	width: 390px;
	padding: 0 20px 40px;
}
.un_mem2_txt {
	position: relative;
}
.un_mem2_txtno {
	position: absolute;
	font-size: 65px;
	color: rgba(255, 255, 255, 0.50);
	line-height: .8;
	left: 0;
	right: 0;
	top: 20px;
	z-index: 0;
}
.un_mem2_txtno span {
	font-size: 1.5em;
	margin-left: 8px;
}
.un_mem2_txtttl {
	position: relative;
	font-size: 22px;
	z-index: 1;
	padding-top: 80px;
}
.un_mem3 {
	position: relative;
	width: 578px;
	margin: auto -150px auto auto;
}

/* join */
.un_memjoin {
	position: relative;
	max-width: 460px;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 120px;
}
.un_memjoin_img01 {
	position: absolute;
	width: 285px;
	vertical-align: middle;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 75px;
	transform: translate(-350px, 0);
	z-index: 0;
}
.un_memjoin_img02 {
	position: absolute;
	width: 219px;
	vertical-align: middle;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 110px;
	transform: translate(380px, 0);
	z-index: 0;
}
@media screen and (max-width: 1300px) {
	.un_mem3 {
		width: 578px;
		margin: auto -100px auto auto;
	}
}
@media screen and (max-width: 900px) {
	/* join */
	.un_memjoin_img01 {
		bottom: 30px;
		transform: translate(-280px, 0);
	}
	.un_memjoin_img02 {
		bottom: 10px;
		transform: translate(280px, 0);
	}
}
@media screen and (max-width: 767px) {
	/* leader */
	.un_mem1_txt {
		width: 100%;
		padding: 0 0 0 0;
	}
	.un_mem1_img {
		width: 100%;
		text-align: center;
	}
	.un_mem1_txtttl {
		font-size: 20px;
		text-align: center;
	}
	.un_mem1_txtname {
		font-size: 22px;
		text-align: center;
	}
	/* member */
	.un_mem2_box {
		width: 100%;
		padding: 0 0 50px;
	}
	.un_mem2_txt {
		text-align: center;
	}
	.un_mem2_txtno {
		font-size: 65px;
		top: 10px;
	}
	.un_mem2_txtttl {
		font-size: 22px;
		padding-top: 60px;
	}
	.un_mem2_box figure img {
		max-width: 600px;
		width: 100%;
	}
	.un_mem3 {
		width: 450px;
		margin: auto -100px auto auto;
		padding-top: 20px;
	}
	/* join */
	.un_memjoin {
		padding: 0 0 80px;
		margin-top: -60px;
	}
	.un_memjoin_img01 {
		position: relative;
		bottom: 0;
		transform: translate(-50px, 0);
	}
	.un_memjoin_img02 {
		position: relative;
		bottom: 0;
		transform: translate(100px, -80px);
	}
}
@media screen and (max-width: 400px) {
	/* member */
	.un_mem2_txtno {
		font-size: 16vw;
	}
	.un_mem3 {
		width: 420px;
		padding-top: 0;
	}
}
@media screen and (max-width: 374px) {
	/* member */
	.un_mem3 {
		width: 100%;
	}
}

/* ----------------------------------------------------------------
	join
-----------------------------------------------------------------*/

.un_jinread_txt {
	width: 55%;
	padding: 0 5%;
}
.un_jinread_img {
	width: 45%;
	padding: 0 5% 0 0;
	text-align: right;
}

.un_jinmore_txt {
	width: 55%;
	padding: 0 5%;
}
.un_jinmore_read {
	display: block;
	font-size: 25px;
}
.un_jinmore_img {
	position: relative;
	width: 45%;
	padding: 30px 5% 40px 0;
	text-align: right;
}
.un_jinmore_img01 {
	position: relative;
	text-align: left;
	z-index:1;
}
.un_jinmore_img02 {
	margin-top: -40px;
}
@media screen and (max-width: 767px) {
	.un_jinread_txt {
		width: 100%;
		padding: 0;
	}
	.un_jinread_img {
		width: 100%;
		padding: 0;
		text-align: center;
	}
	.un_jinmore_txt {
		width: 100%;
		padding: 0;
	}
	.un_jinmore_read {
		display: block;
		font-size: 22px;
	}
	.un_jinmore_img {
		position: relative;
		width: 100%;
		padding: 40px 0 0 0;
		text-align: right;
	}
	.un_jinmore_img01 {
		text-align: left;
		margin-left: -40px;
	}
	.un_jinmore_img02 {
		margin-top: -20px;
		margin-right: -50px;
	}
}

/* ----------------------------------------
  contact
  ---------------------------------------- */

.un_contactbox {
	 max-width: 800px;
	 margin-left: auto;
	 margin-right: auto;
}

a.un_cont_policybtn {
	color: #1e2530;
	border: 1px solid #69579c;
	padding: .2em 3em .2em 1em; border-radius: 4px;
}
	
.un_cont_policybtn a.el_btn_round1 {
	padding-top: .5em;
	padding-bottom: .7em;
	padding-right: 3.5em;
	padding-left: 1.5em;
}


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

table.mainform { border: none; background: none;}
table.mainform th { width: 250px !important;  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 { border-right: none; border-bottom: none; padding-top: 7px; padding-bottom: 25px;}
span.mail_em { display: inline-block; color: #ff0000; border-radius: 0;}

.mainform input,
.mainform textarea { font-size: 1em; box-shadow: none !important; background: #fff; border-radius: 0; border: none; padding: 5px 10px;}
.mainform label{ border:none !important;}
.mainform label.mfp_checked { background:#efefef !important;border-top:none !important; box-shadow: none !important;}
.mainform input[type=text],
.mainform input[type=email],
.mainform input[type=tel],
.mainform textarea { width: 100%;}
.mainform textarea { height: 200px;}
.mainform input[type=checkbox] { display: inline-block; transform: scale(1.4);}
.mainform select { font-size: 15px; box-shadow: none !important; }

span.wpcf7-list-item { margin-left: 0 !important; }
.wpcf7-submit { background: #69579c; color: #fff; padding: 15px 100px; border: none; border-radius: 3em !important; font-weight: bold; font-size: 22px; cursor:pointer; margin-left: 13px; }
.wpcf7-submit:hover { background: #8a74c5; }
.wpcf7-submit:disabled { background: #ccc; color: #fff; }
.wpcf7 form input[type="submit"] {
	-webkit-appearance: none;
	border-radius: 5px;
}
.wpcf7-spinner { display: none; }
div.mfp_err { background-image: none !important;font-size: 13px !important;color: #d83535 !important;margin-top:3px !important;}

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;
}
@media screen and (max-width: 767px) {
  	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;
	}
}



/* ----------------------------------------------------------------
	policy page
-----------------------------------------------------------------*/
.un_policy_box {
	border-top: 1px solid #000;
	margin-top: 30px;
}



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


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

ul.sidebar-widgets-wrap { list-style-type: none; margin-bottom: 0;  }
ul.sidebar-widgets-wrap li { width: 100%; padding: 0 0 30px 0;} 
li.widget { margin-bottom: 30px;}
ul.sidebar-widgets-wrap li a { text-decoration: none; }
ul.sidebar-widgets-wrap li li { 
	position: relative;
	margin: 0 0 10px;
	padding: 0 0 0 1.2em;
	line-height: 1.5; 
	vertical-align: middle;
}
ul.sidebar-widgets-wrap li li::before {
	position: absolute;
	margin: auto; 
	content: '';
	vertical-align: middle;
	width: 3px;
	height: 3px;
	background: #222;	
	border-radius: 50%;
	left: .5em;
	top: .75em;
}
.wp-block-group h2 {
	position: relative;
	color: #222;
	text-transform: uppercase;
	text-align: left;
	padding: 0 0 .5em 1.2em;
	border-bottom: 1px solid #222;
    font-size: 1em;
    margin-bottom: 20px;
    vertical-align: middle;
}
.wp-block-group h2::before {
	position: absolute;
	margin: auto; 
	content: '';
	vertical-align: middle;
	width: 1em;
	height: 1em;
	background: #d2709c;
	border-radius: 50%;
	left: 0;
	top: .25em;
}
@media screen and (max-width: 560px) {
	ul.sidebar-widgets-wrap li li {
		font-size: .92em;
	}
}


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

/* pager main */
.wp-pagenavi { 
	clear: both;
	margin: 0;
}
.wp-pagenavi a,
.wp-pagenavi span {
	position: relative;
	vertical-align: middle;
	
	display: inline-block;
    text-decoration: none;
    width: 2.6em;
	height: 2.6em;
    margin: 0 .5em .7em 0;
    padding: .6em 0 .8em;
    text-align: center;
    color: #69579c;
    line-height: 1.0;
    border: 1px solid #69579c;
    border-radius: 50%;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	color: #fff;
	border: 1px solid #69579c;
	background: #69579c;
}

/* pager single */
.singlenav { 
	position: relative;
	clear: both;
	text-align: center;
	overflow: hidden;
}
.singlenavl {
	display: inline-block;
	float: left;
}
.singlenavr {
	display: inline-block;
	float: right;
}
.singlenav span a {
	display: inline-block;
	color: #69579c;
	border-bottom: 1px solid #69579c;
	padding-top: 0;
	padding-bottom: .15em;
	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: 1.5em;
}
.singlenavr a::before {
	width: .75em;
	height: 1px;
	background: #69579c;
	right: .05em;
	top: 0;
	bottom: 0;
}
.singlenavr a::after {
	width: .41em;
	height: .41em;
	border-top: 1px solid #69579c;
	border-right: 1px solid #69579c;
	transform: rotate(45deg);
	right: .05em;
	top: 0;
	bottom: 0;
	z-index: 1;
}

.singlenavl a { /* new article */
	padding-left: 1.5em;
}
.singlenavl a::before {
	width: .75em;
	height: 1px;
	background: #69579c;
	left: .05em;
	top: 0;
	bottom: 0;
}
.singlenavl a::after {
	width: .41em;
	height: .41em;
	border-bottom: 1px solid #69579c;
	border-left: 1px solid #69579c;
	transform: rotate(45deg);
	left: .05em;
	top: 0;
	bottom: 0;
	z-index: 1;
}

a.singlenav_bkbtn {
	display: inline-block;
	border-radius: 2em;
	padding: .25em 1.5em .25em 1.5em;
	color: #fff;
	background: #69579c;
	border-radius: 3em;
}


/* ----------------------------------------
  wp only
  ---------------------------------------- */
  
.fancy-ico span {
    background: none;
    border: none;
    box-shadow: none;
}
#fancybox-close {
	top: -34px;
}
#fancybox-close span::after, #fancybox-close span::before {
    background-color: #fff;
    top: 15px;
    width: 30px;
}
#fancybox-close:hover span, #fancybox-next:hover span, body.rtl #fancybox-prev:hover span {
	transform: inherit;
	opacity: 0.8;
}

@media screen and (max-width: 767px) {
	#fancybox-outer,
	#fancybox-content {
	}
	#fancybox-close span::after, #fancybox-close span::before {
	    background-color: #fff;
	    top: 5px;
	    left: -10px;
	}
}

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