@charset "utf-8";

/*================================
	2022/02 修正
=================================*/

/*business/services/cloud/rental-server/biz.html*/
/*上部青ボタン*/
@media print, screen and (min-width: 769px){
	.topcontact_bt_bl{
		width: 48%;
		height: 74px;
		line-height:1.2;
		overflow:hidden;
		margin-left:1%;
		margin-right:1%;
	}
	.topcontact_bt_bl a:after{
		position:absolute;
		top:25px;
		margin-left:12px;
	}
}
@media screen and (max-width: 768px){
	.topcontact_bt_bl{
		height: 74px;
		line-height:1.2;
		overflow:hidden;
		margin-left:0;
		margin-right:0;
	}
	.topcontact_bt_bl a:after{
		position:absolute;
		margin-left:12px;
	}
}
/*下部青ボタン*/
@media print, screen and (min-width: 769px){
	.footlinkbox .fleftbox,
	.footlinkbox .frightbox {
		height: 320px;
	}
	.footcontact_bt_bl{
		line-height:1.2;
		height: 76px;
		padding:0;
	}
	.footcontact_bt_bl a{
		font-size:21px;
		padding:12px 25px 12px 12px;
	}
	.footcontact_bt_bl a:after{
		top: 28px;
		margin-left: 12px;
	}
}
@media screen and (max-width: 768px){
	.footcontact_bt_bl{
		height:82px;
	}
	.footcontact_bt_bl a:after{
		position:absolute;
		top:30px;
	}
}

/* =========================================================
 * 2022
 * 新テンプレ調整
 * ====================================================== */

/*既存調整*/
.tabNavigation_contents img{
	width:auto;
}

/*MV調整*/
@media screen and (max-width: 834px){
	.wrapper .p-facade.mv__photo .c-inner .p-facade__wrap {
		padding-bottom:20px !important;
	}
}
.p-facade__button{
	margin:5px 0 0 !important;
}
.btn-ttl{
	font-size:14px;
	font-weight:bold;
	line-height:1.5;
}
@media only screen and (min-width: 481px) and (max-width: 768px){
	.btn-ttl{
		margin-left:20px;
	}
}
/*青ボタン*/
.c-btn.--blue .c-btn__link {
	background-color: #2E67AA;
	color: #ffffff;
	transition: opacity .3s ease;
	border: 1px solid #000000;
}
.c-btn.--blue .c-btn__link:hover {
	opacity: .8;
}
/*青ボタンの高さを低くしたい*/
.wrapper .p-facade .p-facade__wrap .p-facade__button .c-btn.--blue .c-btn__link{
	padding: 7px 15px;
	font-size:16px;
	line-height:1.2;
}
/*下部問い合わせ文字*/ 
.wrapper .p-contact .p-contact__item .p-contact-item__button .c-btn__link{
	font-size:18px;
	font-weight:bold;
}
/*黄ボタン文字色*/
.wrapper .p-contact .p-contact__item .p-contact-item__button .c-btn.--yellow.--large .c-btn__link{
	color:#000 !important;
}
/*下部問い合わせ広げて3列ボタンにしたい*/
.p-contact-item__title{
	line-height:1.2 !important;
}
@media screen and (min-width: 769px){
	.p-contact__item {
		width: 100% !important;
	}
	.p-contact-item__button{
		justify-content: space-around !important;
	}
}
@media screen and (max-width: 768px){
	.p-contact-item__button{
		flex-wrap:wrap;
	}
	.p-contact-item__button .c-btn.--large{
		margin-bottom:18px;
	}
	.p-contact-item__button .c-btn.--large:last-child{
		margin-bottom:0;
	}
}

/*================================
	2023/01 修正
=================================*/
/*MV青ボタン　2列→1列*/
@media screen and (min-width: 769px){
	.c-btn.--blue.--large {
		width: 100%;
	}
}
/*青ボタンの高さを低くしたい→元に戻す*/
.wrapper .p-facade .p-facade__wrap .p-facade__button .c-btn.--blue .c-btn__link {
	padding: 15px;
	font-size: 16px;
	line-height: 1;
}