/*-----------------------------------------
  #page_profile
------------------------------------------*/
#page_profile {
	line-height:1.5;
}
#page_profile h4.section_ttl {
	font-family:'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
}
#page_profile #main02 {
	background:url(../images/company/img_03.jpg) no-repeat center top;
	background-size:cover;
	height:100%;
	color:#fff;
}
#page_profile #main02 h4.company_ttl span {
	font-family:'EB Garamond', serif;
	display:block;
}
#page_profile #main05 {
	background:url(../images/company/img_13.jpg) no-repeat center top;
	background-size:cover;
	height:100%;
	color:#d4d4d4;
	text-align:left;
}
#page_profile #main05 .st {
	color:#fff;
}
#page_profile #main05 h4.show_ttl {
	font-family:'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", sans-serif;
	color:#fff;
}
/*-----+++++ for PC ----+++++*/
@media screen and (min-width:1025px) {
	#page_profile {
		font-size:14px;
	}
	#page_profile h4.section_ttl {
		font-size:46px;
		margin-bottom:15px;
		background:url(../images/company/ttl_border.gif) no-repeat left bottom;
		padding-bottom:7px;
	}
	#page_profile .st {
		font-size:18px;
		font-weight:bold;
	}
	#page_profile #main01 {
		position:relative;
	}
	#page_profile #main01 .text01 {
		width:480px;
		margin-bottom:70px;
	}
	#page_profile #main01 .text02 {
		width:480px;
	}
	#page_profile #main01 .photo01 {
		position:absolute;
		width:260px;
		right:0;
		top:0;
	}
	#page_profile #main01 .photo02 {
		position:absolute;
		width:260px;
		right:0;
		bottom:0;
	}
	#page_profile #main02 {
		padding:5% 50px 10% 50px;
	}
	#page_profile #main02 h4.company_ttl {
		font-size:26px;
	}
	#page_profile #main02 h4.company_ttl span {
		font-size:60px;
		margin-bottom:10px;
	}
	#page_profile #main02 dl {
		width:100%;
	}
	#page_profile #main02 dt {
	width: 170px;
	padding: 15px;
	font-size: 14px;
	float: left;
	clear: both;
	}
	#page_profile #main02 dd {
		padding:15px;
	}
	#page_profile #main03 ul {
		overflow:hidden;
	}
	#page_profile #main03 li {
		float:left;
		width:175px;
		margin:0 20px 20px 0px;
	}
	#page_profile #main03 li:nth-of-type(4n) {
		margin-right:0;
	}
	#page_profile #main04 #gmap {
		background:#979797;
		padding:10px;
		height:420px;
	}
	#page_profile #main05 {
		padding:5%;
		font-size:14px;
	}
	#page_profile #main05 h4.show_ttl {
		font-size:46px;
	}
	#page_profile #main05 .st {
		font-size:22px;
		margin-bottom:10px;
	}
	#page_profile #main05 ul {
		overflow:hidden;
	}
	#page_profile #main05 li {
		width:210px;
		float:left;
		margin-right:25px;
	}
	#page_profile #main05 li:nth-of-type(3) {
		margin-right:0;
	}
}

