
/*
	2018.3.19 Git

	m-zawa.css

*/

html,
body {
	/*
	overflow-x: hidden;
	*/
}

/*
@media (max-width:770px) {
	br { 
		display:none;
	}
}
*/
#yri-cat a.fff {
	color :#fff;
	text-decoration:none;
	width:40%;
}
	#yri-cat a.fff:hover {
		color :#fff;
		text-decoration:underline;
	}
@media (max-width: 660px) {
	#yri-cat a.fff {
		width:96%;
	}
}

#yri-cat a.ff2,
#yri-mr a.ff2
{
	color :#fff;
	text-decoration:none;
}
	#yri-cat a.ff2:hover,
	#yri-mr a.ff2:hover
	{
		color :#fff;
		text-decoration:underline;
	}
/*	#yri-cat a.ff2:active,*/
	#yri-cat a.ff2:visited,
	#yri-cat a.ff2:visited
	{
		color :#fff;
		text-decoration:underline;
	}
/*	#yri-cat a.ff2:link {
		color :#fff;
	}
*/
@media (max-width: 660px) {
	#yri-cat .btn-block {
		display: block;
		width: 100%;
		word-wrap: break-word;
		white-space: normal;
	}
}

#yri-cat a.g666 {
	color :#666;
	text-decoration:none;
}
	#yri-cat a.g666:hover {
		color :#666;
		text-decoration:none;
	}
#yri-cat a.g333 {
	color :#333;
	text-decoration:none;
}
	#yri-cat a.g333:hover {
		color :#333;
		text-decoration:none;
	}

#yri-cat .underline {
	text-decoration:underline;
}
	#yri-cat .underline:hover {
		text-decoration:none;
	}


#yri-cat .bg-eee { background-color:#eee; }
#yri-cat .bg-ddd { background-color:#ddd; }
#yri-cat .bg-ccc { background-color:#ccc; }

.text-shadow-ccc {
	text-shadow:1px 1px 3px #ccc;
}

ul.list-style-none {
	list-style:none;
	margin:0 auto 0.4em;
	padding:0 0.8em;
}

	ul li .h4em {
		height:4em;
	}
	ul li .pt14 {
		padding-top:1.4em;
	}
@media (max-width:990px) {

	ul.list-style-none {
		list-style:none;
		margin:0 auto 0.4em;
		padding:0 0.8em;
	}

}


.btn-bottom-60 {
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 60%;
}

.btn-block-98 {
	display: block;
	width: 98%;
}

.b-width {
	position: fixed;
	display: none;	/*block;*/
	width: auto;
	height: 25px;
	background-color: rgba(5,5,5,0.6);	/*#c00;*/
	color: #fff;
	top: 0px;
	left: 0px;
	padding: 0.2em 0.4em;
	z-index: 20;
	opacity: 0.8;
	text-align: left;
}
/* overflow:hidden、heightは必ず指定する */
.textOverflowTest4 {
	overflow: hidden;
	border: 1px solid #ccc;
	padding: 10px;
	height: 80px;
	background: #eee;
}
.textRed {
	color:#c00;
}
.yriBlue {
	color:#2f3279;
}

#pageLeftArea {
	float: left;
	margin: 0;
	padding: 0;
	background-color: #fff;
}
#pageRightArea {
	float: right;	/*right;*/
	margin: 0;
	padding: 0;
	background-color: #efefef;
/*
	width: 240px;
	max-width:317px;
*/
}
#pageRight {
	margin: 0 0 10px;
/*
	width: 240px;
*/
}



#catreport {
/*
	display:inline-block;
	float:left;
	width:100%;
	height:auto;
	margin-top : 4.8em;
*/
}
#catreport:before {
	display: block;
	content: " ";
	margin-top: -6.2em;
	height: 6.2em;
	visibility: hidden;
}
.anker {
/*	margin-top : -4.8em;*/
	padding-top : 4.8em;
/*
	float:left;
	display: inline-block;
*/
}
.anker2 {
	padding-top : 6.2em;
/*
	float:left;
	display: inline-block;
*/
}
.anker3 {
	padding-top : 9.2em;
/*
	float:left;
	display: inline-block;
*/
}

/* ---------------------------------------------- */
/*
.fa-file-pdf-o {
	color:#c00;
}
.fa-file-pdf-o:hover {
	color:#ff3500;
}
*/
/* ---------------------------------------------- */

/* scroll */
.scroll-wrap {
	margin: 0px auto;
/*	margin: 20px auto;
/*	width: 900px;*/

	height:100%;

	max-width:1170px;	/* maezawa added 2020.08.26 */

}
@media (max-width: 768px) {
	.scroll-wrap {
		margin: initial;
		height: initial;
		margin-top: 40px;
	}
}

/*
@media (max-width: 480px) {
	.scroll-wrap {
		margin: 0px auto;
		height:100%;
	}
}
*/
.side {
	width:100%;
	float: left;	/*right;*/
	position: relative;
	padding-left:15px;
	/*	width: 240px;*/
}
@media (max-width: 990px) {
	.side {
		padding-left:0;
	}
}

.main {
	float: left;
	width: 100%;
	height:100%;
	text-align:left;
	margin: 0 auto;
	padding:0.8em 0.0em;
/*
	background-color: #FDC7B3;
	padding: 20px;
	margin: 10px 0;
*/
}
@media (max-width: 660px) {
	.main {
/*		margin: 0 -15px;*/
		margin: 0 auto;
		overflow-wrap: anywhere; /* 収まらない場合に折り返す */
		word-break: normal; /* 単語の分割はデフォルトに依存 */
		line-break: strict; /* 禁則処理を厳格に適用 */
	}

	.main img {
		max-width: 100%!important;
		height: auto!important;
	}
}
.relnav, .fixnav {
/*	padding: 20px;
	width: 240px;
	margin: 10px 0;
*/
}
.relnav {
/*	height: 290px;
	background-color: #DDEEA8;*/
}
.fixnav {
/*
	background-color: #B3E8EE;*/
}
#side-box {
	float:left;
	width:100%;
	height:auto;
	
	margin-bottom:0.8em;
	display:block;
	

/*	
	width:auto;
	min-width:258px;	/*235px;
*/
}
/* -------------------------------- */

blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 9.75pt;
	border-left: none;
}
.posi-rela {
	position:relative;
}

.float-right {
	float: right;
	padding: 0 0 0.4em 0.8em;
}

.our-mission {
}
	.our-mission h2 {
	}
	.our-mission img.photo {
		float: right;
		padding: 0 0 0.4em 0.8em;
	}
@media (max-width:360px) {
	.our-mission h2 {
		font-size:14.75pt;
		text-align: justify;
		margin:0 auto 0.8em;
	}
	.our-mission h2 br {
		display:none;
	}
	.our-mission img.photo {
	}
}

.print-logo {
	display:none;
}

a.underline {
	/*color:#333;*/
	text-decoration:none;
}
	a.underline:hover {
/*		color:#333;*/
		text-decoration:underline;
	}
	a.underline:focus {
/*		color:#fff;*/
		text-decoration:underline;
	}



.btn-toolbar-radio {
	margin: 0 auto;
}



.yri-logo-b {
/*
	width: 265px;
*/
	height: 48px;	/*40px;*/
	background-image: url(../images/yri_logo_b.png);
	background-position: center left;
	background-repeat: no-repeat;
	background-size:contain;	/*cover contain;*/
	display: block;
	/*margin: 0 0 0.2em;*/
	margin-top:-5px;
}
@media (min-width: 346px) and (max-width: 990px) {
	.yri-logo-b {
		/*height: 30px;*/
	}
}
@media (max-width: 345px) {
	.yri-logo-b {
		background-size:80%;
	}
}
.jmra-logo {
	display:block;
	width: 96%;
	/* height: 22px;*/
	background-image: url(../images/marketing_research_logo.gif);
	background-position: left center;
	background-repeat: no-repeat;
	margin:0 auto;
	text-align:right;
}
.jmra-logo:before {
	content:"日本マーケティング・リサーチ協会 会員 No.20175";
	font-size:8pt;
	letter-spacing:-0.13em;
}
.p-mark-logo {
	display:block;
	width: 75px;
	height: 75px;
	background-image: url(../images/pmark_12390119.png);
	background-position: center center;
	background-repeat: no-repeat;
	margin:0 auto;
	text-align:center;
}


.btn-color-yri {
	background-color:#4255B8;	/*#2f3279;**/
	color:#fff;

	width:60px;
/*
	height:40px;
	margin:-1px 0 0;
*/
}



@media (min-width: 419px) {
/*
	.form-inline .input-group > .form-control {
		width: 100%;
	}
/*
	.form-inline .input-group .input-group-addon, 
	.form-inline .input-group .input-group-btn, 
	.form-inline .input-group .form-control {
		width: auto;
	}
*/
}
@media (min-width: 768px) {
/*
	.form-inline .input-group .input-group-addon,
	.form-inline .input-group .input-group-btn,
	.form-inline .input-group .form-control {
		width:100%;
	}
*/
}
.form-inline .input-group > .form-control {
	width: 100%;	/*auto;*/
}

.form-inline .input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	margin: 0.2em auto;
}
	.form-inline .input-group.input-header-w {
		width:92%;
	}

/*.nav-searchBox .input-group-addon,*/
.nav-searchBox .input-group-btn {
/*	width: auto;	/*25%;*/
}
.form-control .header-select-width {
	width: 20%;
}

.input-group-btn select {
	border-color: #ccc;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 7px;
	padding-bottom: 7px;
}

@media (max-width: 719px) {
	.nav-searchBox .input-group-addon,
	.nav-searchBox .input-group-btn {
	}
}

.input-group .form-control {
	float:none;
}

/*
.input-group .form-control {
	position: relative;
	z-index: 2;
	float: left;
	width: 100%;
	margin-bottom: 0;
}
*/

.nav-searchBox { 
	margin:5px auto 0.8em;
}
@media (max-width: 770px) {
	.nav-searchBox {
		width:80%;
	}
}

	.btn-search-header {
		height: 31px;
		background-color: #30347D;
		padding: 0 1.2em;
		margin: -1px 0 0;
		color: #fff;
		border: solid 1px #111;
	}
	.input-search-header {
		padding: 0 0.8em;
		margin: 0;
		background-color: #fff;
		height: 30px;
		text-align:center;
	}
/*@media (max-width: 320px) {*/
@media (max-width: 719px) {
	.input-group .input-search-header {
/*
		width:70%;
		margin:0 auto 0.4em;
*/
	}
	.input-group .input-group-btn {
/*
		display:inline-block;
		width:100%;
*/
	}
}



	.btn-radio-header {
		height: 31px;
		background-color: #fefefe;
		padding: 6px 0.6em 0;
		margin: -1px 0 0;
		color: #2f3279;
		border: solid 1px #adadad;
	}
		.btn-default:active,
		.btn-default.active,
		.open > .btn-default.dropdown-toggle {
			color: #fff;
			background-color: #588CE4;
			border-color: #adadad;
		}




	.snsBox-hd {
		text-align:right;
		margin:0.6em 0 0;
		padding:0 2.4em;
	}
	@media (max-width: 991px) {
		.snsBox-hd {
			text-align:center;
			padding:0 1.6em;
		}
	}
	@media (max-width: 499px) {
		.snsBox-hd {
			text-align:center;
			padding:0 1.6em;
		}
	}
		.snsBox-hd ul {
			margin:0;
			padding:0;
		}
		.snsBox-hd ul li {
			display:inline-block;
			margin:0;
			padding:0;
		}
		.snsBox-hd ul li a{
			display: block;
			margin: 0;
			padding: 0 2px;
			font-size: 14.75pt;
		}
		.snsBox-hd ul li a:hover {
			text-decoration:none;
		}


		.snsBox-hd ul li a.flag {
			display:block;
			width:22px;
			height:22px;
			margin: 0;
		}
		.snsBox-hd ul li a.flag.flag-english {
			background:url(../images/united-kingdom.png) 0px 0px no-repeat;
			background-size:contain;
		}
		.snsBox-hd ul li a.flag.flag-korea {
			background:url(../images/south-korea.png) 0px 0px no-repeat;
			background-size:contain;
		}


