@charset "UTF-8";
/*---------------------------------------
	existing css 既存サービスのタブ色等変更
---------------------------------------*/
.wrapper .p-facade .p-facade__wrap .p-facade__button .c-btn__link{
	font-size:16px;
	padding:15px;
}
.wrapper .p-facade .p-facade__wrap .p-facade__title .head-lead{
	line-height:1.5;
	font-size:14px;
}

/* タブ */
.tabNavigation,
.tabNavi-transition {
	background-color: #000000;
}
.tabLayout.tabItemWrapper div {
	height: 63px;
	font-size:14px;
	color: #ffffff;
	font-weight: normal;
	background-color: #013364;
}
.tabNavigation .tabLayout, .tabNavi-transition .tabLayout{
	width:100%;
}
.tabLayout.tabItemWrapper div a {
	color: #ffffff;
	text-decoration:none;
	line-height: 63px;
}

.tabItemWrapper div.tabSelect,
.tabItemWrapper div.tabSelect:hover {
	background-color: #CC023A;
}
.tabItemWrapper div:not(.tabSelect):hover {
	background-color: #CC023A;
}

@media screen and (max-width:768px) {
	.p-facade__title{
		width:100%;
	}
}


/*body領域*/
@media screen and (max-width:1260px) {
	body {
		min-width: 1260px;
		background-size: 1260px auto;
	}
}
@media screen and (max-width:768px) {
	body {
		min-width: 100%;
	}
}
/*
SP時タブメニューがある場合
画面スクロール時にカクカクしてしまうのを調整
*/
.dummny-menu { height:0!important; }

/*メインロゴ画像*/
h1.head-ttl .logoImage{
	margin-top:10px;
	max-width:100%;
}

/*リードタイトル*/
.p-facade__title .head-leadttl{
	margin: 2em 0 0;
	font-size: 16px;
	font-weight:bold;
	line-height:1.5;
}

/*フリースペース*/
.free-space_outer{
	width: 100%;
	line-height: 1.5;
}
.free-space_inner{
	width: 100%;
	max-width: 1260px;
	padding:20px 50px;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.free-space_inner{
		padding:20px;
	}
}

/*フリーダイヤル*/
.freecall__wrap{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items:center;
	margin:30px 0 10px;
	position:relative;
}
@media screen and (max-width:768px) {
	.freecall__wrap{
		margin:30px 0 30px;
	}
}
@media screen and (max-width:480px) {
	.freecall__wrap{
		margin:0;
	}
}
.freecall__title{
	width:100%;
	font-size:14px;
	font-weight:bold;
	line-height:1.5;
	margin:0 0 5px;
}
.freecall__num{
	font-size:32px;
	font-weight:bold;
	margin:5px 20px 5px 0;
}
.freecall__num img{
	margin:0 10px 0 0;
}
.freecall__time{
	font-size:12px;
	line-height:1.3;
	margin:5px 0;
}

/*フリーダイヤル 営業日 段組みなし*/
.freecall__wrap__nocolum{
	width: 100%;
	margin:30px 0 10px;
	position:relative;
}
@media screen and (max-width:768px) {
	.freecall__wrap__nocolum{
		margin:30px 0 30px;
	}
}
@media screen and (max-width:480px) {
	.freecall__wrap__nocolum{
		margin:0;
	}
}
.freecall__wrap__nocolum .freecall__title{
	width:100%;
	font-size:14px;
	font-weight:bold;
	line-height:1.5;
	margin:0 0 5px;
}
.freecall__wrap__nocolum .freecall__num{
	font-size:32px;
	font-weight:bold;
	margin:5px 20px 5px 0;
}
.freecall__wrap__nocolum .freecall__num img{
	margin:0 10px 0 0;
}
.freecall__wrap__nocolum .freecall__time{
	font-size:12px;
	line-height:1.3;
	/*margin:5px 0;*/
	margin:10px 0 0;
}

@media screen and (min-width: 769px){
	.p-facade__wrap {
		width: 70%;
	}
}
@media screen and (max-width:768px) {
	.wrapper .p-facade.mv__photo .c-inner .p-facade__wrap .p-facade__button{
		height: auto;
		margin:0 0 30px -20px;
	}
}

/*テキストデコレーションなし*/
.no-deco{
	text-decoration:none !important;
}

/*aタグに下線がつくのを回避*/
main a,
main a:hover,
main a:visited,
main a:active{
    text-decoration: none !important;
    color: #004386;
}

/*リンクコンポーネント*/
.link_component a,
.link_component a:hover,
.link_component a:visited,
.link_component a:active{
    text-decoration: none !important;
    color: #004386;
}
/*リンクコンポーネント＞*/
.link_component a:after {
	content: url(/content/dam/nttcom/cmn/img/icon_right_arrow.png);
	margin-left: 10px;
}

.footlonk ul{
    margin:1em;
}
.footlonk a,
.apply_area a,
.link_component a {
text-decoration: none;
}

/*ページ下部お問い合わせ電話番号*/
.s-fz-l {
    font-size: 115%;
}
.p-contact-item__tel a[href^="tel:"] {
    color: #cc023a !important;
}

/*ページ下部お問い合わせのフォント合わせ*/
.p-contact__list{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.p-contact-item__text{
    font-size:14px;
}

/*コンテンツ内h2の下線の色を青に戻す*/
.fllb_hq {
    border-bottom: 3px solid #004386;
}

/*セレクト見た目変更*/
@media screen and (max-width:768px) {
  .tabChange_dropdown select{
    height: 57px;
    display: flex;
    align-items: center;
    padding: 0 19px;
    color: #ffffff;
    background-color: #CC023A;
    font-size: 14px;
    position: relative;
    background-image: url("/content/dam/nttcom/cmn/img/cta-breadcrumb-white.png");
    background-size: 20px;
  }
  .tabChange_dropdown select option{
    display: block;
    width: 100%;
    font-size: 14px;
    padding: 21px 40px 21px 21px;
    font-weight: bold;
    position: relative;
    background-color: #666666;
    color: #ffffff;
    text-decoration: none;
  }
}