@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&subset=japanese');

/*-----------------------------------------
  page_proposal
------------------------------------------*/
#page_proposal {
	line-height:1.7;
}
#page_proposal li a {
	text-decoration:underline;
}
#page_proposal li a:hover {
	text-decoration:none;
}
#page_proposal h4.section_ttl {
	font-family:'EB Garamond', serif;
}

#page_proposal #detail .ttl_block {
	font-family:'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
	color:#fff;
}
#page_proposal #detail .block {
	color:#bdbdbd;
}
#page_proposal #detail .ttl_block .main_ttl {
	color:#e0ddaf;
}
#page_proposal #detail .box .box_ttl {
	color:#fff;
	font-family:'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
}
#page_proposal #detail .box .case_num {
	font-family:'EB Garamond', serif;
	color:#e0ddaf;
}

/*+++++----- for PC -----+++++*/
@media screen and (min-width:1025px) {
	#page_proposal {
		margin-bottom:30px;
	}
	#page_proposal h4.section_ttl {
		font-size:60px;
		letter-spacing:2px;
		margin-bottom:15px;
		background:url(../images/profile/ttl_border.gif) no-repeat left bottom;
		padding-bottom:5px;
		line-height:1.3;
	}
	/*+++--- entry ---+++*/
	#page_proposal #entry {
		overflow:hidden;
	}
	#page_proposal #entry li {
		width:373px;
		float:left;
		margin:0px 14px 10px 0px;
		font-size:14px;
	}
	#page_proposal #entry li:nth-of-type(even) {
		margin-right:0;
	}
	#page_proposal #entry li figure {
		margin-bottom:5px;
	}
	/*+++--- detail ---+++*/
	#page_proposal #detail {
		margin-bottom:30px;
	}
	#page_proposal #detail .ttl_block {
		background:#000;
		padding:20px 30px;
		font-size:26px;
	}
	#page_proposal #detail .ttl_block .main_ttl {
		font-size:48px;
	}
	#page_proposal #detail .block {
		background:#000;
		padding:30px 20px 10px 20px;
	}
	#page_proposal #detail .block .box {
		overflow:hidden;
		margin-bottom:30px;
		font-size:14px;
	}
	#page_proposal #detail .block .box .left_text {
		width:62%;
		float:left;
	}
	#page_proposal #detail .block .box .right_text {
		width:62%;
		float:right;
	}
	#page_proposal #detail .block .box .last_text {
		width:48%;
		float:left;
	}
	#page_proposal #detail .block .box figure {
		width:33%;
	}
	#page_proposal #detail .block .box figure.last_photo {
		width:42%;
	}
	#page_proposal #detail .block .box .box_ttl {
		font-size:40px;
		background:url(../images/profile/ttl_border.gif) no-repeat left bottom;
		padding:0px 0px 10px 0px;
		margin-bottom:10px;
		line-height:1.2;
	}
	#page_proposal #detail .block .box .case_num {
		font-size:80px;
		line-height:1.1;
		margin-bottom:10px;
	}
	#page_proposal .ban_list {
		overflow:hidden;
		font-size:14px;
	}
	#page_proposal .ban_list li {
		width:32%;
		float:left;
		margin-right:2%;
	}
	#page_proposal .ban_list li figure {
		margin-bottom:2px;
	}
	#page_proposal .ban_list li:nth-of-type(3) {
		margin-right:0;
	}
}