.bd-eee { border:solid 1px #eee; }
.bg-eee {background-color:#eee; }


.fontSet { 	font-family:"メイリオ", Meiryo, Osaka; }

.minCho {
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
	/*	text-align:justify;*/
}
.title-shadow {
	text-shadow:1px 1px 3px #ccc;
}

.btn-yri-login {
	border-radius: 32px;
	color: #fff;
	box-shadow: 0px 0px 6px #ccc;
	text-shadow:0px 0px 3px #111;

	background-color: #2F3279;
	background-image: -webkit-linear-gradient(324deg, #577cfd, #2F3279);
	background-image: linear-gradient(165deg, #577cfd, #2F3279);
}
.btn-yri-login:hover {
	color: #fff;
/*	color:rgba(255,255,255,0.8);*/
	background-color: #3b56b5;
	background-image: -webkit-linear-gradient(324deg, #3b56b5, #202251);
	background-image: linear-gradient(165deg, #3b56b5, #202251);
}

.yriBlue { color:#2f3279; }
.yriRed { color:#b31221; }
.h-shadow-033ddd { text-shadow:0px 3px 3px #ddd; }

.ls-003 { letter-spacing:-0.03em; }
.ls-005 { letter-spacing:-0.05em; }
.ls-008 { letter-spacing:-0.08em; }
.ls-010 { letter-spacing:-0.10em; }
.ls-015 { letter-spacing:-0.15em; }
.ls-018 { letter-spacing:-0.18em; }
.ls-020 { letter-spacing:-0.20em; }

.ls005 { letter-spacing:0.05em; }
.ls010 { letter-spacing:0.10em; }
.ls015 { letter-spacing:0.15em; }

.val-tsume { letter-spacing:-0.1em; }
.val96 { font-size:96pt; }
.val48 { font-size:48pt; }
.val36 { font-size:36pt; }
.val32 { font-size:32pt; }
.val28 { font-size:28pt; }
.val26 { font-size:26pt; }
.val24 { font-size:24pt; }
.val22 { font-size:22pt; }
.val20 { font-size:20pt; }
.val18 { font-size:18pt; }
.val16, .fa.val16 { font-size:16pt; }
.val14, .fa.val14 { font-size:14pt; }
.val13, .fa.val13 { font-size:13pt; }
.val12, .fa.val12 { font-size:12pt; }
.val11 { font-size:11pt; }
.val10 { font-size:10pt; }
.val9 { font-size:9.0pt; }
.val8 { font-size:8.0pt; }
.val7 { font-size:7.5pt; }
.val6 { font-size:6.5pt; }

.valB { font-weight:700; }

.w33p { width:33.3%; }

.w100px { width:100px; }
.w110px { width:110px; }
.w120px { width:120px; }
.w130px { width:120px; }
.w140px { width:140px; }
.w160px { width:160px; }
.w180px { width:180px; }

.w100p { width:100%; }
.w80p { width:80%; }
.w60p { width:60%; }
.w40p { width:40%; }
.w20p { width:20%; }


.m0 { margin:0; }
.p0 { padding:0; }

.pt4 { padding-top:0.4em; }
.pb4 { padding-bottom:0.4em; }
.pr4 { padding-right:0.4em; }
.pl4 { padding-left:0.4em; }

.pt8 { padding-top:0.8em; }
.pb8 { padding-bottom:0.8em; }
.pr8 { padding-right:0.8em; }
.pl8 { padding-left:0.8em; }

.pt16 { padding-top:1.6em; }
.pb16 { padding-bottom:1.6em; }
.pr16 { padding-right:1.6em; }
.pl16 { padding-left:1.6em; }

.mt24 { margin-top:2.4em; }
.mb24 { margin-bottom:2.4em; }
.mr24 { margin-right:2.4em; }
.ml24 { margin-left:2.4em; }

.mt16 { margin-top:1.6em; }
.mb16 { margin-bottom:1.6em; }
.mr16 { margin-right:1.6em; }
.ml16 { margin-left:1.6em; }

.mt8 { margin-top:0.8em; }
.mb8 { margin-bottom:0.8em; }
.mr8 { margin-right:0.8em; }
.ml8 { margin-left:0.8em; }

.mt4 { margin-top:0.4em; }
.mb4 { margin-bottom:0.4em; }
.mr4 { margin-right:0.4em; }
.ml4 { margin-left:0.4em; }

.mt2 { margin-top:0.2em; }
.mb2 { margin-bottom:0.2em; }
.mr2 { margin-right:0.2em; }
.ml2 { margin-left:0.2em; }

.mt0 { margin-top:0em; }
.mb0 { margin-bottom:0em; }
.mr0 { margin-right:0em; }
.ml0 { margin-left:0em; }


.mb15px { margin-bottom:15px; }


.btn-toolbar > .btn-group.m-5 {
	margin: -5px;
}

.p0m0 { padding:0; margin:0; }
.p04all { padding:0.4em; }
.p08all { padding:0.8em; }
.p16all { padding:1.6em; }
.pb0	{ padding-bottom:0em; }

.mb20px { margin-bottom:20px; }
.ml20px { margin-left:20px; }

.ti16 { text-indent:1.6em; }
.ti8 { text-indent:0.8em; }

.note { font-size:88%; font-weight:normal; letter-spacing:-0.01em; }
.note8 { font-size:8pt; }
.note9 { font-size:9pt; }
.note10 { font-size:10pt; }

.noBorder { border:none; }


.borderBox01 {
	border:solid 1px #ccc;
	border-radius:3px;
}
	.borderBox01.box-shadow {
		box-shadow:1px 1px 3px #ccc;
	}
	.borderBox01.bg-blue01 {
		background-image: linear-gradient(-5deg, #a1c4fd 0%, #c2e9fb 100%);
	}
	
	.borderBox01:hover {
		border:solid 1px #2f3279;
		background-color:rgba(55,170,250,0.1);	/*#2f3279;"*/
	}
	.borderBox01 h1 {
		font-size:16.75pt;
		margin:0 0 0.8em;
		padding:0 0 0.8em;
	}
		.borderBox01 h1 .small {
			font-size:12.75pt;
		}
	.borderBox01 ul {
			padding:0.2em 0.4em 0.2em 1.4em;
	}
		.borderBox01 ul ul {
			padding:0.2em 0.4em 0.2em 1.2em;
			font-size:92%;
		}
	.borderBox01 .posi-bottom {
		position: absolute;
		bottom: 5px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}


.borderBox01a {
	border:solid 1px #ccc;
	border-radius:3px;
}
	.borderBox01a.box-shadow {
		box-shadow:1px 1px 3px #ccc;
	}
	.borderBox01a.bg-blue01 {
		background-image: linear-gradient(-5deg, #a1c4fd 0%, #c2e9fb 100%);
	}
	
	.borderBox01a h1 {
		font-size:16.75pt;
		margin:0 0 0.8em;
		padding:0 0 0.8em;
	}
		.borderBox01a h1 .small {
			font-size:12.75pt;
		}
	.borderBox01a ul {
			padding:0.2em 0.4em 0.2em 1.4em;
	}
		.borderBox01a ul ul {
			padding:0.2em 0.4em 0.2em 1.2em;
			font-size:92%;
		}
	.borderBox01a .posi-bottom {
		position: absolute;
		bottom: 5px;
		left: 0;
		right: 0;
		margin: 0 auto;
	}


.borderBox02 {
	border:solid 1px #ccc;
	border-radius:3px;
}
	.borderBox02.box-shadow {
		box-shadow:1px 1px 3px #ccc;
	}
	
	.borderBox02 .title {
		background-color: #4255B8;
		color: #fff;
		margin: -0.9em -0.9em 0.8em;
		padding: 0.8em;
		border-top-right-radius: 3px;
		border-top-left-radius: 3px;

		text-align: center;
		letter-spacing: -0.02em;
	}	
	.borderBox02 hr {
		margin: 0.4em auto;
	}


.borderBox03 {
	border:solid 1px #ccc;
	border-radius:3px;
	max-height:24em;
	
	overflow:auto;
}
	.borderBox03.h30em {
		max-height:30em;
	}

	.borderBox02.box-shadow {
		box-shadow:1px 1px 3px #ccc;
	}
	
	.borderBox02 .title {
		background-color: #4255B8;
		color: #fff;
		margin: -0.9em -0.9em 0.8em;
		padding: 0.8em;
		border-top-right-radius: 3px;
		border-top-left-radius: 3px;

		text-align: center;
		letter-spacing: -0.02em;
	}	
	.borderBox02 hr {
		margin: 0.4em auto;
	}



	
.border-ccc {
	border:solid 1px #ccc;
}


.bborder {
	border-bottom:solid 1px #ccc;
	margin-bottom:0.8em;
	padding-bottom:0.8em;
}
.LRborder {
	border-left:solid 1px #fff;
	border-right:solid 1px #fff;
}
.Lborder {
	border-left:solid 1px #fff;
}
.Rborder {
	border-right:solid 1px #fff;
}

.btn-directmail {
	width:100%;
	padding: 8px 0px;
}


ul.list-style-disc {
	list-style-type: disc;
	margin: 0 0 0.4em 0.8em;
}
	ul.list-style-disc li {
		margin-bottom:0.4em;
	}


.h1-type01 {
	border-bottom: solid 3px #cce4ff;
	position: relative;
	margin-bottom:1.6em;
	padding:0 0 0.4em 0.4em;
}
	.h1-type01:after {
		position: absolute;
		content: " ";
		display: block;
		border-bottom: solid 3px #5472cd;
		bottom: -3px;
		left:0;
		width: 40%;
	}
h1.type02 {
	border-bottom: none;
	position: relative;
	margin-bottom:1.6em;
	padding:0 0 0.8em 0.8em;
	
	font-size:15.75pt;
}



.w100	{ width:100%; }
.w90	{ width:90%; }
.w80	{ width:80%; }
.w60	{ width:60%; }
.w40	{ width:40%; }
.w15	{ width:15%; }
.w10	{ width:10%; }
.w08	{ width:8%; }
.w05	{ width:5%; }

.w150px { width:150px; }
.w140px { width:140px; }
.w130px { width:130px; }
.w120px { width:120px; }
.w110px { width:110px; }
.w100px { width:100px; }
.w090px { width:90px; }
.w080px { width:80px; }


.btnw100 { display:inline-block; width:100%; }
.btnw90 { display:inline-block; width:90%; }
.btnw80 { display:inline-block; width:80%; }
.btnw60 { display:inline-block; width:60%; }
.btnw40 { display:inline-block; width:40%; }

.lh12 { line-height:1.2em; }
.lh14 { line-height:1.4em; }
.lh16 { line-height:1.6em; }
.lh18 { line-height:1.8em; }
.lh20 { line-height:2.0em; }


.iro0201 { color:#e9544f; }
.notice {
	color: #ff0088;
}
.arrowBox {
	margin:0 auto;
	padding:0.4em 2.4em;
}
.arrow-down {
	width: 60px;
}
	.arrow-down:before{
		content: "";
		display: block;
		margin: 0 auto;
		width: 30px;
		height: 30px;
		background: #666;
	}
	.arrow-down:after{
		content: "";
		display:block;
		border-top: 30px solid #666;
		border-left: 30px solid transparent;
		border-right: 30px solid transparent;
		transform-origin: left top;
		transform: scaleY(.5);
	}

hr.line1 {
	padding:1.6em 0;
}
.wakuP04 {
	border: solid 1px #ccc;
	border-radius: 6px;
	padding: 0.4em;
	width: auto;
	height: auto;
}
.wakuP08 {
	border: solid 1px #ccc;
	border-radius: 6px;
	padding: 0.8em;
	width: auto;
	height: auto;
}


.col-table {
	display: flex;
	flex-wrap: wrap;
	float: left;
	width: auto;
	margin: 0 auto;
	border-bottom: solid 1px #999;
}

	.col-table.b-B {
		border-bottom:solid 1px #999;
	}
.col-table .col-table-th,
.col-table .col-table-th-3 {
	padding:0.8em 0.4em 0.4em;
	background-color:#efefef;
	border-top:solid 1px #999;
	border-left:solid 1px #999;
/*	display:table;*/
	margin:0;
	text-align:center;
	position:relative;
}
.col-table .col-table-td,
.col-table .col-table-td-3 {
	padding:0.8em 0.8em 0.4em;
	border-top:solid 1px #999;
	border-left:solid 1px #999;
/*	display:table;*/
	margin:0;
	text-align:left;
	position:relative;
}
	.col-table .col-table-td-w3 {
		border-right:solid 1px #999;
	}
	.col-table .col-table-td:nth-child(4n) {
		border-right:solid 1px #999;
	}
	.col-table .col-table-th-3:nth-child(3n),
	.col-table .col-table-td-3:nth-child(3n) {
		border-right:solid 1px #999;
	}

	.col-table .col-table-th .mid-Box,
	.col-table .col-table-td .mid-Box {
		display:table-cell;
		vertical-align:middle;
	}
	.col-table .col-table-th.no-b-L,
	.col-table .col-table-td.no-b-L {
		border-left:none;
	}
	.col-table .col-table-th.no-b-T {
		border-top:solid 1px #efefef;
	}
	.col-table .col-table-td.no-b-T {
		border-top:none;
	}


	.col-table .col-table-th:last-child,
	.col-table .col-table-td:last-child {
		border-right:solid 1px #999;
	}

	.col-table .col-table-th.b-R {
		border-right:solid 1px #999;
	}







/*
	.col-table .col-table-th:nth-last-child(1),
	.col-table .col-table-th:nth-last-child(2),
	.col-table .col-table-th:nth-last-child(3),
	.col-table .col-table-th:nth-last-child(4),
	.col-table .col-table-td:nth-last-child(1),
	.col-table .col-table-td:nth-last-child(2),
	.col-table .col-table-td:nth-last-child(3),
	.col-table .col-table-td:nth-last-child(4)
	{
		border-bottom:solid 1px #c00;
	}
/*


@media (max-width: 660px) {
	.col-table .col-table-th,
	.col-table .col-table-td {
		border-left:none;
	}
	.col-table .col-table-th:last-child,
	.col-table .col-table-td:last-child {
		border-right:none;
	}
}*/









.col-table .col-table-th-b {
	padding:0.8em 0.4em 0.4em;
	background-color:#efefef;
	border-top:solid 1px #999;
	border-left:solid 1px #999;
	margin:0;
	text-align:center;
	position:relative;
}
.col-table .col-table-td-b {
	padding:0.8em 0.8em 0.4em;
	border-top:solid 1px #999;
	border-left:solid 1px #999;
	margin:0;
	text-align:left;
	position:relative;
}
	.col-table .col-table-th-b:last-child,
	.col-table .col-table-td-b:last-child {
		border-right:solid 1px #999;
	}

	.col-table .col-table-th-b:nth-child(2n),
	.col-table .col-table-td-b:nth-child(2n) {
		border-right:solid 1px #999;
	}





.searchBox-Top {
	padding: 1.6em 0.8em 0.4em;
	background-color: #eee;
	margin: 0 auto 0.8em;
	border-radius: 3px;
}





.info-Box-news {
	margin:0 auto;
	padding:0.4em 0.0em;
/*
	border:solid 1px #ccc;
	border-radius:3px;

	background-color: #f2f3f5;
	background-image: -webkit-linear-gradient(324deg, #f2f3f5, #d2cfcf);
	background-image: linear-gradient(126deg, #f2f3f5, #d2cfcf);
	box-shadow:0px 0px 6px #ddd;
*/
}
	.info-Box-news h3 {
		color:#2569B1;
		font-size: 10.75pt;
		font-weight: 700;
		border-bottom: solid 1px #2569B1;
		padding: 0 0.4em 0.4em;
		margin:0.8em 0.4em 0.4em;
	}
		.info-Box-news h3.news {
/*
			font-family:georgia;
*/
			font-size:10.75pt;
			text-align:left;
		}
		.info-Box-news h3.media {
/*
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E";
*/
			font-family: Meiryo, sans-serif;
			font-size:10.75pt;
			padding-top: 0.8em;
			font-weight: 700;
		}
	.info-Box-news dl {
		font-size:9.75pt;
		margin:0 auto;
		padding:0.8em 0.4em;
		line-height: 1.6em; 
		height:30.0em;
		overflow:auto;
		background-color:rgba(255,255,255,0.8);
		border-radius:3px;
	}
		.info-Box-news dl.h1 {
			height:19.6em;
		}
@media (min-width: 768px) and (max-width: 991px) {
		.info-Box-news dl,
		.info-Box-news dl.h1 {
				min-height:19.6em;
		}
}
	.info-Box-news dt {
		float: left;
		width:100%;
/*
		width: 6.0em;
		overflow: hidden;
*/
		clear: left;
		text-align: left;
		font-weight:700;
		text-overflow: ellipsis;
		white-space: nowrap;
		/*font-family:georgia;*/
		font-size: 10.75pt;
		margin: 0 0 0.4em 0.4em;
	}
	.info-Box-news dd {
		border-bottom: dotted 1px #ccc;
		padding: 0 1.6em 0.4em;
		margin: 0.2em 0 0.8em 0;
		text-align:left;
	}



	dl.enkaku {
		font-size:9.75pt;
		margin:0 auto;
		padding:0;
		line-height:1.6em;
	}
		dl.enkaku dt {
			float: left;
			width: 5.5em;
			overflow: hidden;
			clear: left;
			text-align: left;
			text-overflow: ellipsis;
			white-space: nowrap;
			margin: 0 0 0.4em;
			font-weight:normal;
		}
		dl.enkaku dd {
			padding: 0 0.8em 0.4em;
			margin: 0 0 0.0em 0;
			text-align:left;
		}


	dl.yakuin {
		margin:0 auto;
		padding:0;
		line-height:1.6em;
	}
		dl.yakuin dt {
			float: left;
			width: 10.0em;
			overflow: hidden;
			clear: left;
			text-align: left;
			text-overflow: ellipsis;
			white-space: nowrap;
			margin: 0 0 0.4em;
			font-weight:normal;
		}
		dl.yakuin dd {
			padding: 0 0.8em 0.4em 11em;
			margin: 0 0 0.0em 0;
			text-align:left;
		}


	dl.info-list {
		font-size:10.75pt;
		margin:0 auto;
		padding:0;
		line-height:1.6em;
	}
		dl.info-list dt {
			float: left;
			width: 6.8em;
			overflow: hidden;
			clear: left;
			text-align: left;
			text-overflow: ellipsis;
			white-space: nowrap;
			margin: 0 0 0.8em;
			font-weight:normal;
		}
		dl.info-list dd {
			padding: 0 0.8em 0.4em;
			margin: 0 0 0.8em;
			text-align:left;
			border-bottom:dotted 1px #ccc;
		}
			dl.info-list dd a {
				color:#2569B1;
			}
			dl.info-list dd a:hover {
			}


	dl.media-list {
		font-size:10.75pt;
		margin:0 auto 1.6em;
		padding:0;
		line-height:1.6em;
	}
		dl.media-list dt {
			float: left;
			width: 6.8em;
			overflow: hidden;
			clear: left;
			text-align: left;
			text-overflow: ellipsis;
			white-space: nowrap;
			margin: 0 0 0.8em;
			padding:0.6em 0.2em;
			font-weight:normal;
		}
		dl.media-list dd {
			padding: 0.6em 0.8em 0.4em 7em;
			margin: 0;	/* 0 0.8em;*/
			text-align:left;
			border-bottom:dotted 1px #ccc;
		}
			dl.media-list dd a {
				color:#2569B1;
			}
			dl.media-list dd a:hover {
			}
/*
				dl.media-list dt:first-child +dd {
					border-top:dotted 1px #ccc;
				}
*/
		#yri-cat .media-icon
		{
			font-size:8.75pt;
			text-align:center;
			display: inline-block;
			border-radius:6px;
			width: 60px;
			height:21px;
			margin:0 0.8em 0.4em 0;
			padding:0.2em;
			color:#fff;
		}

		#yri-cat .media-icon01 { background-color:#e584ae; }
		#yri-cat .media-icon02 { background-color:#b1a6bc; }
		#yri-cat .media-icon03 { background-color:#5cb2ce; }
		#yri-cat .media-icon04 { background-color:#4585d3; }
		#yri-cat .media-icon99 { background-color:#999999; }

			#yri-cat .media-icon01:before { content:"新  聞"; }
			#yri-cat .media-icon02:before { content:"テレビ"; }
			#yri-cat .media-icon03:before { content:"Web"; }
			#yri-cat .media-icon04:before { content:"雑  誌"; }
			#yri-cat .media-icon99:before { content:"その他"; }




	dl.hirameki-list {
		font-size:10.75pt;
		margin:0 auto;
		padding:0;
		line-height:1.6em;
	}
		dl.hirameki-list dt {
			float: left;
			width: 6.8em;
			overflow: hidden;
			clear: left;
			text-align: left;
			text-overflow: ellipsis;
			white-space: nowrap;
			font-weight:normal;
			margin: 0.6em 0 0.0em;
			padding:0.2em 0.2em;
		}
		dl.hirameki-list dd {
			padding: 0 0.8em 0.4em;
			margin: 0 0 0.0em;
			text-align:left;
			border-bottom:dotted 1px #ccc;
		}
			dl.hirameki-list dd a {
				color:#2569B1;
			}
			dl.hirameki-list dd a:hover {
			}
	#yri-cat .hirameki-list a {
		color: #525252;
		display: block;
		width: 100%;
		padding:0.2em 0;
	}		

		#yri-cat .hirameki-list dd:hover {
			background-color:rgba(238,238,238,0.8);	/*#eee;*/
		}



@media (max-width: 660px) {
		dl.info-list dd {
			float:left;
			width:100%;
		}
}


	.press-btnBase {
		background-color:rgba(44,86,192,0.2);
		display:inline-block;
		width:100%;
		margin:0.8em auto;
		padding:0.4em 1.6em 0.2em;
	}
	
	dl.press-list {
		font-size:10.75pt;
		margin:0 auto;
		padding:0;
		line-height:1.6em;
	}
		dl.press-list dt {
			float: left;
			width: 6.8em;
			overflow: hidden;
			clear: left;
			text-align: left;
			text-overflow: ellipsis;
			white-space: nowrap;
			margin: 0 0 0.8em;
			padding:0.4em 0;
			font-weight:normal;
		}
		dl.press-list dd.column1 {
			padding: 0.4em 7.0em 0.8em;
			margin: 0 -7.0em 0.8em;
			text-align:left;
			border-bottom:dotted 1px #ccc;
			width:99%;
			display:inline-block;
		}
		dl.press-list dd.column2 {
			padding: 0;	/*0 0.8em 0.4em;*/
			margin: 0 0 0.8em;
			width:10%;
			font-size:16.75pt;
			display:inline-block;
			text-align:right;
		}


	#yri-cat dl.seminar-list {
		font-size:10.75pt;
		margin:0.8em auto;
		padding:0;
		line-height:1.6em;
	}
		#yri-cat dl.seminar-list dt {
			float: left;
			width: 18%;
			overflow: hidden;
			clear: left;
			text-align: left;
			text-overflow: ellipsis;
			white-space: nowrap;
			margin: 0 0 0.8em;
			padding:0.2em 0.4em;
			font-weight:normal;
			display:inline-block;
		}
		#yri-cat dl.seminar-list a {
			color:#555;
			border-bottom:dotted 1px #ccc;
			display:inline-block;
			width:100%;
		}
			#yri-cat dl.seminar-list a:hover {
				background-color:rgba(204,228,255,0.3);
			}

		#yri-cat dl.seminar-list dd.column1 {
			padding: 0.4em 0.4em 0.8em;
			margin: 0 auto;
			padding:0.2em 0.4em;
			text-align:left;
			float:left;
			width:52%;
			display:inline-block;
		}
		#yri-cat dl.seminar-list dd.column2 {
			margin: 0 0 0.8em;
			padding:0.2em 0.4em;
			text-align:left;
			float:right;
			width:25%;
			font-size:9.75pt;
			display:inline-block;
			text-align:left;
		}
@media (max-width:660px) {
	#yri-cat dl.seminar-list dt,
	#yri-cat dl.seminar-list dd.column1,
	#yri-cat dl.seminar-list dd.column2
	{
		width: 100%;
		padding:0.2em 0.4em;
	}
}
			#yri-cat dl.seminar-list dt.tt,
			#yri-cat dl.seminar-list dd.tt {
				margin-bottom:0.0em;
				font-size:9.25pt;
			}
			#yri-cat dl.seminar-list .bl {
				border-bottom:solid 2px #5472CD;
				display:inline-block;
				width:100%;
				margin-bottom:0.8em;
			}





	#yri-cat dl.seminar-list-whats {
		font-size:10.75pt;
		margin:0.8em auto;
		padding:0;
		line-height:1.6em;
	}
		#yri-cat dl.seminar-list-whats dt {
			float: left;
			width: 80%;
			font-size:12.75pt;
			font-weight: 700;
			letter-spacing: 0.05em;
			overflow: hidden;
			clear: left;
			text-align: left;
			text-overflow: ellipsis;
			white-space: nowrap;
			margin: 0;
			padding:0;
			font-weight:normal;
			display:inline-block;
		}
		#yri-cat dl.seminar-list-whats a {
			color:#272727;
			border-bottom:dotted 1px #ccc;
			display:inline-block;
			width:100%;
			position:relative;
			padding:0.8em 0.8em;
		}
			#yri-cat dl.seminar-list-whats a:hover {
				background-color:rgba(204,0,0,0.1);
			}

		#yri-cat dl.seminar-list-whats dd.column1 {
			padding: 0;
			margin: 0;
			text-align:left;
			float:left;
			width:80%;
			font-size:11.75pt;
			display:inline-block;
		}
		#yri-cat dl.seminar-list-whats dd.column2 {
			padding: 0;
			margin: 0;
			text-align:left;
			float:left;
			width:80%;
			font-size:10.75pt;
			display:inline-block;
			text-align:left;
		}
		#yri-cat dl.seminar-list-whats dd.column3 {
			width:15%;
			position: absolute;
			top: 50%;
			right: -25px;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}
		
			#yri-cat dl.seminar-list-whats .lineup {
				text-align:center;
				font-size:12.75pt;
				position:relative;
				margin:1.6em auto 0;
			}
				#yri-cat dl.seminar-list-whats .lineup:before {
					background: url(../seminar/img/whats_l_mark.png) center center no-repeat;
					display: inline-block;
					width: 15%;
					height: 1.8em;
					position: absolute;
					top: -5px;
					left: 20%;
					content: " ";
					background-size: cover;
				}
				#yri-cat dl.seminar-list-whats .lineup:after {
					background: url(../seminar/img/whats_r_mark.png) center center no-repeat;
					display: inline-block;
					width: 15%;
					height: 1.8em;
					position: absolute;
					top: -5px;
					right: 20%;
					content: " ";
					background-size: cover;
				}
			#yri-cat dl.seminar-list-whats dt.tt,
			#yri-cat dl.seminar-list-whats dd.tt {
				margin-bottom:0.0em;
				font-size:9.25pt;
				height:0.4em;
			}
			#yri-cat .bl,
			#yri-cat dl.seminar-list-whats .bl {
				border-bottom:solid 2px #940000;
				display:inline-block;
				width:100%;
				margin-bottom:0.8em;
			}
			#yri-cat dl.seminar-list-whats .btn {
				font-family:"メイリオ", Meiryo, Osaka;
			}
			#yri-cat dl.seminar-list-whats .chushi {
				background-color: #727272;
				padding: 0.2em;
				text-align: center;
				margin: 0.4em auto;
				color: #fff;
			}


	#yri-cat dl.mr-list {
		font-size:10.75pt;
		margin:0.4em auto 1.6em;
		padding:0;
		line-height:1.4em;
	}
		#yri-cat dl.mr-list dt {
			float: left;
			width: 27%;	/*15%;*/
			overflow: hidden;
			clear: left;
			text-align: left;
			text-overflow: ellipsis;
			white-space: nowrap;
			margin: 0 0 0.8em;
			padding:0.4em 0;
			font-weight:normal;
			display:inline-block;
			position:relative;
		}
			#yri-cat dl.mr-list dt .hyotei {
				position:absolute;
				display:block;
				border:solid 1px #c00;
				border-radius:3px;
				top: 5px;
				left: 99px;
			}
				#yri-cat dl.mr-list dt .hyotei:before {
					content:"発刊予定";
					font-size:8.25pt;
					color:#c00;
					padding:0 0.4em;
				}
		#yri-cat dl.mr-list a {
			color:#333;
			border-bottom:dotted 1px #ccc;
			display:inline-block;
			width:100%;
			padding:0.2em 0.0em;
		}
			#yri-cat dl.mr-list .bl {
				display: block;
				border-bottom: dotted 1px #ccc;
				width: 100%;
				height: 2.5em;
			}
			#yri-cat dl.mr-list .th {
				border-bottom: dotted 1px #ccc;
				color: #272727;
				background-color: #fff;
				border-top: none;
				border-right: none;
				border-left: none;
			}
		#yri-cat dl.mr-list a:hover {
			background-color:rgba(55,170,250,0.1);
		}


		#yri-cat dl.mr-list dd.column1 {
			padding: 0.4em 0.4em 0.8em 0.4em;
			margin: 0 auto;
			text-align:left;
			float:left;
			width:51%;	/*62%;*/
			display:inline-block;
			position:relative;
		}
		#yri-cat dl.mr-list dd.column2 {
			padding: 0.4em 0;	/*0 0.8em 0.4em;*/
			margin: 0 0 0.8em;
			text-align:left;
			float:right;
			width:20%;	/*	20%;*/
			font-size:10.75pt;
			display:inline-block;
			text-align:right;
		}
			#yri-cat dl.mr-list dt.tt,
			#yri-cat dl.mr-list dd.tt {
				text-align:center;
			}
		#yri-cat dl.mr-list dt {
		}