/*-----+++++ for tablet ----+++++*/
@media screen and (min-width:768px) and (max-width:1024px) {
	#page_profile {
		width:88%;
		margin-left:auto;
		margin-right:auto;
		font-size:170%;
	}
	#page_profile h4.section_ttl {
		font-size:4em;
		margin-bottom:0.8em;
		background:url(../images/profile/ttl_border@2x.gif) no-repeat left bottom;
		padding-bottom:0.2em;
		text-align:left;
	}
	#page_profile .st {
		font-size:1.1em;
		font-weight:bold;
	}
	#page_profile #main01 {
		position:relative;
		text-align:left;
	}
	#page_profile #main01 .text01 {
		width:60%;
		margin-bottom:2em;
	}
	#page_profile #main01 .text02 {
		width:60%;
	}
	#page_profile #main01 .photo01 {
		position:absolute;
		width:37%;
		right:0;
		top:0;
	}
	#page_profile #main01 .photo02 {
		position:absolute;
		width:37%;
		right:0;
		bottom:0;
	}
	#page_profile {
		padding:5% 0;
		text-align:center;
	}
	#main02 {
		padding:5% 0 6% 0;
	}
	#page_profile #main02 h4.company_ttl {
		font-size:1.1em;
	}
	#page_profile #main02 h4.company_ttl span {
		font-size:3em;
	}
	#page_profile #main02 dl {
		width:100%;
	}
	#page_profile #main02 dt {
		color:#e0ddaf;
		font-size:1.4em;
		padding:0.2em;
	}
	#page_profile #main02 dd {
		padding:0.2em 0.2em 1.5em 0.2em;
	}
	#page_profile #main03 {
		width:88%;
		margin-left:auto;
		margin-right:auto;
	}
	#page_profile #main03 ul {
		overflow:hidden;
	}
	#page_profile #main03 li {
		width:42%;
		float:left;
		margin:0px 8% 8% 0;
	}
	#page_profile #main03 li:nth-of-type(even) {
		margin-right:0;
	}
	#page_profile #main04 {
		width:88%;
		margin-left:auto;
		margin-right:auto;
	}
	#page_profile #main04 #gmap {
		height:22em;
	}
	#page_profile #main05 h4.show_ttl {
		font-size:4em;
		margin-bottom:0.3em;
	}
	#page_profile #main05 .st {
		font-size:1.7em;
		font-weight:bold;
		margin-bottom:0.3em;
	}
	#page_profile #main05 {
		padding:6% 5% 4% 5%;
	}
	#page_profile #main05 ul {
		overflow:hidden;
	}
	#page_profile #main05 li {
		width:46%;
		float:left;
		margin:0 8% 5% 0;
	}
	#page_profile #main05 li:nth-of-type(even) {
		margin-right:0;
	}
}


/*-----+++++ for SP ----+++++*/
@media screen and (max-width:768px) {
	#page_profile {
		width:90%;
		margin-left:auto;
		margin-right:auto;
		font-size:1.2em;
	}
	#page_profile h4.section_ttl {
		font-size:4.2em;
		margin-bottom:0.5em;
		background:url(../images/profile/ttl_border.gif) no-repeat center bottom;
		background-size:30%;
		padding-bottom:0.1em;
		text-align:center;
	}
	#page_profile .st {
		font-size:1.6em;
		font-weight:bold;
	}
	#page_profile #main01 {
		overflow:hidden;
	}
	#page_profile #main01 .text01 {
		margin-bottom:2em;
	}
	#page_profile #main01 .text02 {
		margin-bottom:2em;
	}
	#page_profile .photo01 {
		width:46%;
		float:left;
	}
	#page_profile .photo02 {
		width:46%;
		float:right;
	}
	#page_profile #main02 {
		padding:4%;
	}
	#page_profile #main02 h4.company_ttl {
		font-size:1.5em;
	}
	#page_profile #main02 h4.company_ttl span {
		font-size:3em;
	}
	#page_profile #main02 dl {
		width:100%;
	}
	#page_profile #main02 dt {
		font-size:1.4em;
		color:#e0ddaf;
		padding:0.2em;
		text-align:center;
		font-size:1.2eml
	}
	#page_profile #main02 dd {
		padding:0.2em 0.2em 1.2em 0.2em;
		text-align:center;
		font-size:1em;
	}
	#page_profile #main03 {
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	#page_profile #main03 ul {
		overflow:hidden;
	}
	#page_profile #main03 li {
		width:42%;
		float:left;
		margin:0px 8% 8% 0;
	}
	#page_profile #main03 li:nth-of-type(even) {
		margin-right:0;
	}
	#page_profile #main04 {
		width:90%;
		margin-left:auto;
		margin-right:auto;
	}
	#page_profile #main04 #gmap {
		height:22em;
	}
	#page_profile #main05 {
		padding:5%;
	}
	#page_profile #main05 h4.show_ttl {
		font-size:3.6em;
		margin-bottom:0.6em;
		text-align:center;
		background:url(../images/profile/ttl_border2@2x.gif) no-repeat center bottom;
		padding-bottom:0.1em;
	}
	#page_profile #main05 .st {
		font-size:1.6em;
		margin-bottom:0.6em;
	}
	#page_profile #main05 li {
		margin-bottom:6%;
	}
}