/*	整形
================================================== */

main .inner{
	padding:0 7%;
}




/*	ページタイトル
================================================== */

main .titleBox{
	padding-bottom:40.5%;
	box-sizing:border-box;
	position:relative;
}
main .titleBox .title{
	position:absolute;
	left:0; right:0;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
main .titleBox .title h1{
	color:#fff;
	font-size:22px;
	letter-spacing:2px;
	text-align:center;
}
main .titleBox .title span{
	display:block;
	color:#fff;
	font-size:11px;
	letter-spacing:2px;
	text-align:center;
}



/*	下層ナビ
================================================== */

main .dir-NavBox{
	border-bottom:3px solid #DDDDDD;
}
main .dir-NavBox .dir-Nav{
	margin-left:auto;
	margin-right:auto;
}
main .dir-NavBox .dir-Nav ul{
	display:table;
	width:100%;
	margin-top:3px;
	margin-bottom:-3px;

}
main .dir-NavBox .dir-Nav ul li{
	display:table-cell;
	text-align:center;
}
main .dir-NavBox .dir-Nav ul.company-dir li{
	width:20%;
	position:relative;
}
main .dir-NavBox .dir-Nav ul.company-dir.release-Nav li{
	width:50%;
}
main .dir-NavBox .dir-Nav ul.company-dir li:before{
	content:"";
	display:block;
	width:2px;
	height:14px;
	margin-left:0;
	border-left:2px solid #ddd;
	position:absolute;
	left:-1px; top:28%;
}
main .dir-NavBox .dir-Nav ul.company-dir li:after{
	content:"";
	display:block;
	width:2px;
	height:14px;
	margin-left:0;
	border-right:2px solid #ddd;
	position:absolute;
	right:-1px; top:28%;
}
main .dir-NavBox .dir-Nav ul.company-dir li a{
	display:block;
	border-bottom:3px solid #ddd;
	padding:8px 0;
	font-size:90%;
}
main .dir-NavBox .dir-Nav ul.company-dir li a:hover,
main .dir-NavBox .dir-Nav ul.company-dir li a.active{
	color:#D6000C;
	border-bottom:3px solid #D6000C;
}


/*	トピックパス
================================================== */

main .topicPath{
	display:none;
}





/*	コンテンツタイトル
================================================== */

main .content-title{
	padding-top:45px;
	margin-bottom:30px;
}
main .content-title h2{
	text-align:center;
	font-size:18px;
	letter-spacing:2px;
}
main .content-title h2:after{
	content:"";
	display:block;
	width:25px;
	height:3px;
	margin-left:auto;
	margin-right:auto;
	border-bottom:3px solid #D6020C;
	padding-top:8px;
	
}




/*	サービスページナビ
================================================== */

nav.serviceNav-global{
	color:#fff;
	text-align:center;
	z-index:3;
	position:fixed;
	left:0; right:0;
	top:56px;
}
nav.serviceNav-global ul{
	display:table;
	width:100%;
}
nav.serviceNav-global ul li{
	display:table-cell;
	border-right:1px solid #fff;
	width:20%;
	padding:10px 0;
	position:relative;
	background:url(/img/main/nav.png) no-repeat center center;
	background-size:cover;
}
nav.serviceNav-global ul li.nav_01:hover,
nav.serviceNav-global ul li.nav_01.active{
	background:url(/img/main/nav_01.png) no-repeat center center;
	background-size:cover;
}
nav.serviceNav-global ul li.nav_02:hover,
nav.serviceNav-global ul li.nav_02.active{
	background:url(/img/main/nav_02.png) no-repeat center center;
	background-size:cover;
}
nav.serviceNav-global ul li.nav_03:hover,
nav.serviceNav-global ul li.nav_03.active{
	background:url(/img/main/nav_03.png) no-repeat center center;
	background-size:cover;
}
nav.serviceNav-global ul li.nav_04:hover,
nav.serviceNav-global ul li.nav_04.active{
	background:url(/img/main/nav_04.png) no-repeat center center;
	background-size:cover;
}
nav.serviceNav-global ul li.nav_05:hover,
nav.serviceNav-global ul li.nav_05.active{
	background:url(/img/main/nav_05.png) no-repeat center center;
	background-size:cover;
}
nav.serviceNav-global ul li:last-child{
	border-right:0px solid #fff;
}
nav.serviceNav-global ul li img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:6px;
	height:auto;
	width:35%;
}
nav.serviceNav-global ul li p{
	font-size:70%;
}

.nav-block{
	padding-bottom:19.6%
}



/*	エラー
================================================== */


main p.error{
	padding:0 7%;
	text-align:left;
	margin-bottom:35px;
}
main a.error{
	display:block;
	width:220px;
	height:40px;
	line-height:40px;
	text-align:center;
	border:1px solid #D6020C;
	color:#D6020C;
	margin-left:auto;
	margin-right:auto;
}
main a.error:hover{
	border:1px solid #D6020C;
	background:#D6020C;
	color:#fff;
}