@media (max-width: 820px) {
		#yri-cat dl.mr-list dt {
			width: 100%;
			margin: 0;
			padding:0.2em 0 0.4em;
		}
		#yri-cat dl.mr-list dd.column1 {
			padding: 0;
			margin: 0.0em auto;
			width:70%;
		}
		#yri-cat dl.mr-list dd.column2 {
			padding: 0;
			margin: 0;
			width:30%;
		}
			#yri-cat dl.mr-list .bl {
				height:5.6em;
				margin:0.4em auto;
			}
			#yri-cat dl.mr-list dt .hyotei {
				top:0px;
			}
/*			#yri-cat dl.mr-list dd.column1 .hyotei {
				top:-25px;
				left:215px;
			}*/
}





	#yri-cat dl.concise-list {
		font-size:10.75pt;
		margin:0.4em auto 1.6em;
		padding:0;
		line-height:1.4em;
	}
		#yri-cat dl.concise-list dt {
			float: left;
			width: 115px; /* 12%;	/*15%;*/
			/*overflow: hidden;*/
			clear: left;
			text-align: left;
			text-overflow: ellipsis;
			white-space: nowrap;
			margin: 0 0 0.8em;
			padding:0.4em;
			font-weight:normal;
			display:inline-block;
			position:relative;
		}
		
		#yri-cat .new {
			position: absolute;
			display: table;
			border-radius: 50%;
			top: 5px;
			left: 68px;
			background-color: #c00;
			width: 22px;
			height: 22px;
		}
			#yri-cat .new:before {
				content: "N";
				font-size: 9.25pt;
				color: #fff;
				padding: 0 0.4em;
				display: table-cell;
				vertical-align: middle;
				text-align: center;
			}

		#yri-cat .exp {
			position: absolute;
			display: table;
			border-radius: 50%;
			top: 5px;
			left: 93px;
			background-color: #2C9A7A;
			width: 22px;
			height: 22px;
		}
			#yri-cat .exp:before {
				content: "E";
				font-size: 9.25pt;
				color: #fff;
				padding: 0 0.4em;
				display: table-cell;
				vertical-align: middle;
				text-align: center;
			}

		#yri-cat dl.concise-list a {
			color:#333;
			border-bottom:dotted 1px #ccc;
			display:inline-block;
			width:100%;
			padding:0.2em 0.8em;
		}
			#yri-cat dl.concise-list .bl {
				display: block;
				border-bottom: dotted 1px #ccc;
				width: 100%;
				height: 2.5em;
			}
			#yri-cat dl.concise-list .th {
				border-bottom: dotted 1px #ccc;
				color: #272727;
				background-color: #fff;
				border-top: none;
				border-right: none;
				border-left: none;
			}
		#yri-cat dl.concise-list a:hover {
			background-color:rgba(55,170,250,0.1);
		}


		#yri-cat dl.concise-list dd.column1 {
			padding: 0.4em;
			margin: 0 auto;
			text-align:left;
			float:left;
			width:55%;	/*62%;*/
			display:inline-block;
			position:relative;
		}
		#yri-cat dl.concise-list dd.column-page {
			padding: 0.4em;
			margin: 0 auto;
			text-align:right;
			float:left;
			width:10%;	/*62%;*/
			display:inline-block;
			position:relative;
		}
		#yri-cat dl.concise-list dd.column2 {
			padding: 0.4em;	/*0 0.8em 0.4em;*/
			margin: 0 0 0.8em;
			text-align:left;
			float:right;
			width:15%;	/*	20%;*/
			font-size:10.75pt;
			display:inline-block;
			text-align:right;
		}
			#yri-cat dl.concise-list dt.tt,
			#yri-cat dl.concise-list dd.tt {
				text-align:center;
			}
		#yri-cat dl.concise-list dt {
		}

