/*

    Font styles

*/

@media screen and (min-width:737px){ .disp_smp { display: none;}}
@media screen and (max-width:736px){ .disp_pc { display: none;}}


/*  Color  */
/*
body { color: #333333;}
a:link    { color: #00afec;}
a:visited { color: #00afec;}
a:hover   { color: #00afec; text-decoration: underline;}
*/

/*  Size  */
/*
.content   { font-size: 1.5em;}
.content * { font-size: 100%;}
h1 { font-size: 3.2em;}
.content h2 { font-size: 160%;}
.content h3 { font-size: 120%;}
.content h4 {}
*/

/*

    Layout

*/
#c_header .container {
	height: 120px;
	width: 960px;
	margin: 0 auto;
}
#c_nav ul {
	width: 960px;
	margin: 0 auto;
}
#c_title {
	width: 100%;
}
#c_content {
	width: 960px;
	margin: 50px auto 40px;
}
#c_content:after {
	content: '';
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
#c_content #c_main {
	float: left;
	width: 725px;
}
#c_content #c_sub {
	float: right;
	width: 200px;
}
#c_footer {
	width: 100%;
}

@media screen and (max-width:736px){
	#c_content { width: auto; margin-top: 30px; margin-bottom: 0;}
	#c_content #c_main,
	#c_content #c_sub { float: none; width: auto;}
	#c_main .content { padding-left: 15px; padding-right: 15px;}
	#c_main .FormMessage strong { display: block;}
}


/*

    Header

*/

/*  Common  */
#c_header .container {
	position: relative;
}
#c_header .container ul,
#c_header .container ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/*  Page top  */
#c_header #pt {
	margin: 0;
	padding: 30px 0 30px;
	line-height: 1;
}
#c_header #pt img {
	display: block;
}

/*  Sub navigation  */
#c_header ul.subnav {
	position: absolute;
	right: 0;
	top: 7px;
}
#c_header ul.subnav li {
	display: inline;
	margin-left: 15px;
	padding-left: 15px;
	line-height: 1;
	font-size: 1.3em;
}
#c_header ul.subnav li:first-child {
	border: none;
}
#c_header ul.subnav li a {
	display: block;
}
#c_header ul.subnav li a:hover {
	opacity: 0.8;
}

#c_header ul.subnav li a img {
	max-width: 180px;
}

@media screen and (max-width:736px){
	#c_header .container { height: 65px; width: auto; background-color: #fff; display: flex; align-items: center;}
	#c_header #pt { width: 60%; padding: 10px; box-sizing: border-box;}
	#c_header #pt img { width: 100%; height: auto;}
	#c_header ul.subnav { position: unset; width: 20%;}
	#c_header ul.subnav li { margin: 0; padding: 0;}
	#c_header ul.subnav li a img {
		width: auto;
		max-width: 100%;
		max-height: 60px;
		vertical-align: top;
	}
}

/*

    Navigation

*/
#c_nav {
	height: 70px;
	margin: 0;
	background-color: #01133e;
}
#c_nav ul li {
	float: left;
	width: 160px;
	height: 70px;
	margin: 0;
	overflow: hidden;
}
#c_nav ul li a {
	display: block;
	padding-top: 75px;
	background-image: url("images/common/nav.btn.new.png");
}
#c_nav ul li.toppage    a { background-position: 0 0;}
#c_nav ul li.philosophy a { background-position: -160px 0;}
#c_nav ul li.enterprise a { background-position: -320px 0;}
#c_nav ul li.personal   a { background-position: -480px 0;}
#c_nav ul li.aboutus    a { background-position: -640px 0;}
#c_nav ul li.contact    a { background-position: -800px 0;}
#c_nav ul li.toppage    a:hover { background-position: 0 -70px;}
#c_nav ul li.philosophy a:hover { background-position: -160px -70px;}
#c_nav ul li.enterprise a:hover { background-position: -320px -70px;}
#c_nav ul li.personal   a:hover { background-position: -480px -70px;}
#c_nav ul li.aboutus    a:hover { background-position: -640px -70px;}
#c_nav ul li.contact    a:hover { background-position: -800px -70px;}
@media screen and (max-width:736px){
	#c_nav { display: none;}
}

