/*-----------------------------------------
  page_concept
------------------------------------------*/
#page_concept {
	line-height:1.7;
	color:#bdbdbd;
}
#page_concept .main_ttl {
	font-family:'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
	color:#fff;
	background:#000;
}
#page_concept .ttl01 {
	font-family:'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
	color:#fff;
}
#page_concept .block_ttl {
	font-family:'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
	color:#fff;
}
#page_concept .box_ttl {
	font-family:'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
}
#page_concept .subttl {
	color:#fff;
	font-family:'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
}
#page_concept .block_black {
	background:#000;
}
#page_concept .block_gray {
	background:#1f1f1f;
}
#page_concept .orange {
	color:#ff5400;
}
#page_concept .white {
	color:#fff;
}
#page_concept .examples li a {
	display:block;
	background:#000;
	color:#bdbdbd;
	transition:all 0.3s linear;
	-webkit-transition:all 0.3s linear;
}
#page_concept .examples li a:hover {
	background:rgba(0,0,0,0.2);
}
#page_concept .examples a .ex_ttl {
	color:#fff;
}
#page_concept .examples a .url {
	text-decoration:underline;
}
#page_concept .examples a:hover .url {
	text-decoration:none;
}

/*+++++----- for PC -----+++++*/
@media screen and (min-width:1025px) {
	#page_concept {
		margin-bottom:30px;
		font-size:14px;
	}
	#page_concept .block {
		padding:30px 20px;
	}
	#page_concept .main_ttl {
		font-size:30px;
		text-align:center;
		padding:10px;
	}
	#page_concept .main_ttl br {
		display:none;
	}
	#page_concept .ttl01 {
		font-size:30px;
		text-align:center;
	}
	#page_concept .box_ttl {
		font-size:22px;
		line-height:1.3;
		margin-bottom:0.5em;
		color:#fff;
	}
	#page_concept .box_ttl span {
		color:#fff;
		font-size:42px;
	}
	#page_concept .subttl {
		font-size:36px;
		margin-bottom:20px;
		line-height:1.5;
	}
	#page_concept .block .box {
		overflow:hidden;
	}
	#page_concept .block .left_text {
		width:60%;
		float:left;
	}
	#page_concept .block .right_text {
		width:60%;
		float:right;
	}
	#page_concept figure.odd {
		float:right;
		width:35%;
	}
	#page_concept figure.even {
		float:left;
		width:35%;
	}
	#page_concept #main02 .photos {
		overflow:hidden;
	}
	#page_concept #main02 .photos li {
		float:left;
		margin-right:4%;
		width:48%;
	}
	#page_concept #main02 .photos li:nth-of-type(2) {
		margin-right:0;
	}
	#page_concept #main03 .photos {
		overflow:hidden;
	}
	#page_concept #main03 .photos li {
		width:32%;
		float:left;
		margin-right:2%;
	}
	#page_concept #main03 .photos li:nth-of-type(3) {
		margin-right:0;
	}
	#page_concept #main04 .block_ttl {
		background:#000;
		padding:15px;
		font-size:26px;
		margin-bottom:30px;
	}
	#page_concept #main04 .block_ttl br {
		display:none;
	}
	#page_concept #main04 .examples {
		overflow:hidden;
	}
	#page_concept #main04 .examples li {
		width:48%;
		float:left;
		margin-right:4%;
	}
	#page_concept #main04 .examples li:nth-of-type(2) {
		margin-right:0;
	}
	#page_concept #main04 .examples li a {
		padding:15px;
	}
	#page_concept #main04 .examples figure {
		margin-bottom:10px;
	}
	#page_concept #main04 .examples .url {
		font-size:12px;
	}
}