@media (max-width: 820px) {
		#yri-cat dl.concise-list dt {
			width: 100%;
			margin: 0;
		}
		#yri-cat dl.concise-list dd.column1 {
			margin: 0.0em auto;
			width:70%;
		}
		#yri-cat dl.concise-list dd.column2 {
			margin: 0;
			width:20%;
		}
			#yri-cat dl.concise-list .bl {
				height:5.6em;
				margin:0.4em auto;
			}
			#yri-cat dl.concise-list dt .hyotei {
				top:0px;
			}
}






/*
@media (min-width: 768px) and (max-width: 991px) {
	.info-Box-news dt {
		float: none;
		font-weight:700;
	}
	.info-Box-news dd {
		padding: 0;
		margin: 0 0 0.8em 0;
	}
}


@media (max-width: 548px) {
	.info-Box-news dl {
		height:22em;
		overflow:auto;
	}
	.info-Box-news dt {
		float: left;
		width: 100%;
		overflow: hidden;
		clear: left;
		text-align: left;
		font-weight:normal;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.info-Box-news dd {
		border-bottom: dotted 1px #fff;
		padding: 0 0 0.4em 0.4em;
		margin: 0 0 0.4em 0;
	}
}
	.info-Box-news a {
		color:#64686d;
	}
	.info-Box-news a:hover {
		color:#65151a;
		text-decoration:underline;
	}
*/

.tab-pane {

	border-left:solid 1px #ddd;
	border-right:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
	padding:0.4em; /*15px;*/
}
.info-Box-press {
/*
	margin:-0.8em auto 0;
	padding:0.4em 0.0em 1.6em;
*/
}
	.info-Box-press h3 {
		color:#2569B1;
		font-size: 10.75pt;
		font-weight: 700;
		border-bottom: solid 1px #2569B1;
		padding: 0 0.4em 0.4em;
		margin:0.8em 0.4em 0.4em;
	}
	.info-Box-press dl {
		font-size:9.75pt;
		margin:0 auto;	/*0.4em auto 0.4em;*/
		padding:0.4em;
		line-height: 1.6em; 
		/* height:30.0em;*/
		background-color:rgba(255,255,255,0.8);
		border-radius:3px;
	}
		.info-Box-press dl.h1 {
			height:19.6em;
		}
@media (min-width: 768px) and (max-width: 991px) {
		.info-Box-press dl,
		.info-Box-press dl.h1 {
				min-height:19.6em;
		}
}
	.info-Box-press dt {
		float: left;
		width: 6.0em;
		overflow: hidden;
		clear: left;
		text-align: left;
		font-weight:300;
		text-overflow: ellipsis;
		white-space: nowrap;
		/*font-family:georgia;*/
		font-size: 10.75pt;
	}
	.info-Box-press dd {
		border-bottom: dotted 1px #ccc;
		padding: 0 0 0.4em 6.5em;
		margin: 0 0 0.8em 0;
		text-align:left;
	}
	.info-Box-press dd a {
		font-size: 10.75pt;
	}





.breadcrumb {
	margin:10em 1.6em 1.6em;
	padding: 0.4em 1.6em 0.0em;
	list-style: none;
/*
	background-color: #e8edf0;
	background-image: -webkit-linear-gradient(324deg, #eee, #e8edf0);
	background-image: linear-gradient(165deg, #eee, #e8edf0);
*/
	background-color: #fff;
	border:solid 1px #ddd;
	border-radius: 16px;
	font-size:9.75pt;
}
	.breadcrumb > li {
		display: inline-block;

		overflow: hidden;
		/*white-space: nowrap;*/
		text-overflow: ellipsis;

	}
	.breadcrumb > li + li:before {
		content: "/ ";
		padding: 0 5px;
		color: #999;
	}
	.breadcrumb > .active {
		color: #777777;
	}
	
	
@media (max-width: 991px) {
	.breadcrumb {
		margin-top:13.8em;
	}
}
@media (max-width: 480px) {
	.breadcrumb {
		margin-top:14.8em;
	}
}





.panel-default {
	border-color: #ddd;
	line-height:1.8em;
}
.panel-default > .panel-heading {
	color: #333333;
	background-color: #f5f5f5;
	border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
	color: #f5f5f5;
	background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
	border-bottom-color: #ddd;
}