/*+++++----- for tablet -----+++++*/
@media screen and (min-width:768px) and (max-width:1024px) {
	#page_proposal {
		width:88%;
		margin:0 auto 3em auto;
	}
	/*+++--- entry ---+++*/
	#page_proposal #entry li {
		margin-bottom:1.2em;
	}
	#page_proposal #entry li figure {
		margin-bottom:0.3em;
	}
	/*+++--- detail ---+++*/
	#page_proposal #detail {
		margin-bottom:3em;
	}
	#page_proposal #detail .ttl_block {
		background:#000;
		padding:1.2em 1.4em;
		font-size:1.2em;
	}
	#page_proposal #detail .ttl_block .main_ttl {
		font-size:1.6em;
	}
	#page_proposal #detail .block {
		background:#000;
		padding:2.2em 1.2em 2em 1.2em;
		font-size:0.7em;
	}
	#page_proposal #detail .block .box {
		overflow:hidden;
		margin-bottom:1.4em;
		font-size:;
	}
	#page_proposal #detail .block .box .left_text {
		width:62%;
		float:left;
	}
	#page_proposal #detail .block .box .right_text {
		width:62%;
		float:right;
	}
	#page_proposal #detail .block .box .last_text {
		width:48%;
		float:left;
	}
	#page_proposal #detail .block .box figure {
		width:33%;
	}
	#page_proposal #detail .block .box figure.last_photo {
		width:42%;
	}
	#page_proposal #detail .block .box .box_ttl {
		font-size:40px;
		background:url(../images/profile/ttl_border@2x.gif) no-repeat left bottom;
		padding-bottom:0.2em;
		margin-bottom:0.5em;
		line-height:1.2;
	}
	#page_proposal #detail .block .box .case_num {
		font-size:3.3em;
		line-height:1.1;
		margin-bottom:0.2em;
	}
	#page_proposal .ban_list li {
		margin-bottom:0.9em;
	}
	#page_proposal .ban_list li figure {
		margin-bottom:0.2em;
	}
	#page_proposal .ban_list li:nth-of-type(3) {
		margin-bottom:0;
	}
}

/*+++++----- for SP -----+++++*/
@media screen and (max-width:767px) {
	#page_proposal {
		width:90%;
		margin:0 auto 3em auto;
	}
	/*+++--- entry ---+++*/
	#page_proposal #sp_entry {
		overflow:hidden;
	}
	#page_proposal #sp_entry li {
		width:47%;
		float:left;
		margin:0 6% 1em 0;
	}
	#page_proposal #sp_entry li:nth-of-type(even) {
		margin-right:0;
	}
	#page_proposal #sp_entry figure {
		margin-bottom:0.2em;
	}
	/*+++--- detail ---+++*/
	#page_proposal #detail {
		margin-bottom:3em;
	}
	#page_proposal #detail .ttl_block {
		background:#000;
		padding:1.2em 1.4em;
		font-size:1.2em;
	}
	#page_proposal #detail .ttl_block .main_ttl {
		font-size:1.6em;
	}
	#page_proposal #detail .block {
		background:#000;
		padding:2.2em 1.2em 2em 1.2em;
	}
	#page_proposal #detail .block .box {
		overflow:hidden;
		margin-bottom:2.3em;
	}
	#page_proposal #detail .block .box .left_text {
		margin-bottom:1.2em;
	}
	#page_proposal #detail .block .box .right_text {
		margin-bottom:1.2em;
	}
	#page_proposal #detail .block .box .last_text {
		margin-bottom:1.2em;
	}
	#page_proposal #detail .block .box figure {
		width:100%;
	}
	#page_proposal #detail .block .box figure.last_photo {
	}
	#page_proposal #detail .block .box .box_ttl {
		font-size:2.5em;
		background:url(../images/profile/ttl_border@2x.gif) no-repeat left bottom;
		padding-bottom:0.2em;
		margin-bottom:0.5em;
		line-height:1.2;
	}
	#page_proposal #detail .block .box .case_num {
		font-size:3.3em;
		line-height:1.1;
		margin-bottom:0.2em;
	}
	#page_proposal .ban_list li {
		margin-bottom:0.9em;
	}
	#page_proposal .ban_list li figure {
		margin-bottom:0.2em;
	}
	#page_proposal .ban_list li:nth-of-type(3) {
		margin-bottom:0;
	}
}