/*

    Title

*/
#c_title {
	height: 190px;
	background-image: url("/research/img/title.bg.jpg");
	background-position: center top;
	background-repeat: repeat-x;
	background-size: cover;
	color: #ffffff;
}
#c_title h1,
#c_title p {
	width: 960px;
	margin: 0 auto;
	font-weight: normal;
	line-height: 1.4;
}
#c_title h1 {
	padding-top: 60px;
}
@media screen and (max-width:736px){
	#c_title { height: auto; min-height: 120px; padding-bottom: 50px;}
	#c_title h1,
	#c_title p { width: auto; text-align: center; padding-left: 15px; padding-right: 15px;}
	#c_title h1 { font-size: 1.5rem;}
}




/*

    Footer

*/
#c_footer {
	padding-top: 50px;
	background-image: url("images/common/footer.bg.jpg");
	background-position: center top;
	background-repeat: repeat-x;
	text-align: center;
}
#c_footer p {
	font-size: 1.3em;
}
#c_footer p.nav {
	width: 960px;
	margin: 0 auto;
	padding-bottom: 10px;
	border-bottom: 1px #b2b2b2 solid;
	line-height: 2;
	word-spacing: 3px;
}
#c_footer p.nav a {
	color: #333333;
}
#c_footer p.nav a:hover {
	color: #666666;
}
#c_footer p.copyright {
	padding-top: 5px;
}
@media screen and (max-width:736px){
	#c_footer { background-image: none;}
	#c_footer p.nav { width: auto; padding-left: 15px; padding-right: 15px;}
	#c_footer p.nav a { display: inline-block;}
	#c_footer p.copyright { padding-left: 15px; padding-right: 15px;}
}




/*

    Sub contents

*/

/*  Common  */
#c_sub div.item h2 {
	font-size: 1.6em;
	line-height: 1.3;
}
#c_sub div.item {
	margin-bottom: 30px;
}
#c_sub div.item ul,
#c_sub div.item ul li {
	margin: 0;
	list-style: none;
}

/*  Service  */
#c_sub #sub_service ul li {
	margin: 0;
}
#c_sub #sub_service ul li a {
	display: block;
	padding-bottom: 100px;
	color: #333333;
	font-weight: bold;
}
#c_sub #sub_service ul li a:hover {
	text-decoration: none;
	opacity: 0.8;
}

#c_sub #sub_service ul li a {
	width: 100%;
	background-size: contain;
	background-position: center center;
}

#c_sub #sub_service ul li a::before {
	content: url("/research/img/black.arrow.png");
	margin-right: 5px;
}
#c_sub #sub_service ul li.enterprise a {
	background-image: url("/research/img/TopLink_01.jpg");
}
#c_sub #sub_service ul li.personal   a {
	background-image: url("/research/img/TopLink_02.jpg");
}
#c_sub #sub_service ul li.seminar    a {
	background-image: url("/research/img/TopLink_03.jpg");
}
@media screen and (max-width:736px){
	#c_sub #sub_service {
		padding-top: 30px;
	}
	#c_sub #sub_service ul {
		width: auto;
		display: flex;
		justify-content: space-between;
		padding: 0 15px;
		flex-wrap: wrap;
	}
	#c_sub #sub_service ul li {
		float: none;
		width: 48%;
		padding-right: 0;
		padding-bottom: 1em;
	}
	#c_sub #sub_service ul li a {
		background-size: contain;
		padding-top: 42%;
		background-position: top center;
		padding-bottom: 0;
	}
}