.list-group2 {
	margin-bottom: 20px;
	padding-left: 0;
}
	.list-group-item2 {
		position: relative;
		display: block;
		padding: 1.6em;	/*10px 15px;*/
		margin-bottom: -1px;
		background-color: #fff;
		border: 1px solid #ddd;
	}
	.list-group-item2:first-child {
		border-top-right-radius: 4px;
		border-top-left-radius: 4px;
	}
	.list-group-item2:last-child {
		margin-bottom: 0;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	a.list-group-item2 {
		color: #555;
	}
	a.list-group-item2 .list-group-item2-heading {
		color: #333;
	}
	a.list-group-item2:hover, 
	a.list-group-item2:focus {
		text-decoration: none;
		color: #555;
		background-color: #eee;	/*#f5f5f5;*/
	}
	.list-group-item2.disabled, .list-group-item2.disabled:hover, 
	.list-group-item2.disabled:focus {
		background-color: #eeeeee;
		color: #777777;
		cursor: not-allowed;
	}
	.list-group-item2.disabled .list-group-item2-heading, 
	.list-group-item2.disabled:hover .list-group-item2-heading, 
	.list-group-item2.disabled:focus .list-group-item2-heading {
		color: inherit;
	}
	.list-group-item2.disabled .list-group-item2-text, 
	.list-group-item2.disabled:hover .list-group-item2-text, 
	.list-group-item2.disabled:focus .list-group-item2-text {
		color: #777777;
	}
	.list-group-item2.active, 
	.list-group-item2.active:hover, 
	.list-group-item2.active:focus {
		z-index: 2;
		color: #fff;
		background-color: #337ab7;
		border-color: #337ab7;
	}
	.list-group-item2.active .list-group-item2-heading,
	.list-group-item2.active .list-group-item2-heading > small,
	.list-group-item2.active .list-group-item2-heading > .small, 
	.list-group-item2.active:hover .list-group-item2-heading,
	.list-group-item2.active:hover .list-group-item2-heading > small,
	.list-group-item2.active:hover .list-group-item2-heading > .small, 
	.list-group-item2.active:focus .list-group-item2-heading,
	.list-group-item2.active:focus .list-group-item2-heading > small,
	.list-group-item2.active:focus .list-group-item2-heading > .small {
		color: inherit;
	}
	.list-group-item2.active .list-group-item2-text, 
	.list-group-item2.active:hover .list-group-item2-text, 
	.list-group-item2.active:focus .list-group-item2-text {
		color: #c7ddef;
	}



h1, .h1 {
	font-size: 18pt;
}
h2, .h2 {
	font-size: 16pt;
}
h3, .h3 {
	font-size: 14.75pt;
}
h4, .h4 {
	font-size: 14pt;
}
h5, .h5 {
	font-size: 12.75pt;
}
h6, .h6 {
	font-size: 10.75pt;
}
p {
	margin:0;
	font-size:10.75pt;
	line-height:1.4em;
}
	p a {
		text-decoration:underline;
	}
	p a:hover {
		text-decoration:none;
	}
	p.note { font-size:8.75pt; }


h1 small, h1 .small, .h1 small, .h1 .small, 
h2 small, h2 .small, .h2 small, .h2 .small, 
h3 small, h3 .small, .h3 small, .h3 .small {
	font-size: 55%;
}
h1 small, h1 .small, 
h2 small, h2 .small, 
h3 small, h3 .small, 
h4 small, h4 .small, 
h5 small, h5 .small, 
h6 small, h6 .small, 
.h1 small, .h1 .small, 
.h2 small, .h2 .small, 
.h3 small, .h3 .small, 
.h4 small, .h4 .small, 
.h5 small, .h5 .small, 
.h6 small, .h6 .small {
	font-weight: normal;
	line-height: 1;
	color: #777777;
}

h1, .h1 {
	border-bottom: solid 1px #d9d9d9;
	padding-bottom: 0.4em;
	color:#4a4a4a;
}
.subTitle01,
#yri-cat .subTitle01 {
	color:#2f3279;
	border-left:solid 6px #2f3279;
/*	border-bottom: solid 1px #ccc;*/
	margin: 1.6em 0 1.6em;
	padding: 0.4em 0em 0.2em 0.8em;
	font-weight:500;
}
.subTitle02,
#yri-cat .subTitle02 {
	color:#2f3279;
	margin:0 0 0.8em;
}
.subTitle03,
#yri-cat .subTitle03 {
	color:#2f3279;
	border-bottom: solid 1px #ccc;
	margin: 0.8em 0;
	padding: 0.4em 0em 0.2em 0.2em;
}

.title-research-planning {
	color:#393fc5;
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
	font-size:32pt;
	margin-top:0.8em;
	text-align:center;
	text-shadow:1px 1px 6px #ccc;
	letter-spacing:0.1em;
	line-height:1.2em;
}
.title-research-planning .small {
	font-size:14pt;
	color:#b3126b;
	margin:0.8em auto 1.6em;
	letter-spacing:-0.02em;
}



.feature-center {
	text-align: center;
	margin:0 auto 0.8em;
	padding:0.8em 1.6em;
	float: left;
	width: 100%;
	height:100%;
	border:solid 1px rgba(255,255,255,0);
	border-radius:3px;
	box-shadow:3px 3px 6px #eee;
	position: relative;

	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
	.feature-center:hover {
				border:solid 1px #2f3279;
				background-color: #f2f9fe;
				color:#2569B1;
	}

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


.feature-b {
	text-align: center;
	margin:0 auto 0.8em;
	padding:0.8em 1.6em;
	float: left;
	width: 100%;
	height:100%;
	border:solid 1px rgba(47,50,121,0.4);	/*rgba(255,255,255,0.5);*/
	border-radius:3px;
	box-shadow:3px 3px 6px #eee;
	position: relative;
	color:#3c3c3c;

	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
	.feature-b:hover {
				border:solid 1px #2f3279;
				background-color: #f2f9fe;
				color:#2569B1;
	}


.feature-c {
	text-align: center;
	margin:0 auto 0.8em;
	padding:0;	/*0.8em 1.6em;*/
	float: left;
	width: 100%;
	height:100%;
	border:solid 1px rgba(47,50,121,0.4);	/*rgba(255,255,255,0.5);*/
	border-radius:3px;
	box-shadow:3px 3px 6px #eee;
	position: relative;
	color:#3c3c3c;

	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
	.feature-c:hover {
				border:solid 1px #2f3279;
				background-color: #f2f9fe;
				color:#2569B1;
	}


@media screen and (max-width: 768px) {
	.feature-center {
		margin-bottom: 50px;
	}
}
	.feature-center .icon,
	.feature-b .icon {
		width: 120px;
		height: 120px;
		background: #4a65d4;	/*#2f3279;	/*#efefef;*/
		display: table;
		text-align: center;
		margin: 0 auto 0.8em;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		border-radius: 50%;
	}
		.feature-center .icon i,
		.feature-b .icon i {
			display: table-cell;
			vertical-align: middle;
			height: 90px;
			font-size: 16pt;
			font-style:normal;
			line-height: 1.4em;
			color: #fff;	/*#2255bb;	/*#F85A16;*/
			padding-top:0.25em;
		}

	.feature-center .icon2,
	.feature-b .icon2 {
/*
		width: 120px;
		height: 120px;
		background: #4a65d4;	/*#2f3279;	/*#efefef;*/
		display: table;
		text-align: center;
		margin: 0 auto 0.8em;
/*
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		border-radius: 50%;
*/
	}
		.feature-center .icon2 i,
		.feature-b .icon2 i {
			display: table-cell;
			vertical-align: middle;
			height: 90px;
			font-size: 16pt;
			font-style:normal;
			line-height: 1.2em;
			color: #4a65d4;	/*#2255bb;	/*#F85A16;*/
			padding-top:0.25em;
			text-shadow:1px 1px 3px #ccc;
		}

	.feature-center .icon3,
	.feature-b .icon3 {
		display: table;
		text-align: center;
		margin: 0 auto;
	}
		.feature-center .icon3 i,
		.feature-b .icon3 i {
			display: table-cell;
			vertical-align: middle;
			height: 90px;
			font-size: 14pt;
			font-style:normal;
			line-height: 1.2em;
			color: #4b4b4b;	/*#2255bb;	/*#F85A16;*/
			padding-top:0.25em;
			text-shadow:1px 1px 3px #ccc;
		}

	.feature-center p, 
	.feature-center h3,
	.feature-b p, 
	.feature-b h3 {
		margin-bottom: 0.8em;
	}
	.feature-center h3,
	.feature-b h3 {
		text-transform: uppercase;
		font-size: 18px;
		color: #5d5d5d;
	}
/*	.feature-center p {
		height:5.0em;
	}
*/s




	.feature-left {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		position: relative;
	}
	.feature-left:last-child {
		margin-bottom: 0;
	}
	.feature-left .icon {
		float: left;
		margin-right: 5%;
		display: table;
		text-align: center;
	}
@media screen and (max-width: 768px) {
	.feature-left .icon {
		margin-right: 5%;
	}
}
	.feature-left .icon i {
		display: table-cell;
		vertical-align: middle;
		font-size: 30px;
		color: #F85A16;
	}
	.feature-left .feature-copy {
		float: left;
		width: 80%;
	}
@media screen and (max-width: 768px) {
	.feature-left .feature-copy {
		width: 70%;
		float: left;
	}
}
	.feature-left .feature-copy h3 {
		text-transform: uppercase;
		font-size: 18px;
		color: #5d5d5d;
		margin-bottom: 10px;
	}




.products-services {
	text-align: center;
	margin:0 auto 0.4em;
	padding:0.8em 0.2em;
	float: left;
	width: 100%;

/*
	border:solid 1px #ccc;
	border-radius:3px;
	box-shadow:3px 3px 12px #ccc;
*/
}
@media screen and (max-width: 768px) {
	.products-services {
		margin-bottom: 50px;
	}
}
.products-services .icon {
	width: 120px;
	height: 120px;
/*	background: #4a65d4;	/*#2f3279;	/*#efefef;*/
	display: table;
	text-align: center;
	margin: 0 auto 0.8em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;

	background-color: #4d52c5;
	background-image: -webkit-linear-gradient(324deg, #888ac5, #4d52c5);
	background-image: linear-gradient(126deg, #888ac5, #4d52c5);

	box-shadow:3px 6px 6px #ccc;
}
.products-services .icon i {

	font-family:"メイリオ", Meiryo, Osaka;
	font-style:normal;
	
	display: table-cell;
	vertical-align: middle;
	height: 90px;
	font-size: 14pt;
	line-height: 1.2em;
	color: #fff;	/*#2255bb;	/*#F85A16;*/
	padding-top:0.3em;
	text-shadow: 1px 1px 3px #333;
}
.products-services p, 
.products-services h3 {
	margin-bottom: 0.8em;
	line-height:1.6em;
	text-align: justify;
}
.products-services h3 {
	text-transform: uppercase;
	font-size: 18px;
	color: #5d5d5d;
}




/* Access Map */
#mapTokyo,
#mapOsaka,
#mapNagoya,
#mapShanghai,
#mapSeoul,
#mapTaipei
{
	width:100%;
	height:320px;
	margin-bottom:0.4em;
}



.kankocho {
	border: solid 1px #ccc;
	border-radius: 3px;
	margin:0 auto 1.6em;
	position:relative;
}
	.kankocho h2 {
		font-size: 14pt;
		margin: 1.6em 0 0.4em;
		border-bottom: solid 1px #ccc;
		padding: 0 0.8em 0.4em;
	}

	.kankocho ul {
		padding:0.4em 0.8em;
	/*
		overflow: auto;
		height: 30.1em;
	*/
	}
	.kankocho ul li {
		margin:0 0.4em 0.4em 1.6em;
		list-style-type:disc;
	}

	ul.kankocho-nendo {
		margin:0 auto;
		padding:0;
	}
	ul.kankocho-nendo li {
		list-style-type:none;
	}

.message-our-mission {
	margin:0em auto 1.6em;
}
	.message-our-mission h4 {
		font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
		font-size:14.75pt;
		line-height:1.8em;
	}
	.message-our-mission .about-yano-photo {
		float: right;
		width: 180px;
		height: 180px;
		background: url(../images/about_yano/Mizukoshi.jpg) center center no-repeat;
		border-radius: 6px;
		margin: 1.6em 0 0.8em;
/*
		position: absolute;
		display: block;
		top: 0;
		right: 0.8em;
*/
	}
@media (max-width:414px){
	.message-our-mission h4 {
		font-size: 12.75pt;
		line-height: 1.8em;
		margin: 0 -1.6em 1.6em -0.8em;
		letter-spacing: -0.05em;
	}
	.message-our-mission .about-yano-photo {
		margin: 1.6em 0.8em 0.8em 0;
	}
}
@media (min-width:635px){
	.message-our-mission .about-yano-photo {
/*
		float: right;
		width: 180px;
		height: 180px;
		background: url(../img/about_yano/Mizukoshi.jpg) center center no-repeat;
		border-radius: 6px;
		margin: 1.6em 0.4em 0.8em;
*/
		position: absolute;
		display: block;
		top: 0;
		right: 0;
	}
}
.our-mission {
	margin:0 auto 1.6em;
}
	.our-mission p {
		font-size:10.75pt;
		text-align: justify;
		line-height: 1.8em;
	}
	.our-mission .daihyo {
		font-size:10.75pt;
		text-align: right;
		line-height: 1.8em;
		margin:1.6em 0.8em;
	}


ul.top-banner {
	margin:0 auto 1.6em;
}
ul.top-banner li {
	margin:0.4em auto;
}

.top-bannerbox {
	display:block;
	width:100%;
	height:120px;
	border:solid 1px #ddd;
	border-radius:3px;
}
	.top-bannerbox.ydb {
		background:url(../images/top-banner-ydb.png) center center no-repeat; background-size:contain;
	}
	.top-bannerbox.yanoict {
		background:url(../images/top-banner-yanoict.png) center center no-repeat; background-size:contain;
	}
	.top-bannerbox.precious {
		background:url(../images/top-banner-precious.png) center center no-repeat; background-size:contain;
	}
	.top-bannerbox.smarter2 {
		background:url(../images/top-banner-smarter2.png) center center no-repeat; background-size:contain;
	}



#yri-mr .pagination-sm > li > a {

	text-decoration:none;
}
#yri-mr .pagination > .active > a {
	color:#fff;
}
#yri-mr .pagination > .active > a:hover {
	color:#ccc;
}


/*
#yri-mr .searchMr_sub ul li span  {
	marign-top:2px;
}
#yri-mr .searchMr_sub ul li .fa {
	font-size:16pt;
}
*/










/* アイコン 市場調査資料 2017.10.26 --------------------  */


	#yri-mr .search-mr .iconYRI2 {
		display:inline-block;/* table;*/
		width: auto;	/*110px;*/
		min-width:87px;
		/* height: 20px;	/*14px;*/
		background-color: #fff;
		margin: 0;
		padding: 0;
/*
		position: absolute;
		top: -5px;
		left: 5px;
*/
	}
	#yri-mr .search-mr .iconYRI2:before {
		float:left;
		width:100%;		/*100px;*/
		height:2.2em;	/*13px;*/
		
		color:#fff;
		font-size:8.5pt;
		text-align:center;
		border-radius:0px;
		border:solid 1px #ddd;
		/*box-shadow:1px 1px 1px 1px #ccc;*/
		margin:0;
		padding:0 5px;
		font-family:"メイリオ", Meiryo;
		color:#333;
		background-color:#fff;
	}
		#yri-mr .search-mr .iconYRI2.marketreport:before {
			content:"市場調査資料";
			border-left:solid 8px #F9A834;
		}
		#yri-mr .search-mr .iconYRI2.concisereport:before {
			content: "Concise Report";
			border-left:solid 8px #3366FF;
		}
		#yri-mr .search-mr .iconYRI2.expert:before {
			content: "エキスパート";
			border-left:solid 8px #2c9a7a;
		}
		#yri-mr .search-mr .iconYRI2.teikan:before {
			content: "定期刊行物";
			border-left:solid 8px #BE0102;
		}
		#yri-mr .search-mr .iconYRI2.degicon:before {
			content: "デジタルコンテンツ";
			border-left:solid 8px #4900D0;
			letter-spacing: -0.1em
		}
		#yri-mr .search-mr .iconYRI2.press:before {
			content: "プレスリリース";
			border-left:solid 8px #5FBE00;
			letter-spacing:-0.05em;
		}
		#yri-mr .search-mr .iconYRI2.others:before {
			content: "その他";
			border-left:solid 8px #666;
		}


		#yri-mr .search-mr .iconYRI2.YanoReport:before {
			content: "ヤノ・レポート";
			border-left:solid 8px #021551;
		}
		#yri-mr .search-mr .iconYRI2.YanoNews:before {
			content: "ヤノニュース";
			border-left:solid 8px #FEFE00;
		}
		#yri-mr .search-mr .iconYRI2.YanoEPlus:before {
			content: "Yano E Plus";
			border-left:solid 8px #C4D7D1;
		}
		#yri-mr .search-mr .iconYRI2.ChinaBrandNews:before {
			content: "China Brand News";
			border-left:solid 8px #DE2910;
		}

		#yri-mr .search-mr .iconYRI2.icon_day:before {
			content: "発刊予定";
			font-size:9.75pt;
			color:#fff;
			background-color:#F93D40;
			border:solid 1px #F93D40;
			border-radius: 3px;
			height:1.9em;
		}

