@charset "UTF-8";


/**************************************************
　mainContents
***************************************************/

.headerImage {
	background: url("./../image/investigation/header.png") no-repeat center center;
	background-size: cover;
}

/**************************************************
　共通
***************************************************/

.investigation .eachBarItem img {
	display: block;
	max-height: 180px;
	max-width: 220px;
}
.investigation .eachBarItem img:not(:first-of-type) {
	margin-top: 30px;
}
.investigation .eachBarItem .subTitle {
	color: #0C1B70;
}
.investigation .eachBarItem .date {
	color: #999;
	font-size: .9em;
	text-align: right;
}
.companyUrl {
	margin-top: 30px;
}
.companyUrl a {
	color: #759C32;
}
.companyUrl span {
	display: block;
}
.investigation .eachBarItem:nth-of-type(3) .eachBarText p:nth-of-type(2) {
	margin-top: 50px;
}
.investigation .eachBarText ul {
	margin-top: 10px;
}
.investigation .eachBarText li {
	padding-left: 15px;
	position: relative;
}
.investigation .eachBarText li::before {
	content: "・";
	left: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 15px;
}


/**************************************************
　デバイス振り分け設定
***************************************************/

/* ■■ SP ■■ */
@media (max-width: 767px) {

	.investigation .eachItemBar {
		height: initial;
		line-height: 24px;
	}
	.investigation .eachBarItem .subTitle {
		margin-top: 40px;
	}
	.investigation .eachBarImage,
	.investigation .eachBarItem .explanation {
		margin-top: 20px;
	}
	.investigation .eachBarItem img {
		margin: 0 auto;
	}
	.investigation .eachBarItem .noMargin {
		margin-top: 40px !important;
	}

	/* 埋め込み動画 */
	.embedVideo {
		margin: 20px auto;
		width: 90%;
	}
	.embedVideo iframe {
		height: calc( 100vw * 0.56 );
		width: 100%;
	}
}
@media (max-width: 320px) {

	/* 幅狭スマホ */
	.investigation .eachItemBar {
		padding: 5px 10px;
	}
}
@media (max-width: 767px) {

	/* 幅広スマホ */
	.investigation .eachItemBar {
		padding: 10px 20px;
	}
}


/* ■■ タブレット＆ブラウザ ■■ */
@media screen and (min-width: 768px) {

	.investigation .eachBarImage,
	.investigation .eachBarItem .explanation {
		margin-top: 40px;
	}
	.investigation .noMargin {
		margin-top: 0 !important;
	}
	
}


/* ■■ (狭いブラウザとタブレット向け) ■■ */
@media (max-width: 1020px) and (min-width: 768px) {

	.investigation .eachBarImage {
		margin-left: 10px;
	}
	.investigation .eachBarText {
		width: 420px;
		margin-left: 30px;
	}
	.investigation .eachBarItem .marginBottom {
		margin-bottom: 60px;
	}

	/* 埋め込み動画 */
	.embedVideo {
		margin: 20px auto 10px;
		width: 420px;
	}
	.embedVideo iframe {
		width: 420px;
	}
}


/* ■■ PC ■■ */
@media screen and (min-width: 1021px) {

	.investigation .eachBarItem .marginBottom {
		margin-bottom: 80px;
	}

	/* 埋め込み動画 */
	.embedVideo {
		height: 360px;
		margin: 20px auto 30px;
		width: 640px;
	}
	.embedVideo iframe {
		height: 360px;
		width: 640px;
	}

}