/*  Interview  */
#c_sub #sub_interview {
	padding: 15px;
	background-color: #F4F4F4;
}
#c_sub #sub_interview p {
	margin: 0;
}
#c_sub #sub_interview p.subtitle {
	color: #b2b2b2;
	font-size: 1.3em;
}
#c_sub #sub_interview h2 {
	margin: 5px 0 10px;
}
#c_sub #sub_interview p.excerpt {
	font-size: 1.3em;
	color: #666666;
}
#c_sub #sub_interview a.continue {
	display: block;
	margin-top: 15px;
	border: 1px #000000 solid;
	padding: 10px 5px;
	text-align: center;
	font-size: 1.3em;
	line-height: 1;
	border-radius: 5px;
	color: #000000;
}
#c_sub #sub_interview a.continue:after {
	content: '';
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	width: 7px;
	height: 1em;
	background-image: url("/research/img/black.arrow.png");
	background-position: right center;
	background-repeat: no-repeat;
}
#c_sub #sub_interview a.continue:hover {
	text-decoration: none;
	opacity: 0.7;
}
#c_sub #sub_interview .list {
	margin-top: 15px;
	padding-top: 15px;
	border-top: 1px #cccccc solid;
	text-align: right;
	font-size: 1.3em;
}
#c_sub #sub_interview .list a {
	color: #666666;
}
@media screen and (max-width:736px){
	#c_sub #sub_interview { margin-bottom: 0;}
}


/*  Aboutus  */
#c_sub #sub_aboutus {
	padding: 10px;
	background-color: #2d3f64;
	background-image: url("/research/img/aboutus.bg.jpg");
	background-position: center bottom;
	letter-spacing: -1px;
	color: #ffffff;
}
#c_sub #sub_aboutus h2 {
	padding: 5px 0 13px;
	text-align: center;
}
#c_sub #sub_aboutus p {
	margin: 0;
	font-size: 1.2em;
}
@media screen and (max-width:736px){
	#c_sub #sub_aboutus { padding: 30px 15px; margin-bottom: 0;}
	#c_sub div.item#sub_fb, #c_sub div.item#sub_banners { margin-bottom: 0;}
}




/*

    Main contents

*/

/*  Heading  */
#c_main .section .content .header,
#c_main .section .content h2 {
	margin: 0 0 1em;
	padding: 15px;
	border-top: 1px #b2b2b2 solid;
	border-bottom: 1px #b2b2b2 solid;
	color: #01133e;
	text-align: center;
	line-height: 1.3;
}
#c_main .section .content p+h2 {
	margin-top: 50px;
}
#c_main .section .content .header {
	padding: 20px 0;
	text-align: left;
}
#c_main .section .content .header h2 {
	margin: 0;
	padding: 0;
	border: none;
	text-align: left;
}
#c_main .section .content .header p {
	margin: 0 0 5px;
	padding: 0;
}
#c_main .section .content h3 {
	margin: 1em 0;
}
@media screen and (max-width:736px){
	#c_main .section .content .header,
	#c_main .section .content h2 { font-size: 1.4rem}
}

/*  List */
#c_main .section .content ul li {
	list-style-image: url("images/main/check.lm.png");
}

/*  Table  */
#c_main .section .content table {
	width: 100%;
}
#c_main .section .content table th,
#c_main .section .content table td {
	padding: 15px;
	border: none;
	border-top: 1px #e5e5e5 solid;
	border-bottom: 1px #e5e5e5 solid;
	vertical-align: top;
}
#c_main .section .content table th {
	background-color: #f0f0f0;
}

#c_main .section .content table td a {
	color: #333333;
	text-decoration: underline;
}

#c_main .section .content table td a:hover {
	opacity: 0.8;
}

#c_main .section .content table td.survey_td {
	border-top: 0;
	border-bottom: 0;
}
@media screen and (max-width:736px){
	#c_main .section .content table th,
	#c_main .section .content table td { font-size: .8rem; padding: 10px; box-sizing: border-box;}
	#c_main .section .content table th { width: 15%;}
}