/*
		#yri-mr .icon_day {
			background-color:#F93D40;
			float: left;
			width: 85px;
			color: #fff;
			text-align: center;
			border:solid 1px #F93D40;
			border-radius: 3px;
			margin:0;
			padding: 0 0px;
			font-family: "メイリオ", Meiryo;
			font-size:9.75pt;
		}
			#yri-mr .icon_day:before { 
				content: "発刊予定"; 
			}
*/

/* アイコン　発刊日 ＆ 資料媒体 ＆ 発刊予定日 width:75px */


	#yri-mr .icon_h {
		display: block;/* table;*/
		float: left;
		width: 115px;	/*75px;*/
		height: auto;
		margin: 0 0 0 5px;
		padding: 0;
		font-size: 8.0pt;
		position: absolute;
		top: 0px;	/*20px;*/
		right: 15px;
		text-align:center;
	}
	@media (max-width:767px) {
		#yri-mr .icon_h {
			width: 100%;	/*75px;*/
			height: auto;
			margin: 0 0 0 5px;
			padding: 0;
			position: relative;
			top: 0px;	/*20px;*/
			right: 0px;
			text-align:left;
		}
	}
		#yri-mr .icon_h ul {
			margin:0;
			padding:0;
			line-height:2.0em;
		}
		#yri-mr .icon_h ul li {
			margin:0 0.4em 0 0;
			padding:0;
			display:inline-block;
		}
	
		#yri-mr .icon_h.posiL {
			top: 20px;
			left: 14px;
		}
		/* .icon_h:before {
		} */




	@media (max-width:767px) {
		#yri-mr .icon_code {
			display:block;
			margin:0 0 0 0.4em;
		}
	}
		#yri-mr .icon_s {
			display:inline-block;/* table;*/
			width: 60px;
			height: 14px;
			background-color: #fff;
			margin: 0 0 0 5px;
			padding: 0;	
			font-family:"メイリオ", Meiryo;
			font-size: 8.0pt;
			line-height:2em;
			letter-spacing:0.1em;
		}
			#yri-mr .icon_s:before {
/*
				content: "発刊日";
*/
				float: left;
				width: 55px;
				height: 20px;	/*13px;*/
				background-color: #818181;
				color: #fff;
				text-align: center;
				border-radius: 3px;
				box-shadow: none;	/*1px 1px 1px 1px #ccc;*/
				padding: 0px;	/*4px 0 0px;*/
			}
			#yri-mr .icon_s.icon_day:before {
				content: "発刊日";
			}
			#yri-mr .icon_s.icon_ad:before {
				content: "資料媒体";
			}
			#yri-mr .icon_s.icon_hakkanyotei:before {
				content: "発刊予定";
				background-color:#F93D40;
			}
			#yri-mr .icon_s.icon_day_press:before {
				content: "発表日";
				background-color: #333;
			}
			#yri-mr .icon_s.icon_update:before {
				content: "更新日";
			}
			#yri-mr .icon_s.icon_price:before {
				content: "価格";
			}


	#yri-mr .icon_book {
		display:inline-block;
		width: 15px;
		height: 14px;
		margin: 0 0 0 5px;
		padding: 0;
		position:relative;
	}
	#yri-mr .icon_book:before {
		font-family: 'icomoon';
		content: "\e91f";
		font-size:14pt;
		position:absolute;
		width:auto;
		height:auto;
		left:-3px;
		bottom: -3px;
		color:#203e8c;
	}
	#yri-mr .icon_pdf {
		display:inline-block;
		width: 15px;
		height: 14px;
		margin: 0 0 0 5px;
		padding: 0;
		position:relative;
	}
	#yri-mr .icon_pdf:before {
		font-family: 'icomoon';
		content: "\e4e2";
		font-size:14pt;
		position:absolute;
		width:auto;
		height:auto;
		
		left:0px;
		bottom: -2px;
		color:#f42424;
	}











	#yri-mr .search-mr a.mr-box {
		float:left;
		width:100%; 
		display:block; 
		margin:0 auto 1.6em;
		padding:0.8em 0 0.4em; 
		border:solid 1px #eee; 
		border-radius:3px;
		position:relative;
	}
	#yri-mr .search-mr a.mr-box:hover {
		border:solid 1px #2f3279; 
	}


	#yri-mr .search-mr h3 {
		color: #2f3279;
		font-size: 13.75pt;
		text-shadow: 1px 2px 3px #ccc;
		margin: 2.0em 0 1.0em;
		line-height: 1.2em;
	}
	
	
		#yri-mr .search-mr ul.shiryo-baitai {
			position:absolute;
			top:0;
			right:0.8em;
		}
			#yri-mr .search-mr ul.shiryo-baitai li {
				display:table-cell;
				vertical-align:top;
				margin:0;
				padding:0 0.6em 0 0;
			}
			#yri-mr .search-mr ul.shiryo-baitai .fa {
				font-size:16.75pt;
			}


		#yri-mr .search-mr ul.shiryo-category {
			position:absolute;
			top:0;
			left:0.8em;
			margin:0;
			padding:0;
		}
			#yri-mr .search-mr ul.shiryo-category li {
				display:inline-block;
				margin:0;
				padding:0 0 0 0.2em;
			}


		#yri-mr .search-mr ul.shiryo-teisai {
			/*position:absolute;
			top:0;
			left:0.8em;*/
			margin:0;
			padding:0 0.4em;
		}
			#yri-mr .search-mr ul.shiryo-teisai li {
				display:inline-block;
				margin:0;
				padding:0 0.2em;
				font-size:10.75pt;
				color:#333;
			}
				#yri-mr .search-mr ul.shiryo-teisai li.code {
					float: right;
					padding: 0 0.8em;
					margin: 0 0.8em;
					text-align: center;
				}
					#yri-mr .search-mr ul.shiryo-teisai li.code:before {
						font-family: 'FontAwesome';
						content:"\f152";
						color:#2f3279;
					}


.nav-tabs {
	border-bottom: 1px solid #dddddd;
	background-color: rgba(176, 197, 249, 0.0);
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.formBox {
	margin:0.4em auto; 
	padding:0.8em; 
	border:solid 1px #ddd; 
	border-radius:3px;
}



/* hirameki -------- */
.detail {
}
	#yri-cat .detail h2 {
		color: #2f3279;
		border-left: solid 6px #2f3279;
		margin: 1.6em 0 1.6em;
		padding: 0.4em 1.6em 0.2em 0.8em;
		font-weight: 500;
		font-size:13.75pt;
	}
	#yri-cat .detail .detail-img {
		margin: 0 auto 0.4em;
		padding: 0;
		background-color: #fff;
		font-size: 10.75pt;
		height: 16em;
		position: relative;
		overflow: hidden;
	}
		#yri-cat .detail .detail-img img {
			width: 100%;
			height: auto;
			border: 0;
			position: absolute;
			top: 50%;	/*100%;*/
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}
	#yri-cat .detail .detail-text {
		padding:0.8em;
	}
		#yri-cat .detail .detail-text p {
			line-height:1.8em;
			margin:0 0 1.6em;
		}

#yri-cat .detail .detail-text p a {
	font-size: 12.75pt;
	border: solid 1px #ccc;
	padding: 0.8em 0.4em;
	width: 96%;
	display: block;
	text-align: center;
	margin: 3.2em auto 0;
	position: relative;
	background-color: #0971e7;
	color: #fff;
	text-decoration: none;

	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;	
	border-bottom-right-radius: 6px;	
}

	#yri-cat .detail .detail-text p a.nasi,
	#yri-cat .detail .detail-text a.nasi {
	font-size: 11.75pt;
	border: none;
	color: #0971e7;

	padding: 0;
	width: auto;
	text-align: left;
	margin: auto;
	position: inherit;
	background-color: #fff;
	border-top-right-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	text-decoration: underline;
	display: initial;
	}
	#yri-cat .detail .detail-text p a.nasi::after,
	#yri-cat .detail .detail-text a.nasi::after {
		display:none;
	}
	
#yri-cat .detail .detail-text p a:hover {
	background-color: #09c0e7;
}
	#yri-cat .detail .detail-text p a.nasi:hover,
	#yri-cat .detail .detail-text a.nasi:hover {
		background-color: #fff;
		color: #0971e7;	/*#005bc2;*/
	}

#yri-cat .detail .detail-text p a::after {
	content: "関連資料";
	position: absolute;
	top: -12px;
	background-color: #0971e7;	/*#005bc2;*/
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	padding: 0 1.6em;
	font-size: 8.75pt;
	left: 0px;
	z-index: 0;
}
#yri-cat .detail .detail-text p a:hover:after {
	background-color: #09c0e7;
}

	#yri-cat .detail .detail-img-cat {
		margin: 0 auto 0.4em;
		padding: 0;
		background-color: #fff;
		font-size: 10.75pt;
		width:100%;
		height: 24em;
		position: relative;
		overflow: hidden;
	}
		#yri-cat .detail .detail-img-cat img {
			width: 100%;
			height: auto;
			border: 0;
			position: absolute;
			top: 50%;	/*100%;*/
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
		}

@media (max-width:660px) {
		#yri-cat .detail .detail-img {
			height: 8em;
		}
			#yri-cat .detail .detail-img img {
				width: 100%;
				height: auto;
				border: 0;
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
			}
		#yri-cat .detail .detail-text {
			padding:0.4em 0;
		}
		#yri-cat .detail .detail-text p {
			margin: 0;
			font-size: 11.25pt;
			line-height: 1.8em;
			margin: 0;
			padding: 0;
			text-align: justify;
		}
}	





.contact-title {
	border:solid 1px #aaa;
	border-radius:3px;
	margin:0.2em auto;
	padding:0.8em 0.8em 0.6em;
	font-size:11.75pt;
}
	.contact-box {
		border:solid 1px #aaa;
		border-radius:6px;
		margin:0.2em auto;
		padding:0.8em 0.8em 0.6em;
	}
.radio-border {
	border:solid 1px #ddd;
	border-radius:6px;
	margin:0.2em auto;
	padding:0.0em 0.8em 0.6em;
}

.col-table {
	width:100%;
}

.icon-list {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	font-size: 12.75pt;
}
	.icon-list:hover {
		color: #ccc;
	}


.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}


