@charset "utf-8";


/* ----------------------------------------
  BaseLayout
  ---------------------------------------- */
.ly_wrap {
	margin: 0 auto;
	position: relative;
	clear: both;
	overflow: hidden;
}

@media screen and (max-width :767px) {
	.ly_wrap {
		
	}
}


/* ----------------------------------------
  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_fwb { font-weight: 700 !important;  font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','Yu Gothic','游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic','メイリオ', sans-serif;}
/*
.hp_fwb800 {font-weight: 800 !important;}
.hp_fwb900 {font-weight: 900 !important;}
*/
.hp_fwn {font-weight: 400 !important;;}
.hp_fz0 {font-size: 1rem !important;}/*16px*/
.hp_fzs1 {font-size: 0.938em;}/*15px*/
.hp_fzs2 {font-size: 0.875em;}/*14px*/
.hp_fzs3 {font-size: 0.813em;}/*13px*/
.hp_fzl1 {font-size: 1.063em;}/*17px*/
.hp_fzl2 {font-size: 1.125em;}/*18px*/
.hp_fzl3 {font-size: 1.188em;}/*19px*/
.hp_fzl4 {font-size: 1.250em;}/*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_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_lh25 { line-height: 2.5 !important;}
.hp_lh1_5 { line-height: 1.5 !important;}
.hp_lh1_6 { line-height: 1.6 !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;}

/* 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_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_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_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_mr0 { margin-right: 0 !important;}
.hp_p0 { padding: 0;}
.hp_prl20 { padding: 0 20px;}

.hp_font00 { font-size: 1.5em;}

@media screen and (max-width: 767px) {
	.hptb_mb10 { margin-bottom: 10px;}
	.hptb_mb15 { margin-bottom: 15px;}
	.hptb_mb20 { margin-bottom: 20px;}
	.hptb_mb25 { margin-bottom: 25px;}
	.hptb_mb30 { margin-bottom: 30px;}
	.hptb_mb35 { margin-bottom: 35px;}
	.hptb_mb40 { margin-bottom: 40px;}
	.hptb_mb45 { margin-bottom: 45px;}
	.hptb_mb50 { margin-bottom: 50px;}
	.hptb_p0 { padding: 0;}
	
	.hppc_fwb {font-family: 'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro','Yu Gothic','游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic','メイリオ', sans-serif;}
	
	.hp_font00 { font-size: 3.2vw;}
	
	.hptb_fzs1 {font-size: 0.938em;}/*15px*/
	.hptb_fzs2 {font-size: 0.875em;}/*14px*/
	.hptb_fzs3 {font-size: 0.813em;}/*13px*/
	.hptb_fzl1 {font-size: 1.063em;}/*17px*/
	.hptb_fzl2 {font-size: 1.125em;}/*18px*/
	.hptb_fzl3 {font-size: 1.188em;}/*19px*/
}
@media screen and (max-width: 480px) {
	.hpsp_p0 { padding: 0;}
	.hpsp_prl10 { padding: 0 10px;}
	
	.hp_font00 { font-size: 14px;}
}

/* background color */
.hp_bg0 { background: none !important; }

/* 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 {
	flex-direction:row-reverse;
}

/*  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 #b3b3b3;
    border-left: 1px solid #b3b3b3;
    border-collapse: collapse;
    text-align: left;
    background:#fff;
}
table th {
    padding: 15px 20px;
    border-right: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
    background-color: #f2f2f2;
    font-weight: normal;
}
table td {
    padding: 15px 20px;;
    border-right: 1px solid #b3b3b3;
    border-bottom: 1px solid #b3b3b3;
}
	table { font-size: 0.85em; }
  	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; }


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

/* background */
.hp_bg1 {
	background: url(../img/back01.png) repeat left bottom;
}
.hp_bg2 {
	background: url(../img/back02.png) repeat left bottom;
}
.hp_bg3 {
	background: #fff;
}

.hp_pgtt {
	padding: 20px 8%;
	font-size: 40px;
}
.hp_tt1 {
	font-size: 38px;
	color: #dea3a2;
	border-bottom: dotted 2px #dea3a2;
}
.hp_tt2 {
	font-size: 33px;
}

.hp_box {
	padding-left: 8%;
	padding-right: 8%;
}

@media screen and (max-width: 767px) {
	.hp_pgtt {
		font-size: 22px;
	}
	.hp_tt1 {
		font-size: 20px;
	}
	.hp_tt2 {
		font-size: 17px;
	}
}

/* ----------------------------------------------------------------
	Footer
-----------------------------------------------------------------*/
.footer {
	padding: 0 8% 20px; 
}
.footer nav {
	padding: 50px 0px 20px 0px;
}
.footer nav ul li {
	display: inline-block;
	padding: 0 10px;
}
.footer nav ul li a {
	color: #dea3a2;
}



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

.un_vl2 {
	line-height: .5;
}


.un_about {
	padding-bottom: 50px;
}
.un_about_txt {
	margin: 30px 0 50px;
	padding: 0 8%;
}
.un_newopenwrap {
	margin: 0 8%;
	background: #dea3a2;
	padding: 20px 0 10px;
}
.un_newopenwrap.un_newopenfull {
	margin: 0;
}
.un_newopen {
	background: url(../img/open_footer.png) no-repeat center bottom ,url(../img/open_back.png) repeat-y center top;
	background-size: contain;
	padding: 1em 12% 4em 12%;
}
.un_newopen address,
.un_newopen p {
	display: block;
	color: #fff;
}
.un_newopen address a {
	color: #fff;
}