/*+++++----- for tablet -----+++++*/
@media screen and (min-width:768px) and (max-width:1024px) {
	#page_concept {
		width:88%;
		margin:0 auto 3em auto;
		font-size:0.6em;
	}
	#page_concept .block {
		padding:1.8em 1.2em;
	}
	#page_concept .main_ttl {
		font-size:1.4em;
		text-align:center;
		padding:0.4em;
	}
	#page_concept .main_ttl br {
		display:none;
	}
	#page_concept .ttl01 {
		font-size:2.2em;
		text-align:center;
	}
	#page_concept .box_ttl {
		font-size:1.8em;
		line-height:1.3;
		margin-bottom:0.5em;
	}
	#page_concept .box_ttl span {
		color:#fff;
		font-size:1.6em;
	}
	#page_concept .subttl {
		font-size:2.4em;
		margin-bottom:1em;
		line-height:1.5;
	}
	#page_concept .block .box {
		overflow:hidden;
	}
	#page_concept .block .left_text {
		width:60%;
		float:left;
	}
	#page_concept .block .right_text {
		width:60%;
		float:right;
	}
	#page_concept figure.odd {
		float:right;
		width:35%;
	}
	#page_concept figure.even {
		float:left;
		width:35%;
	}
	#page_concept #main02 .photos {
		overflow:hidden;
	}
	#page_concept #main02 .photos li {
		float:left;
		margin-right:4%;
		width:48%;
	}
	#page_concept #main02 .photos li:nth-of-type(2) {
		margin-right:0;
	}
	#page_concept #main03 .photos {
		overflow:hidden;
	}
	#page_concept #main03 .photos li {
		width:32%;
		float:left;
		margin-right:2%;
	}
	#page_concept #main03 .photos li:nth-of-type(3) {
		margin-right:0;
	}
	#page_concept #main04 .block_ttl {
		background:#000;
		padding:15px;
		font-size:1.8em;
		margin-bottom:30px;
	}
	#page_concept #main04 .block_ttl br {
		display:none;
	}
	#page_concept #main04 .examples {
		overflow:hidden;
	}
	#page_concept #main04 .examples li {
		width:48%;
		float:left;
		margin-right:4%;
	}
	#page_concept #main04 .examples li:nth-of-type(2) {
		margin-right:0;
	}
	#page_concept #main04 .examples li a {
		padding:1em;
	}
	#page_concept #main04 .examples figure {
		margin-bottom:10px;
	}
	#page_concept #main04 .examples .url {
		font-size:0.8em;
	}
}

/*+++++----- for SP -----+++++*/
@media screen and (max-width:767px) {
	#page_concept {
		width:90%;
		margin:0 auto 3em auto;
		font-size:1.2em;
		word-break: break-all;
	}
	#page_concept .main_ttl {
		text-align:center;
		font-size:2.2em;
		padding:0.2em;
	}
	#page_concept .block {
		padding:1.3em 1.5em;
		overflow:hidden;
	}
	#page_concept .box_ttl span {
		font-size:1.5em;
		color:#fff;
		line-height:1.3;
	}
	#page_concept .box_ttl {
		font-size:1.4em;
	}
	#page_concept #main03 .photos {
		overflow:hidden;
	}
	#page_concept #main03 .photos li {
		width:32%;
		float:left;
		margin-right:2%;
	}
	#page_concept #main03 .photos li:nth-of-type(3) {
		margin-right:0;
	}
	#page_concept #main04_sp .block_ttl {
		background:#000;
		padding:0.5em;
		font-size:1.8em;
		text-align:center;
		color:#fff;
		margin-bottom:1em;
	}
	#page_concept #main04_sp .subttl {
		font-size:1.5em;
		line-height:1.3;
		margin-bottom:1.2em;
	}
	#page_concept #main04_sp .subttl br {
		display:none;
	}
	#page_concept #main04_sp .examples li a {
		padding:0.8em;
	}
	#page_concept #main04_sp .examples li {
		margin-bottom:1.5em;
	}
	#page_concept #main04_sp .examples li figure {
		margin-bottom:0.8em;
	}
}