/* 下矢印 */
.arrow-bottom,
.arrow-bottom-666 {
		margin: 0.0em auto 0.4em;	/*-1.6em auto 1.6em;*/
		padding:0.8em 0 2.4em;
/*
		margin: 1.8em auto 3.2em;	/*-1.6em auto 1.6em;*/
/*		padding:0.8em 0 1.6em;
		/*padding-top: 15px; /* 要素の上の余白調整 */
		position: relative;
}
	.arrow-bottom:before {
			width: 100px; /* 四角形の幅 */
			height: 25px;	/*80px; /* 四角形の高さ */
			background-color:#B72631;
			content: "";
			position: absolute;
			top: 10px;
			left: 50%; /* 中央寄せに使用 */
			margin-left: -50px; /* 中央寄せに使用 */
	}
	.arrow-bottom:after {
			border-top: 25px solid #B72631; /* 角度を緩やかなものに指定 */
			border-left: 70px solid transparent; /* 左のボーダーを透過に指定 */
			border-right: 70px solid transparent; /*右のボーダーを透過に指定*/
			content: "";
			position: absolute;
			top: 30px; /* 四角形の高さと同じ物を指定 */
			left: 50%; /* 中央寄せに使用 */
			margin-left: -70px; /* 中央寄せに使用 */
	}
	/* テキストの指定 */
	.arrow-bottom span {
			position: relative;
			color:#fff;
			z-index: 3;
			font-size: 10.75pt;
			font-weight: normal;
			line-height: 1.4em;
	/*		text-shadow: 2px 2px 1px rgb(255,255,255);*/
	}
		.arrow-bottom span.outside {
			position: absolute;
			color: #b31221;
			display: block;
			right: 0;
			left: 50%;
		}

/* 下矢印 #ddd */
/*.arrow-bottom-666 {
		margin: 0 auto 2.4em;
		padding-top: 15px;
		position: relative;
}*/
	.arrow-bottom-666:before {
			width: 100px;
			height: 25px;
			background-color:#B8C6E3;
			content: "";
			position: absolute;
			top: 10px;
			left: 50%; /* 中央寄せに使用 */
			margin-left: -50px; /* 中央寄せに使用 */
	}
	.arrow-bottom-666:after {
			border-top: 25px solid #B8C6E3; /* 角度を緩やかなものに指定 */
			border-left: 70px solid transparent; /* 左のボーダーを透過に指定 */
			border-right: 70px solid transparent; /*右のボーダーを透過に指定*/
			content: "";
			position: absolute;
			top: 30px; /* 四角形の高さと同じ物を指定 */
			left: 50%; /* 中央寄せに使用 */
			margin-left: -70px; /* 中央寄せに使用 */
	}
	/* テキストの指定 */
	.arrow-bottom-666 span {
			position: absolute;	/*relative;*/
			top:-12px;
			left:0;
			right:0;
			
			color:#666;	/*#fff;*/
			z-index: 3;
			font-size: 10.75pt;
			font-weight: normal;
			line-height: 1.4em;
	/*		text-shadow: 2px 2px 1px rgb(255,255,255);*/
	}
		.arrow-bottom-666 span.outside {
			position: absolute;
			color: #333;
			display: block;
			right: 0;
			left: 50%;
		}


	.arrow-bottom-ddd:before {
			width: 100px;
			height: 15px;
			background-color:#ddd;
			content: "";
			position: absolute;
			top: 7px;
			left: 50%; /* 中央寄せに使用 */
			margin-left: -50px; /* 中央寄せに使用 */
	}
	.arrow-bottom-ddd:after {
			border-top: 25px solid #ddd; /* 角度を緩やかなものに指定 */
			border-left: 70px solid transparent; /* 左のボーダーを透過に指定 */
			border-right: 70px solid transparent; /*右のボーダーを透過に指定*/
			content: "";
			position: absolute;
			top: 15px; /* 四角形の高さと同じ物を指定 */
			left: 50%; /* 中央寄せに使用 */
			margin-left: -70px; /* 中央寄せに使用 */
	}

.arrow-bottom-666s {
		margin: 0.0em auto 0.4em;	/*-1.6em auto 1.6em;*/
		padding:0.4em 0 1.6em;
		position: relative;
		width: 100px;
}
	.arrow-bottom-666s:before {
			width: 60px;
			height: 10px;
			background-color:#B8C6E3;	/*#B8C6E3;*/
			content: "";
			position: absolute;
			top: 0px;
			left: 0;	/*50%; /* 中央寄せに使用 */
			right:0;
			margin:0 auto;
			/*margin-left: -50px; /* 中央寄せに使用 */
	}
	.arrow-bottom-666s:after {
			border-top: 20px solid #B8C6E3;	/*#B8C6E3; /* 角度を緩やかなものに指定 */
			border-left: 50px solid transparent; /* 左のボーダーを透過に指定 */
			border-right: 50px solid transparent; /*右のボーダーを透過に指定*/
			content: "";
			position: absolute;
			top: 10px; /* 四角形の高さと同じ物を指定 */
			left:0;
			right:0;
			margin:0 auto;
			/*left: 50%; /* 中央寄せに使用 */
			/*margin-left: -70px; /* 中央寄せに使用 */
	}
	/* テキストの指定 */
	.arrow-bottom-666s span {
			position: absolute;	/*relative;*/
			top:-12px;
			left:0;
			right:0;
			
			color:#666;	/*#fff;*/
			z-index: 3;
			font-size: 10.75pt;
			font-weight: normal;
			line-height: 1.4em;
	/*		text-shadow: 2px 2px 1px rgb(255,255,255);*/
	}
		.arrow-bottom-666s span.outside {
			position: absolute;
			color: #333;
			display: block;
			right: 0;
			left: 50%;
		}

#yri-cat .btnbox {
	display: block;
	width: 100%;
	height: 12em;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
	margin:0;
	padding:3.2em 0 0;
	border:solid 1px #ccc;
	border-radius:6px;
	color:#203e8ccc;
}
	#yri-cat .btnbox:hover {
		color:#fff;
		background-color: rgba(32,62,140,0.8);	/*#203e8ccc;*/
	}
	#yri-cat .btnbox .fa {
		font-size:32.75pt;
	}
	#yri-cat .btnbox .btnbox-title{
		margin:0.8em auto 0;
		padding:0 0.8em;
		line-height:1.4em;
	}

#yri-cat .btn-list {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 0;
	right: 20px;
}

#yri-cat .fa-posi {
	position: absolute;
	top: 5px;
	left: 0;
	right:0;
	margin:0 auto;
}


#yri-cat .icon-corporate {
	display: inline-block;
	width: auto;
	height: 1.6em;
	border: solid 1px #ddd;
	background-color: #fff;
	padding: 0 2px;
	margin: 0 2px;
	position: relative;
}
	#yri-cat .icon-corporate:before {
		content:"コーポレート";
		font-size:7.75pt;
	}

#yri-cat .icon-gcorporate {
	display: inline-block;
	width: auto;
	height: 1.6em;
	border: solid 1px #ddd;
	background-color: #fff;
	padding: 0 2px;
	margin: 0 2px;
	position: relative;
}
	#yri-cat .icon-gcorporate:before {
		content:"グローバルコーポレート";
		font-size:7.75pt;
	}

#yri-cat .icon-corporateset {
	display: inline-block;
	width: auto;
	height: 1.6em;
	border: solid 1px #ddd;
	background-color: #fff;
	padding: 0 2px;
	margin: 0 2px;
	position: relative;
}
	#yri-cat .icon-corporateset:before {
		content:"コーポレートセット";
		font-size:7.75pt;
	}

#yri-cat .icon-series {
	display: inline-block;
	width: auto;
	height: 1.6em;
	border: solid 1px #ddd;
	background-color: #fff;
	padding: 0 2px;
	margin: 0 2px;
	position: relative;
}
	#yri-cat .icon-series:before {
		content:"シリーズ";
		font-size:7.75pt;
	}

#yri-cat .icon-hakkanyotei {
	display: inline-block;
	width: auto;
	height: 1.6em;
	border: solid 1px #ddd;
	background-color: #fff;
	padding: 0 2px;
	margin: 0 2px;
	position: relative;
}
	#yri-cat .icon-hakkanyotei:before {
		content:"発刊予定";
		font-size:7.75pt;
	}

#yri-cat .icon-excel {
	display: inline-block;
	width: auto;
	height: 1.6em;
	border: solid 1px #ddd;
	background-color: #fff;
	padding: 0 2px;
	margin: 0 2px;
	position: relative;
}
	#yri-cat .icon-excel:before {
		content:"Excel商品";
		font-size:7.75pt;
	}

a.banner-web-news {
	display: block;
	margin: 0.8em auto;
	padding: 1.6em 0 0.8em;
	background-color: #13ae67;

	background-color: #13ae67;
	background-image: -webkit-linear-gradient(350deg, #13ae67, #13603d);
	background-image: linear-gradient(170deg, #13ae67, #13603d);
	
	border:solid 2px #13603d;
	border-radius: 3px;
	box-shadow: 0 0 3px #ccc;
	text-align:center;
	
	transition: all 0.6s ease;
}
	.banner-web-news h1 {
		color: #fff;
		font-size: 14.75pt;
		letter-spacing: 0.01em;
		border-bottom: none;
		padding: 0;
		line-height: 1.6em;
		text-shadow: 1px 1px 3px #333;
		margin:0 auto 0.4em;
	}
	.banner-web-news .fs-s {
		font-size: 8.75pt;
		color: #fff;
	}
.banner-web-news:hover {
	background-color: #13ae67;
	background-image: -webkit-linear-gradient(350deg, #31ef98, #25a168);
	background-image: linear-gradient(170deg, #31ef98, #25a168);
}

h4 {
	clear:both;
	margin:0.8em 0 0.4em 1.8em 0;
	padding:0.4em 0.4em 0.4em 0.4em;
	font-size:10pt;
	font-weight:normal;
	border-left:solid 5px #ccc;
	border-bottom:none;
	line-height: 1.4em;
}










<!-- link-menu -->
	.menu {
		-webkit-filter: url("#shadowed-goo");
				filter: url("#shadowed-goo");
	}

	.menu-item, .menu-open-button {
		background: rgba(100,100,210,1.0);	/*#00bcd4;*/
		border-radius: 3px;	/*100%;*/
		width: 60px;
		height: 60px;
		margin-left: -40px;
		position: absolute;
		top: 20px;
		color: white;
		text-align: center;
		line-height: 60px;
		-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
		transition: -webkit-transform ease-out 200ms;
		transition: transform ease-out 200ms;
		transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;
	}

	.menu-open {
		display: none;
	}

	.hamburger {
		width: 25px;
		height: 3px;
		background: white;
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -12.5px;
		margin-top: -1.5px;
		transition: -webkit-transform 200ms;
		transition: transform 200ms;
		transition: transform 200ms, -webkit-transform 200ms;
	}

	.hamburger-1 {
		-webkit-transform: translate3d(0, -8px, 0);
				transform: translate3d(0, -8px, 0);
	}
	.hamburger-2 {
		-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
	}
	.hamburger-3 {
		-webkit-transform: translate3d(0, 8px, 0);
				transform: translate3d(0, 8px, 0);
	}
	.menu-open:checked + .menu-open-button .hamburger-1 {
		-webkit-transform: translate3d(0, 0, 0) rotate(45deg);
				transform: translate3d(0, 0, 0) rotate(45deg);
	}
	.menu-open:checked + .menu-open-button .hamburger-2 {
		-webkit-transform: translate3d(0, 0, 0) scale(0.1, 1);
				transform: translate3d(0, 0, 0) scale(0.1, 1);
	}
	.menu-open:checked + .menu-open-button .hamburger-3 {
		-webkit-transform: translate3d(0, 0, 0) rotate(-45deg);
				transform: translate3d(0, 0, 0) rotate(-45deg);
	}

	.menu {
		position: fixed;	/*absolute;*/
		left: 50px;	/*50%;*/
		margin-left: -80px;
		padding-top: 20px;
		padding-left: 80px;
		width: 650px;
		height: 150px;
		box-sizing: border-box;
		font-size: 32px;
		text-align: left;
		
		bottom:-35px;
		z-index:100;
	}
		.menu-item:hover {
			background: #eee;	/*white;*/
			color: rgba(100,100,210,1.0);	/*#00bcd4;*/
		}
	.menu-item:nth-child(3) {
		transition-duration: 180ms;
	}
	.menu-item:nth-child(4) {
		transition-duration: 180ms;
	}
	.menu-item:nth-child(5) {
		transition-duration: 180ms;
	}
	.menu-item:nth-child(6) {
		transition-duration: 180ms;
	}

	.menu-open-button {
		z-index: 2;
		transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
		transition-duration: 400ms;
		-webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);
						transform: scale(1.1, 1.1) translate3d(0, 0, 0);
		cursor: pointer;
	}

	.menu-open-button:hover {
		-webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);
				transform: scale(1.2, 1.2) translate3d(0, 0, 0);
	}

	.menu-open:checked + .menu-open-button {
		transition-timing-function: linear;
		transition-duration: 200ms;
		-webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);
				transform: scale(0.8, 0.8) translate3d(0, 0, 0);
	}

	.menu-open:checked ~ .menu-item {
		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
	}
	.menu-open:checked ~ .menu-item:nth-child(3) {
		transition-duration: 190ms;
		-webkit-transform: translate3d(80px, 0, 0);
				transform: translate3d(80px, 0, 0);
	}
	.menu-open:checked ~ .menu-item:nth-child(4) {
		transition-duration: 290ms;
		-webkit-transform: translate3d(160px, 0, 0);
				transform: translate3d(160px, 0, 0);
	}
	.menu-open:checked ~ .menu-item:nth-child(5) {
		transition-duration: 390ms;
		-webkit-transform: translate3d(240px, 0, 0);
				transform: translate3d(240px, 0, 0);
	}
	.menu-open:checked ~ .menu-item:nth-child(6) {
		transition-duration: 490ms;
		-webkit-transform: translate3d(320px, 0, 0);
				transform: translate3d(320px, 0, 0);
	}
	.menu-open:checked ~ .menu-item:nth-child(7) {
		transition-duration: 590ms;
		-webkit-transform: translate3d(400px, 0, 0);
				transform: translate3d(400px, 0, 0);
	}
	.menu-open:checked ~ .menu-item:nth-child(8) {
		transition-duration: 690ms;
		-webkit-transform: translate3d(480px, 0, 0);
				transform: translate3d(480px, 0, 0);
	}





/* --- consulting --- */
#yri-cat a.Box-Info {
	border: double 4px #8886df;
	border-radius: 3px;
	margin: 0 1.6em 0.8em;
	padding: 1.2em 0.8em;
	position: relative;
	/* background-image: linear-gradient(-45deg, #a1c4fd 0%, #c2e9fb 100%);*/
	background-color:rgba(161, 196, 253,0.8);	/*#a1c4fd;*/
	box-shadow: 6px 6px 3px #ccc;
	display:block;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}
	#yri-cat a.Box-Info:hover {
		border: double 4px #8886df;
		/* background-image: linear-gradient(45deg, #a1c4fd 0%, #c2e9fb 100%);*/
		background-color:#c2e9fb
	}