.un_working {
	padding: 30px 0 50px;
}
.un_workingslide {
	background: #fff;
	margin: 0 8% 20px 8%;
	padding: 6% 6% 3% 6%;
}
.un_working_a {
	border-bottom: 6px dotted #dea3a2;
	padding-bottom: 60px;
	margin-bottom: 40px;
}
.un_workingslide .slick-dots {bottom: -30px !important;}
.un_workingslide .slick-dots li.slick-active button:before {
	color: #cda5a1;
}
.un_workingslide .slick-dots li button:hover:before, .un_workingslide .slick-dots li button:focus:before {
	color: #cda5a1;
}
.un_workingslide .slick-prev:before {
	content: "";
	position: absolute;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #cda5a1;
    border-left: 2px solid #cda5a1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -3px;
}
.un_workingslide .slick-next:before {
	content: "";
	position: absolute;
    width: 10px;
    height: 10px;
    border-top: 2px solid #cda5a1;
    border-right: 2px solid #cda5a1;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.un_movie {
	margin: 0 8% 20px 8%;
}


.un_seminar {
	padding: 30px 8% 50px;
}
.un_seminar_txt {
	color: #fff;
	margin-bottom: 30px;
}
.un_seminar_haisin {
	padding: 10px 5% 20px;
	margin-bottom: 20px;
}


.un_soudan_wrap {
	padding: 40px 0 50px;
}
.un_soudan {
	position: relative;
	margin: 0 8%;
	padding: 20px 5% 30px;
	background: #f6f0f1;
}
.un_soudan p {
	width: 18%;
	position: absolute;
	right: -5%;
	top: 4.5em;
}


.un_point {
	padding: 30px 0 20px;
}

.un_message {
	padding: 50px 0 50px;
}
.un_message_txt {
	padding: 10px 8%;
}
.un_message_txt p {
	margin-bottom: 1em;
}

.un_company {
	padding: 30px 8% 70px;
}

@media screen and (max-width: 767px) {
	.un_about_txt {
		margin: 10px 0 20px;
	}
	.un_newopenwrap {
		margin: 0 3%;
	}
	.un_newopen {
		background: url(../img/open_footer.png) no-repeat center bottom ,url(../img/open_back.png) repeat-y center top;
		background-size: contain;
		padding: 20px 12% 2em 12%;
	}
	
	.un_workingslide {
		margin: 0 5% 20px 5%;
	}
	.un_workingslide .slick-prev:before {
	    left: 3px;
	}
	.un_workingslide .slick-next:before {
	    left: 3px;
	}
	
	.un_movie {
		margin: 0 5%;
	}
	
	.un_message_txt {
		padding: 10px 5%;
	}
}

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



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

.contact_form {
	overflow: hidden; margin-bottom: 70px; padding-bottom: 70px;
	border-bottom: 1px solid #b4b4b5;
}

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

table.mainform { border: none; border-top: 1px solid #ccc;}
table.mainform th {border-bottom: none; border-right: none; background-color: #f6e8e8; font-size: 86%;}
table.mainform td {border-right: none; border-bottom: 1px solid #ccc; padding-bottom: 20px;}
.mainform th span.mail_em { display: inline-block; font-size: 70%; color: #fff; background: #b1474e; border-radius: 0; padding: 0 7px; margin-left: 5px;}
.mainform input, .mainform textarea  {font-size: 100%; box-shadow: 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;border-radius: 0 !important;box-shadow: none !important;border: 1px solid #efefef;background:#efefef; border-bottom:1px solid #545960 !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;}
.mfp_element_submit, .mfp_element_reset, .mfp_element_button, button.mfp_next, button.mfp_prev {
    background: #e25978 !important;
    border: none !important;
    border-radius: 0 !important;
    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:#ccc !important; border: none !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 {background: #d4214b !important; color: #fff !important; box-shadow: 0 0 0 #fff !important; border-color: background: #e1585f !important;}

@media screen and (max-width: 767px) {
	table.mainform th { font-size: 100%; font-weight: bold;}
	.mainform th span.mail_em { left: inherit; right: 15px; top: 13px; }
}


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

/* pager main */
.wp-pagenavi { 
	clear: both;
	margin:15px 0px 15px 0;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: none;
    padding: 5px 5px;
    margin: 2px;
    background: #fff;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	border: none !important;
}
.wp-pagenavi span.current {
	background: #00b3d8; color: #fff;
}

/* pager single */
.singlenav { 
	clear: both;
	overflow: hidden;
	padding-top: 100px !important;
	margin-bottom: 40px !important;
}
.singlenavl { 
	margin-right: 20px;
	float: left;
	margin-left: 10px;
}
.singlenavr {
	margin-left: 20px;
	float: right;
	margin-right: 10px;
}
.singlenav span a {
	display: inline-block;
	text-align: center;
	position: relative;
	vertical-align: middle;
}
.singlenavl a { padding: 0 0 0 20px; }
.singlenavr a { padding: 0 20px 0 0; }
.singlenav span a::before,.singlenav span a::after{ position: absolute;	top: 0;	margin: auto; content: ""; vertical-align: middle; }
.singlenavl a::before {
	top: 0;
	bottom: 0;
	left: 0;
	width: 6px;
	height: 6px;
	border-top: 2px solid #00b3d8;
	border-right: 2px solid #00b3d8;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.singlenavr a::before {
	top: 0;
	bottom: 0;
	right: 0;
	width: 6px;
	height: 6px;
	border-bottom: 2px solid #00b3d8;
	border-left: 2px solid #00b3d8;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
@media screen and (max-width: 767px) {
	.singlenavl { margin-right: 5px; float: left; }
	.singlenavr { margin-left:0; float: right; }
}



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