/*	フォームテーブル
================================================== */
main #form{
	padding:0 6% 40px 6%;
}
main #form p.lead{
	font-size:12px;
	margin-bottom:30px;
}
main #form p.lead span.red{
	color: #D80000;
}

main .form-contact table{
	display:block;
}
main .form-contact table tbody{
	display:block;
}
main .form-contact table tr{
	display:block;
	margin-bottom:22px;
}

main .form-contact table tr td{
	padding:0 0 12px 0;
	position:relative;
	font-size:11px;
	display:block;
	border-bottom:0px solid #ccc;
}
main .form-contact table tr th,
main .form-contact table tr td.item{
	display:block;
	padding:0 0 4px 0;
	text-align:left;
	font-size:12px;
	margin-bottom:14px;
	padding-bottom:5px;
	border-bottom:1px dotted #aaa;
}
main .form-contact table tr td.item em{
	font-size:10px;
	padding-left:10px;
}
main .form-contact table tr td span.att{
	padding-top:5px;
	display:inline-block;
}

main .form-contact table tr td .indent{
	padding-left:20px;
	padding-top:10px;
	padding-bottom:10px;
}
main .form-contact table tr td .nameBox{
	margin-bottom:14px;
}

main .form-contact table tr td ol{
}
main .form-contact table tr td ol li{
	margin-bottom:8px;
}
main .form-contact table tr td ol li:last-child{
	margin-bottom:0px;
}



main .form-contact table tr td ul.inline{
}

main .form-contact table tr td ul.inline li{
	display:inline-block;
	vertical-align:middle;
	margin-right:13px;
	margin-bottom:10px;
	font-size:11px;
}
main .form-contact table tr td ul.inline li.mr10{
	margin-right:8px;
}
main .form-contact table tr td ul.inline li.pl10{
	padding-left:10px;
}
main .form-contact table tr td ul.inline li.block{
	display:block;
}

main .form-contact table tr td ul.checkbox{
	padding-top:2px;
	margin-bottom:-4px;
}
main .form-contact table tr td ul.checkbox li{
	display:inline-block;
	width:45%;
	vertical-align:middle;
	font-size:12px;
	margin-bottom:4px;
}

main .form-contact table tr td ul.inline.static{
	padding-top:2px;
	margin-bottom:-4px;
}
main .form-contact table tr td ul.inline.static li{
	display:inline-block;
	width:45%;
	vertical-align:middle;
	font-size:12px;
	margin-right:0px;
	margin-bottom:4px;
}

main .form-contact table tr td p.description{
	margin-bottom:22px;
}



main .form-contact table tr td p{
	margin-top:6px;
}


main .form-contact table tr td ul.name-inline{
}

main .form-contact table tr td ul.name-inline li{
	vertical-align:middle;
	margin-right:13px;
	margin-bottom:10px;
	font-size:11px;
	position:relative;
}
main .form-contact table tr td ul.name-inline li span{
	width:40px;
	position:absolute;
	left:0; top:5px;
}
main .form-contact table tr td ul.name-inline li input[type="text"]{
	width : calc(100% - 40px) !important;
	width : -webkit-calc(100% - 40px) !important;
	margin-left:40px;

}



/*	フォーム　パーツ
================================================== */
.must {
	padding-left:5px;
}
main .form-contact input[type="text"],
main .form-contact input[type="tel"],
main .form-contact input[type="email"],
main .form-contact select,
main .form-contact textarea{
	padding:6px;
	border:1px solid #ccc;
	box-sizing:border-box;
	border-radius:0 !important;
	font-size:12px;
}
main .form-contact input[type="text"],
main .form-contact input[type="tel"],
main .form-contact input[type="email"]{
	width:100% !important;
}
main .form-contact input[type="text"].w40{
	width:40px !important;
}
main .form-contact input[type="text"].w70{
	width:70px !important;
}
main .form-contact input[type="text"].w120{
	width:120px !important;
}
main .form-contact input[type="radio"],
main .form-contact input[type="checkbox"]{
	position:relative;
	top:-2px;
}
main .form-contact textarea{
	width:100% !important;
	height:114px !important;
}


main .form-contact input[type="text"].addno{
	display:inline-block;
	width:90% !important;
}

.mfp_buttons{
	margin-top:0;
}
.mfp_buttons input.send{
	display:block;
	width:100%;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
	border:1px solid #322C2C;
	background:#fff;
	color:#322C2C;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック",Arial,Verdana,Helvetica,sans-serif;

}
input[type="button"],input[type="submit"] {
	
}
.mfp_buttons input.send:hover{
}

.mfp_element_button{
	display:block;
	width:100%;
	height:50px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:6px;
	cursor:pointer;
	border:1px solid #322C2C;
	background:#fff;
	color:#322C2C;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック",Arial,Verdana,Helvetica,sans-serif;
}
.mfp_element_button:hover{
}