@charset "UTF-8";
/*--------------------------------------------------
**************************************************
  pc
**************************************************
--------------------------------------------------*/
@media screen and (min-width: 768px) {
	
	body {background:#f6f6f6;}
	#pm h1 {
		background:url(../imgs/bg/pm_pc.jpg) no-repeat center bottom;
		background-size:cover;
	}
	.pm_open_box {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.pm_open_box .owners_area a.owners_dl_login {
		display:block;
		padding:10px 50px;
		text-align:center;
		border:1px solid #333;
		color:#333;
		border-radius:30px;
		transition:0.8s;
		position: relative;
		background: #FFFFFF;
	}
	.pm_open_box .owners_area a.owners_dl_login::after {
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 1px #333333;
		border-right: solid 1px #333333;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -4px;
		transition:0.8s;
	}
	.pm_open_box .owners_area a.owners_dl_login:hover {
		background:#0a96af;
		transition:0.8s;
		border:1px solid #0a96af;
		color:#FFFFFF;
	}
	.pm_open_box .owners_area a.owners_dl_login:hover::after {
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 1px #FFFFFF;
		border-right: solid 1px #FFFFFF;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -4px;
		transition:0.8s;
	}

	.pm_open_box .owners_area a.owners_pm_btn img {
		width: 100%;
 		margin: 20px auto 0;
	}

	.catch {
		font-size:18px;
		font-weight:700;
		letter-spacing:0.05em;
	}
	.open_text {
		margin-top:20px;
		line-height:2em;
	}
	.pm_movie_box {
		margin:30px 0;
		background:#FFF;
		padding:40px;
	}
	.pm_movie_box .title {
		font-size:18px;
		font-weight: 700;
	}
	.pm_movie_box .video {
		width: 100%;
		height: 0;
		position: relative;
		padding-top:56.25%;
		margin-top: 20px;
	}
	.pm_movie_box .video video {
		width: 100%;
		height: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	.pm_content_box {
		margin-top:30px;
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	.pm_content_detail {
		background:#FFF;
		margin-bottom:40px;
		display: flex;
		flex-direction: column;
	}
	.pm_content_detail:nth-child(1),
	.pm_content_detail:nth-child(2) {
		width: 48%;
	}
	.pm_content_detail:nth-child(3),
	.pm_content_detail:nth-child(4),
	.pm_content_detail:nth-child(5) {
		width: 31%;
	}
	.pm_content_detail:nth-child(6),
	.pm_content_detail:nth-child(7) {
		width: 48%;
	}
	.pm_content_detail .title {
		font-weight:700;
		font-size:16px;
		padding:20px;
	}
	.pm_content_detail .text {
		font-size:13px;
		line-height:1.8em;
		padding:0 20px 20px;
	}
	.pm_content_detail .button {
		padding: 0 20px 20px;
		margin:auto auto 0;
		width:80%;
	}
	.pm_content_detail .button a {
		display:block;
		padding:10px;
		text-align:center;
		border:1px solid #333;
		color:#333;
		border-radius:30px;
		transition:0.8s;
		position: relative;
	}
	.pm_content_detail .button a::after {
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 1px #333333;
		border-right: solid 1px #333333;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -4px;
		transition:0.8s;
	}
	.pm_content_detail .button a:hover {
		background:#0a96af;
		transition:0.8s;
		border:1px solid #0a96af;
		color:#FFFFFF;
	}
	.pm_content_detail .button a:hover::after {
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 1px #FFFFFF;
		border-right: solid 1px #FFFFFF;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -4px;
		transition:0.8s;
	}
	
	
	/* reason */
	.reason_inner dl {
		width:100%;
		display:flex;
		justify-content:space-between;
		background:#FFFFFF;
		padding:30px;
	}
	.reason_inner dl dt {
		width:40%;
	}
	.reason_inner dl dt img {
		display:block;
	}
	.reason_inner dl dd {
		width:60%;
	}
	.reason_inner dl dd #reason_ttl_01,
	.reason_inner dl dd #reason_ttl_02,
	.reason_inner dl dd #reason_ttl_03 {
		font-weight:700;
		font-size:20px;
		letter-spacing:.1em;
	}
	.reason_inner dl dd .sub_t {
		margin-top:10px;
		font-size:16px;
		color:#0086d3;
		font-weight:500;
	}
	.reason_inner dl dd .reason_desc {
		margin-top:10px;
		font-size:14px;
		line-height:1.8em;
	}
	
	/* about */
	.about_inner section {
		width:100%;
		background:#FFF;
		padding:30px 50px;
		line-height:1.8em;
	}
	.about_inner h2 {
		font-size: 18px;
		font-weight: bold;
		padding-bottom: 5px;
		border-bottom: 2px solid #2B5FA6;
	}

	.link_title {
		font-size: 16px;
		font-weight: bold;
		padding: 6px 10px;
		background: #2B5FA6;
		color: #FFF;
		line-height: 1.8em;
	}
	.link_detail {
		width: 32%;
		float: left;
		text-align: center;
		font-size: 13px;
		box-sizing: border-box;
		margin-right: 2%;
	}
	.link_detail:nth-child(3) {
		margin-right: 0;
	}
	.link_detail .link_detail_title {
		padding: 5px 0;
		font-weight: bold;
		background: #daeaf3;
	}
	.link_detail .comment {
		margin-top: 10px;
	}
	.link_detail .link_btn {
		margin-top: 10px;
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
	.link_detail .link_btn a {
		padding: 5px 0;
		background: #2c5d7b;
		color: #FFF;
		display: block;
		border-radius: 6px;
		font-weight: bold;
	}
	.link_detail .link_btn a:hover {
		background: #4d7d9a;
		text-decoration: none;
	}
	.about_links { 
	    text-align: center;
		display:flex;
		justify-content:space-between;
	 }
	.about_links .link_btn {
		width: 48%;
	}
	.about_links .link_btn a {
		padding: 10px 0;
		display: block;
		width:100%;
		font-weight: bold;
		position: relative;
		background:#FFF;
		color:#666;
		border:1px solid #f0f0f0;
	}
	.about_links .link_btn a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		width: 5px;
		height: 5px;
		margin: -3px 0 0 0;
		border-top: solid 2px;
		border-right: solid 2px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.about_links .link_btn a:hover {
		background: #2c5d7b;
		color: #FFF;
		text-decoration: none;
	}
	.service_flow {
		width: 100%;
		border: 1px solid #dfdfdf;
	}
	.service_flow caption {
		padding: 5px;
		font-weight: bold;
		color: #c00;
	}
	.service_flow th {
		padding: 7px 10px;
		background: #f0f0f0;
		border: 1px solid #dfdfdf;
		vertical-align: middle;
	}
	.service_flow td {
		padding: 7px 10px;
		border: 1px solid #dfdfdf;
		text-align: center;
		vertical-align: middle;
	}
	table.align_left th,
	table.align_left td {
		text-align: left !important;
	}
	.dif_area {
		width: 100%;
		box-sizing: border-box;
		display: table;
		margin-top: 30px;
		padding-bottom: 20px;
		border-bottom: 1px dotted #c0c0c0;
	}
	.dif_area:last-child {
		border-bottom: none;
	}
	.pr_title {
		font-size: 14px;
		font-weight: bold;
		padding: 5px 10px;
		border: 3px double;
		text-align: center;
		display: block;
	}
	.pr_title span {
		margin-left: 10px;
		font-size: 12px;
		color: #999;
	}
	.dif_area .dif_left {
		width: 40%;
		display: table-cell;
		vertical-align: middle;
	}
	.dif_area .image {
		width: 60%;
		padding-left: 3%;
		display: table-cell;
	}
	.service_flow .update_t01 {
		color: #008000;
		background: #daeeda;
	}
	.service_flow .update_t02 {
		color: #ff6600;
		background: #fdefe5;
	}
	
	/* sublease */
	.sublease_inner {
		padding:30px;
		background: #FFF;
		line-height: 1.8em;
	}
	.sublease_inner h2 {
		font-size: 18px;
		font-weight: bold;
		padding-bottom: 5px;
		border-bottom: 2px solid #2B5FA6;
	}
	.sublease_inner h3 {
		background: #58a1cf;
		padding: 6px 10px;
		font-size: 16px;
		color: #FFF;
		line-height: 1.8em;
	}
	.sublease_inner .image {
		margin: 30px auto 0;
		width: 80%;
	}
	.feature_box {
		width: 100%;
	}
	.feature_box .f_title {
		width: 30%;
		text-align: center;
		padding: 10px;
		vertical-align: middle;
		font-weight: bold;
		background: #2c5d7b;
		color: #FFF;
		font-size: 16px;
	}
	.feature_box  .comment {
		padding: 10px;
		border: 1px solid #2c5d7b;
	}
	.sublease_inner .catch_title {
		margin-top: 20px;
		font-size: 16px;
		font-weight: bold;
		color: #2c5d7b;
	}
	.caution_box {
		padding: 15px;
		background: #f0f0f0;
	}
	.caution_box .c_title {
		padding: 5px 10px;
		border: 1px solid;
		display: inline-block;
	}
	.caution_box ul li {
		padding: 6px 0;
		border-bottom: 1px solid #c0c0c0;
	}
	.hikaku_area {
		width: 100%;
	}
	.hikaku_area .normal_s {
		width: 46%;
		float: left;
	}
	.hikaku_area .nitoh_S {
		width: 50%;
		float: right;
	}
	.hikaku_area .image {
		min-height: 500px;
	}
	.hikaku_area p {
		text-align: center;
	}
	.sublease_inner  .normal_s .hikaku_title {
		padding: 6px 12px;
		font-weight: bold;
		border: 2px solid;
	}
	.sublease_inner  .nitoh_S .hikaku_title {
		padding: 6px 12px;
		font-weight: bold;
		border: 2px solid;
		color: #c00;
	}
	
	
	.back_archives {
		text-align:center;
		margin:40px auto 80px;
	}
	.back_archives a {
		padding:10px 50px;
		background:#FFF;
		display: inline-block;
		border: 1px solid #333;
		color:#333;
		border-radius:25px;
		transition:0.8s;
		position: relative;
	}
	.back_archives a::after {
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 1px #333333;
		border-right: solid 1px #333333;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -4px;
		transition:0.8s;
	}
	.back_archives a:hover {
		background:#0a96af;
		transition:0.8s;
		border:1px solid #0a96af;
		color:#FFFFFF;
	}
	.back_archives a:hover::after {
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 1px #FFFFFF;
		border-right: solid 1px #FFFFFF;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -4px;
		transition:0.8s;
	}
	
	

}


/*--------------------------------------------------
**************************************************
  sp
**************************************************
--------------------------------------------------*/
@media screen and (max-width: 767px) {
	
	
	body {background:#f6f6f6;}
	#pm h1 {
		background:url(../imgs/bg/pm_sp.jpg) no-repeat center bottom;
		background-size:cover;
	}
	.pm_open_box .owners_area a.owners_dl_login {
		width:100%;
		margin:20px auto 0;
		display:block;
		padding:10px;
		text-align:center;
		border:1px solid #333;
		color:#333;
		border-radius:60px;
		transition:0.8s;
		position: relative;
		background: #FFFFFF;
		font-size:3.6vw;
	}
	.pm_open_box .owners_area a.owners_dl_login::after {
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 1px #333333;
		border-right: solid 1px #333333;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -4px;
		transition:0.8s;
	}
	.pm_open_box .owners_area a.owners_dl_login:hover {
		background:#0a96af;
		transition:0.8s;
		border:1px solid #0a96af;
		color:#FFFFFF;
	}
	.pm_open_box .owners_area a.owners_dl_login:hover::after {
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 1px #FFFFFF;
		border-right: solid 1px #FFFFFF;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -4px;
		transition:0.8s;
	}

	.pm_open_box .owners_area a.owners_pm_btn img {
		width: 100%;
		height: auto;
 		margin: 20px auto 0;
	}


	.catch {
		font-size:4vw !important;
		font-weight:700;
		letter-spacing:0.05em;
	}
	.open_text {
		margin-top:20px;
		line-height:2em;
	}
	.pm_movie_box {
		margin:30px 0 0;
		background:#FFF;
		padding:30px 5vw;
	}
	.pm_movie_box .title {
		font-size:3.6vw;
		font-weight: 700;
		text-align: center;
	}
	.pm_movie_box .video {
		width: 100%;
		height: 0;
		position: relative;
		padding-top:56.25%;
		margin-top: 20px;
	}
	.pm_movie_box .video video {
		width: 100%;
		height: 100%;
		position: absolute;
		top:0;
		left: 0;
	}
	.pm_content_box {
		margin-top:10px;
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	.pm_content_detail {
		background:#FFF;
		margin-bottom:10px;
		width:100%;
		display: flex;
		justify-content: space-between;
		position: relative;
		align-items:center;
	}
	.pm_content_detail::after {
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 1px #999999;
		border-right: solid 1px #999999;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: calc(50% - 6px);
		right: 20px;
	}
	.pm_content_detail .thumb {
		width: 30%;
	}
	.pm_content_detail .title {
		font-weight:500;
		font-size:3.4vw;
		width: 68%
	}
	.pm_content_detail > a {
		position: absolute;
		top:0;
		left:0;
		text-indent: -99999px;
		width:100%;
		height: 100%;
	}
	
	/* reason */
	.reason_inner dl {
		width:100%;
		display:flex;
		flex-direction:column;
		background:#FFFFFF;
		padding:30px;
	}
	.reason_inner dl dt {
		width:100%;
	}
	.reason_inner dl dt img {
		display:block;
	}
	.reason_inner dl dd {
		width:100%;
		margin-top:10px;
	}
	.reason_inner dl dd #reason_ttl_01,
	.reason_inner dl dd #reason_ttl_02,
	.reason_inner dl dd #reason_ttl_03 {
		font-weight:700;
		font-size:4.5vw;
		letter-spacing:.1em;
	}
	.reason_inner dl dd .sub_t {
		margin-top:10px;
		font-size:4vw;
		color:#0086d3;
		font-weight:500;
	}
	.reason_inner dl dd .reason_desc {
		margin-top:10px;
		font-size:3.6vw;
		line-height:1.8em;
	}
	
	/* about */
	.about_inner section {
		width:100%;
		background:#FFF;
		padding:30px 5vw;
		line-height:1.8em;
	}
	.about_inner h2 {
		font-size: 4vw;
		font-weight: bold;
		padding-bottom: 5px;
		border-bottom: 2px solid #2B5FA6;
	}
	.link_title {
		font-size: 4vw !important;
		font-weight: bold;
		padding: 6px 10px;
		background: #2B5FA6;
		color: #FFF;
		line-height: 1.8em;
	}
	.link_detail {
		width: 100%;
		text-align: center;
		font-size: 3vw;
		box-sizing: border-box;
		margin-bottom: 30px;
	}
	.link_detail .link_detail_title {
		padding: 5px 0;
		font-weight: bold;
		background: #daeaf3;
	}
	.link_detail .comment {
		margin-top: 10px;
	}
	.link_detail .link_btn {
		margin-top: 10px;
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
	.link_detail .link_btn a {
		padding: 5px 0;
		background: #2c5d7b;
		color: #FFF;
		display: block;
		border-radius: 6px;
		font-weight: bold;
	}
	.link_detail .link_btn a:hover {
		background: #4d7d9a;
		text-decoration: none;
	}
	
	.about_links { text-align: center;}
	.about_links .link_btn {
		font-size: 3.2vw;
		margin: 10px 0;
	}
	.about_links .link_btn a {
		border: 1px solid #f0f0f0;
		padding: 10px 0;
		display: block;
		font-weight: bold;
		position: relative;
		background:#FFF;
		color:#333;
	}
	.about_links .link_btn a:after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		right: 8px;
		width: 5px;
		height: 5px;
		margin: -3px 0 0 0;
		border-top: solid 2px;
		border-right: solid 2px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.service_flow {
		width: 100%;
		border: 1px solid #dfdfdf;
	}
	.service_flow caption {
		padding: 5px;
		font-weight: bold;
		color: #c00;
		text-align: center;
		font-size:4vw;
	}
	.service_flow th {
		padding: 7px 5px;
		background: #f0f0f0;
		border: 1px solid #dfdfdf;
		vertical-align: middle;
		text-align: center;
		font-size: 3.2vw;
	}
	.service_flow th.left_t {
		width: 5em;
	}
	.service_flow td {
		padding: 7px 5px;
		border: 1px solid #dfdfdf;
		font-size: 3.2vw;
		vertical-align: middle;
	}

	.dif_area:last-child {
		margin-top: 20px;
	}
	.pr_title {
		font-size: 4vw !important;
		font-weight: bold;
	}
	.pr_title span {
		margin-left: 10px;
		font-size: 3vw;
		color: #999;
	}
	.dif_area {
		width: 100%;
		list-style-type: none;
		margin-top: 5px;
	}
	.dif_area p {
		width: 100%;
		list-style-type: none;
		margin-top: 10px !important;
	}
	.dif_area .image {
		width: 100%;
		margin-top: 20px;
	}
	#about .orange {
		color: #ff6600;
	}
	.service_flow .update_t01 {
		color: #008000;
		background: #daeeda;
	}
	.service_flow .update_t02 {
		color: #ff6600;
		background: #fdefe5;
	}
	
	/* sublease */
	.sublease_inner {
		padding:30px 5vw;
		background: #FFF;
		line-height: 1.8em;
	}
	.sublease_inner h2 {
		font-size: 4vw;
		font-weight: bold;
		padding-bottom: 5px;
		border-bottom: 2px solid #2B5FA6;
	}
	.sublease_inner h3 {
		background: #58a1cf;
		padding: 10px 4vw;
		font-size: 4vw;
		color: #FFF;
		line-height: 1.5em;
	}
	.sublease_inner .image {
		margin: 30px auto 0;
		width: 100%;
	}
	.feature_box {
		width: 100%;
	}
	.feature_box .f_title {
		width: 100%;
		padding: 10px 15px 5px;
		vertical-align: middle;
		font-weight: bold;
		background: #2c5d7b;
		color: #FFF;
		font-size: 4vw;
	}
	.feature_box  .comment {
		padding: 10px;
		border: 1px solid #2c5d7b;
	}
	.sublease_inner .catch_title {
		margin-top: 20px;
		font-size: 3.6vw;
		font-weight: bold;
		color: #2c5d7b;
	}
	.caution_box {
		padding: 15px;
		background: #f0f0f0;
	}
	.caution_box .c_title {
		padding: 5px 10px;
		border: 1px solid;
		display: inline-block;
		font-size:3.6vw;
	}
	.caution_box ul li {
		padding: 8px 0;
		border-bottom: 1px solid #c0c0c0;
		font-size:3.6vw;
	}
	.hikaku_area {
		width: 100%;
	}
	.hikaku_area .normal_s {
		width: 100%;
	}
	.hikaku_area .nitoh_S {
		width: 100%;
		margin-top: 30px;
	}
	.hikaku_area p {
		text-align: center;
	}
	.sublease_inner  .normal_s .hikaku_title {
		padding: 6px 12px 3px;
		font-weight: bold;
		border: 2px solid;
		font-size:3.6vw;
	}
	.sublease_inner  .nitoh_S .hikaku_title {
		padding: 6px 12px 3px;
		font-weight: bold;
		border: 2px solid;
		color: #c00;
		font-size:3.6vw;
	}
	
	
	.back_archives {
		text-align:center;
		margin:40px auto;
		width:75%;
	}
	.back_archives a {
		padding:10px;
		background:#FFF;
		display: block;
		border: 1px solid #333;
		color:#333;
		border-radius:25px;
		font-size: 3.6vw;
		position: relative;
	}
	.back_archives a::after {
		content: '';
		width: 6px;
		height: 6px;
		border: 0px;
		border-top: solid 1px #333333;
		border-right: solid 1px #333333;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -4px;
	}
	
	
}