/*
#yri-cat .Box-Info {
	border: double 4px #8886df;
	border-radius: 3px;
	margin: 0 1.6em 0.8em;
	padding: 1.2em 0.8em;
	position: relative;
	background-image: linear-gradient(-450deg, #a1c4fd 0%, #c2e9fb 100%);
	box-shadow: 6px 6px 3px #ccc;
	display:block;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
	#yri-cat .Box-Info:hover {
		border: double 4px #8886df;
		background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
	}
*/
	#yri-cat .Box-Info h1 {
		border-bottom: solid 1px #fff;
		color: #393d80;
		font-size: 13.75pt;
		font-weight: 700;
		padding: 0.4em 1.2em;
		text-shadow: 3px 3px 1px rgba(255,255,255,0.8);
	}
	#yri-cat .Box-Info p {
		font-size: 11.25pt;
		line-height: 1.6em;
		margin: 0 0.8em;
		padding: 0 0.8em 0.8em;
		width:82%;
		color:#333;
	}
	#yri-cat .btn-info2,
	.btn-info2 {
		background: #8886df;
		border: 2px solid #393d80;
		padding: 0.4em 2.4em;
		color: #fff;
		text-shadow: 1px 1px 2px #333;
		font-size: 12.25pt;
	}
	.btn-info3 {
		background: #8886df;
		border: 2px solid #393d80;
		padding: 0.4em 0.8em;
		color: #fff;
		text-shadow: 1px 1px 2px #333;
		font-size: 12.25pt;
		text-align:center;
	}


	#yri-cat a.btn-info {
		background: #8886df;
		border: 2px solid #393d80;
		padding: 0.4em 2.4em;
		color: #fff;
		text-shadow: 1px 1px 2px #333;
		font-size: 12.25pt;
	}
	#yri-cat .Box-Info .concierge {
		position: absolute;
		background-image: url(../img/jutaku_woman.png);
		height: 13.5em;
		display: block;
		width: 8.0em;
		bottom: 0.0em;
		right: 1em;
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: contain;	/*cover;*/
		/* background-color: #ccc; */
		z-index: 0;
		overflow: hidden;
	}
@media (min-width:680px) {
	#yri-cat .Box-Info p br {
		display:none;
	}
}
@media (max-width:630px) {
	#yri-cat .Box-Info p {
		width:96%;
	}
	#yri-cat .Box-Info p br {
		display:none;
	}
	#yri-cat .Box-Info .concierge {
		display:none;
	}
}



.side-Box-Info {
	border: solid 1px #ccc;	/*double 4px #b9eebc;*/
	border-radius:3px;
	margin: 1.6em auto;
	padding: 0;
	position:relative;
	display:block;
	background-image: linear-gradient(to top, #1e3c72 0%, #1e3c72 1%, #2a5298 100%);

}
	.side-Box-Info h1 {
		border-bottom: solid 1px #d9d9d9;
		color: #4f8039;
		font-size:12.75pt;
		font-weight:700;
		padding: 0.4em 0.8em;
	}
		.side-Box-Info h1 div {
			text-align:right;
		}
	.side-Box-Info p {
		font-size: 11.25pt;
		line-height: 1.6em;
		margin: 0 0.8em;
		padding: 0 0.8em 0.88em;
	}
	a.side-btn-info {
		background: #5bde6f;
		border: 2px solid #4d9352;
		padding: 0.4em 2.4em;
		color: #fff;
		text-shadow: 1px 1px 2px #333;
		font-size: 12.25pt;
	}


/* css ふわっと表示 */
.main_imgBox {
	height: 13em;
	overflow: hidden;
	position: relative;
	/*background-image: linear-gradient(180deg, #4facfe 0%, #00f2fe 100%);*/
	padding:0.8em 0 0;
}
.main_img {
	z-index:10;
	opacity: 0;
	width: auto;	/*100%;*/
	height: 13em;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	left: 0;
	right:0;
	top: 1.0em;
/*
	bottom:0;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
*/
	margin:auto auto;
	padding:0.4em 0.8em;
	text-align:center;

	color:#fff;
	text-shadow: 1px 1px 1px #333;

	-webkit-animation: anime 24s 0s infinite;
	animation: anime 24s 0s infinite;
/*
	-webkit-animation: anime 36s 0s infinite;
	animation: anime 36s 0s infinite;
*/
	font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;
}
@media (max-width:990px) {
	.main_imgBox {
		height:6em;
	}
	.main_img {
		height:6em;
	}
	.main_img br {
		display:none;
	}
}
.main_img:nth-of-type(2) {
	-webkit-animation-delay: 12s;
	animation-delay: 12s; 
}
.main_img:nth-of-type(3) {
	-webkit-animation-delay: 24s;
	animation-delay: 24s; 
}
.main_img:nth-of-type(4) {
	-webkit-animation-delay: 18s;
	animation-delay: 18s; 
}
.main_img:nth-of-type(5) {
	-webkit-animation-delay: 24s;
	animation-delay: 24s; 
}
.main_img:nth-of-type(6) {
	-webkit-animation-delay: 30s;
	animation-delay: 30s; 
}

@keyframes anime {
	0% {
		opacity: 0;
	}
	8% {
		opacity: 1;
	}
	44% {
		opacity: 1;
	}
	58% {
		opacity: 0;
		 z-index:9;
	}
	100% {
		opacity: 0
	}
/*
	0% {
		opacity: 0;
	}
	8% {
		opacity: 1;
	}
	17% {
		opacity: 1;
	}
	25% {
		opacity: 0;
		transform: scale(1.2) ;
		 z-index:9;
	}
	100% {
		opacity: 0
	}
*/
}



/*
	2020.05.25 banner CSS
	rewiteted by maezawa
*/

.banner-side {
	display: block;
	width: 100%;
	min-height: 100px;
	background-color: #efefef;
	margin: 0 auto 0.8em;
}
	.banner-side .HALAL {
		background-image: url(../../images/seminar/banner/halal_banner.png);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;	/*cover;*/
		background-color: #8fc31f;
		display: block;
		width: 100%;
		min-height: 100px;
		border: solid 6px #008943;
	}

	.banner-side .HALAL_seminar {
		background-image: url(../../images/seminar/banner/halal_banner_seminar.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: contain;	/*cover;*/
		background-color: #fff;
		display: block;
		width: 100%;
		min-height: 230px;
		border: none;
	}



/* 
	詳細ページ内、受託調査CM
*/

	#yri-mr h2.marker {
		background: linear-gradient(transparent 60%, #ff6 60%);
		font-size: 12.75pt;
		margin: 0 auto 0.4em;
		text-align: center;
	}

	#yri-mr .box-cm-line {
		margin: 0.8em auto 1.6em;
		padding: 0.8em 1.6em;
		border: solid 3px #ff6;
		background-color: cornsilk;
		border-radius: 6px;
	}

	#yri-mr .box-cm h1 {
		font-size: 12.25pt;
		color:#2f3279;
		text-align: left;
		font-weight: 700;
		margin: 0.4em auto 0.8em;
		padding: 0.4em 0 0.8em;
		line-height: 1.4em;
	}

	#yri-mr .box-cm p {
		margin: 0.8em auto 1.6em;
		line-height: 1.6em;
	}

	#yri-mr .box-cm a {
		color: #fff;
		text-decoration: none;
		font-size: 12.75pt;
		font-weight: 700;
		line-height: 1.2em;
	}

	#yri-mr .box-cm-img {
		background-image: url(../../../images/service/img-cm.png);
		background-repeat: no-repeat;
		background-size: cover;
		display: block;
		height: 15.5em;
		background-position: center center;
	}












		#link-service {
			z-index:1000;
			cursor: pointer;
			position: fixed;
			bottom: 3em;
			left: 0px;	/*-280px;	/*-320px;*/
			width: 325px;	/*365px;*/
			height: 10.5em;	/*auto;*/
			padding: 0 45px 0 0;
			background:cyan;	/* rgba(63, 237, 255, 0.8);	/*#999;*/
		
			border-top-right-radius: 3px;
			border-bottom-right-radius: 3px;
			box-shadow: 1px 1px 3px #333;
			border: solid 1px #a8aacb;
		}
		#link-service .slide-inner {
			position: relative;
			overflow: auto;
			overflow-x: hidden;
			background: #fff;
		}
		#link-service .slide-inner {
			padding: 1.6em 0em 0.8em 1.6em;
			text-align:left;
			height:100%;
		}
		#link-service .state {
			position: absolute;
			right: 3px;
			bottom: 5px;
			font-size: 5.25pt;
			color: #fff;
			width:35px;
			line-height:1.4em;
		}
		#link-service .state_btn {
			position: absolute;
			right: 4px;
			top: 4px;
			font-size: 9.25pt;
			color: #333;
			width:35px;
		}
			#link-service .state_btn .title {
				font-size: 9.25pt;
				writing-mode: vertical-rl;
				text-orientation: upright;
				margin:0em 0.4em;
				letter-spacing:0.15em;
			}
		#link-service div a.btn-Request {
			display: inline-block;
			margin: 0.8em auto;
			background-color: cyan;	/*#3fedff;*/
			padding: 0.4em 1.6em;
			border-radius: 20px;
			color: #333;
		}





/*
	side-r
*/
		#link-service-r {
			z-index:1000;
			cursor: pointer;
			position: fixed;
			bottom: 6em;
			right: 0px;	/*-280px;	/*-320px;*/
			width: 325px;	/*365px;*/
			height: 10.5em;	/*auto;*/
			padding: 0 45px 0 0;
			background:rgba(47, 50, 121,0.8);	/*cyan;	/* rgba(63, 237, 255, 0.8);	/*#999;*/
		
			border-top-right-radius: 3px;
			border-bottom-right-radius: 3px;
			box-shadow: 1px 1px 3px #333;
			border: solid 1px #a8aacb;
		}
		#link-service-r .slide-inner {
			position: relative;
			overflow: auto;
			overflow-x: hidden;
			background: rgba(255,255,255,1.0);	/*#fff;*/
		}
		#link-service-r .slide-inner {
			padding: 2.4em 0em 0.8em 0.8em;
			text-align:left;
			height:100%;
			margin-left:3.4em;
			width:275px
		}
		#link-service-r .state {
			position: absolute;
			right: 3px;
			bottom: 5px;
			font-size: 5.25pt;
			color: #fff;
			width:35px;
			line-height:1.4em;
		}
		#link-service-r .state_btn {
			position: absolute;
			right: 282px;
			top: 4px;
			font-size: 9.25pt;
			color: #fff;
			width:35px;
		}
			#link-service-r .state_btn .title {
				font-size: 9.25pt;
				writing-mode: vertical-rl;
				text-orientation: upright;
				margin:0em 0.4em;
				letter-spacing:0.15em;
			}
		#link-service-r div a.btn-Request {
			display: inline-block;
			margin: 0.8em auto;
			background-color: #2f3279;	/*#3fedff;*/
			padding: 0.4em 1.6em;
			border-radius: 20px;
			color: #fff;
		}