/*  Contact  */
#c_main .section .content .tocontact {
	height: 145px;
	margin: 40px 0;
	overflow: hidden;
}
#c_main .section .content .tocontact a {
	display: block;
	padding-top: 150px;
	background-image: url("/research/img/contact.btn.new.png");
}
#c_main .section .content .tocontact a:hover {
	background-position: 0 -145px;
}
@media screen and (max-width:736px){
	#c_main .section .content .tocontact {
		position: relative;
		height: auto;
		text-align: center;
		background-color: #f6f6f6;
		border: 5px solid #ededed;
		padding-top: 140px;
		padding-bottom: 15px;
		overflow: unset;
	}
	#c_main .section .content .tocontact:before {
		content:"";
		position: absolute;
		top: 0;
		left: 50%;
		display: block;
		width: 330px;
		height: 130px;
		background-image: url("/research/img/contact.btn.new.png");
		background-repeat: no-repeat;
		background-position: top left;
		box-shadow: 0 0 0 10px inset #f6f6f6;
		transform: translateX(-50%);
	}
	#c_main .section .content .tocontact a {
		display: inline-block;
		width: 80%;
		color: #fff;
		font-weight: bold;
		background-color: #709c12;
		background-image: none;
		border-radius: 5px;
		padding: 15px;
		box-shadow: 0 3px 0 0 rgba(0,0,0,0.1);
	}
	#c_main .section .content .tocontact a:hover {
		text-decoration: none;
		opacity: 0.5;
	}
}

/*  Pagination  */
#c_main #pagination {
	clear: both;
	text-align: center;
	margin: 40px 0;
}
#c_main #pagination a,
#c_main #pagination span {
	display: inline-block;
	padding: 7px 10px;
	line-height: 1;
	background-color: #f2f2f2;
	color: #666666;
}
#c_main #pagination .current {
	background-color: #dddddd;
}
#c_main #pagination .dots {
	border: none;
}
#c_main #pagination a:hover {
	background-color: #cccccc;
	text-decoration: none;
}

/*  Mark  */
#c_main .section .content span.mark {
	display: inline-block;
	width: 2em;
	height: 2em;
	margin: 5px 10px 0 0;
	line-height: 2em;
	text-align: center;
	background-color: #01133e;
	color: #ffffff;
	font-size: 12px;
	border-radius: 1em;
}
#c_main .section .content span.pmark {
	display: inline-block;
	width: 4em;
	height: 4em;
	margin: 5px 10px 0 0;
	line-height: 2.5;
	text-align: center;
	background-color: #01133e;
	color: #ffffff;
	font-size: 13px;
	border-radius: 2em;
}
#c_main .section .content span.pmark strong {
	display: block;
	font-size: 21px;
	line-height: 1;
	margin-top: -0.3em;
}

/*  Wordpress  */
#c_main .section .content p {
	padding-bottom: 1em;
}
#c_main .section .content .alignleft {
	display: inline;
	float: left;
	margin: 5px 0 15px 0;
	border-right: 10px #FFFFFF solid;
}
#c_main .section .content .alignright {
	display: inline;
	float: right;
	margin: 5px 0 15px 0;
	border-left: 10px #FFFFFF solid;
}
#c_main .section .content .aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
}
#c_main .section .content div.lead {
	margin: 1em 0;
	padding: 10px 15px;
	background-color: #f2f2f2;
}
#c_main .section .content div.lead p {
	margin: 0;
}
#c_main .section .content div.point {
	margin: 1em 0;
	padding: 10px 15px;
	background-color: #eaeff9;
	border: 5px #dbe0e9 solid;
}
#c_main .section .content div.point p {
	margin: 0;
}
#c_main .section .content div.description {
	margin: 1em 0;
	padding: 10px 15px;
	background-color: #f2f2f2;
	color: #666666;
}
#c_main .section .content div.description p {
	margin: 0;
}
#c_main .section .content .notes {
	font-size: 86.7%;
	color: #666666;
}
#c_main .section .content div.desc {
	margin:15px 0;
	padding: 0 20px;
	color: #666666;
	font-size: 14px;
}
#c_main .section .content div.desc_mt {
	margin-top: 0;
}
@media screen and (max-width:736px){
	#c_main .section .content .alignright {
		float: none;
		margin: 20px auto;
		display: block;
		border: 0;
	}
	#c_main .section .content div.desc_mt { font-size: .85rem; margin-top: 1em; padding-right: 0;}
}