


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

main .inner{
	width:1100px;
	margin-left:auto;
	margin-right:auto;
}




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

main .titleBox{
	min-width:1200px;
	min-height:200px;
	padding-bottom:15.8%;
	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:36px;
	letter-spacing:2px;
	text-align:center;
}
main .titleBox .title span{
	display:block;
	color:#fff;
	font-size:14px;
	letter-spacing:2px;
	text-align:center;
}




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

main .dir-NavBox{
	border-bottom:3px solid #DDDDDD;
	min-width:1200px;
}
main .dir-NavBox .dir-Nav{
	width:980px;
	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{
}
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:16px;
	margin-left:0;
	border-left:2px solid #ddd;
	position:absolute;
	left:-1px; top:15px;
}
main .dir-NavBox .dir-Nav ul.company-dir li:after{
	content:"";
	display:block;
	width:2px;
	height:16px;
	margin-left:0;
	border-right:2px solid #ddd;
	position:absolute;
	right:-1px; top:15px;
}
main .dir-NavBox .dir-Nav ul.company-dir li a{
	display:block;
	border-bottom:3px solid #ddd;
	padding:12px 0;
}
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{
	min-width:1200px;
	margin-top:15px;
}
main .topicPath ul{
	width:980px;
	margin-left:auto;
	margin-right:auto;
}
main .topicPath ul li{
	display:inline-block;
	background:url(/common_img/topicpath.png) no-repeat right center;
	padding-right:20px;
	margin-right:10px;
	font-size:11px;
}
main .topicPath ul li:last-child{
	padding-right:0px;
	margin-right:0px;
	background:none;
}





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

main .content-title{
	min-width:1200px;
	padding-top:70px;
	margin-bottom:45px;
}
main .content-title h2{
	text-align:center;
	font-size:24px;
	letter-spacing:2px;
}
main .content-title h2:after{
	content:"";
	display:block;
	width:50px;
	height:3px;
	margin-left:auto;
	margin-right:auto;
	border-bottom:3px solid #D6020C;
	padding-top:12px;
	
}







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

nav.serviceNav-global{
	min-width:1200px;
	color:#fff;
	text-align:center;
	z-index:3;
	position:fixed;
	left:0; right:0;
	top:106px;
}
nav.serviceNav-global .copy{
	color:#333;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	font-size:31px;
	margin-bottom:12px;
}
nav.serviceNav-global ul{
	display:table;
	width:100%;
}
nav.serviceNav-global ul li{
	display:table-cell;
	border-right:1px solid #fff;
	width:20%;
	padding:15px 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{
	height:35px;
	vertical-align:middle;
}
nav.serviceNav-global ul li p{
	font-size:14px;
	font-weight:normal;
	display:inline-block;
	padding-left:12px;
	letter-spacing:2px;
}
.nav-block{
	height:65px;
}



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


main p.error{
	text-align:center;
	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-contact table{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
main .form-contact table tr{
}
main .form-contact table tr td{
	padding:30px 0 30px 0;
	vertical-align:top;
	position:relative;
	font-size:11px;
	background:#f9f9f9;
}
main .form-contact table tr th{
	background:#f9f9f9;
}
main .form-contact table tr:nth-child(2n) th,
main .form-contact table tr:nth-child(2n) td{
	background:#fff;
}
main .form-contact table tr.bgnone td{
}

main .form-contact table tr th,
main .form-contact table tr td.item{
	padding:32px 0 30px 40px;
	text-align:left;
	width:210px;
	font-size:13px;
}
main .form-contact table tr td.item em{
	position:absolute;
	left:40px;
	top:55px;
	font-size:10px;
}

main .form-contact table tr.bordernone td{
	border-top:0;
}
main .form-contact table tr.bgnone td{
	background:#fff;
}
main .form-contact table tr td span.att{
	padding-left:10px;
}



main .form-contact table tr td ol{
	margin-top:15px;
}
main .form-contact table tr td ol.mtnone{
	margin-top:0;
}
main .form-contact table tr td ol li{
	margin-bottom:4px;
}
main .form-contact table tr td ol li.mt20{
	margin-top:20px;
}
main .form-contact table tr td ol li.mt10{
	margin-top:10px;
}
main .form-contact table tr td ol li:last-child{
	margin-bottom:0px;
}

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



main .form-contact table tr td ul.inline{
	padding-top:2px;
}
main .form-contact table tr td ul.inline li{
	display:inline-block;
	vertical-align:middle;
	margin-right:20px;
	font-size:12px;
	line-height:2;
}



main .form-contact table tr td ul.name-inline{
	padding-top:2px;
	margin-left:-40px;
}
main .form-contact table tr td ul.name-inline li{
	display:inline-block;
	vertical-align:top;
	margin-right:20px;
	font-size:12px;
	line-height:2;
}
main .form-contact table tr td ul.name-inline li span{
	display:inline-block;
	width:40px;
	text-align:right;
}


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:160px;
	vertical-align:middle;
	font-size:12px;
	margin-bottom:4px;
}




/*	フォーム　パーツ
================================================== */
.must {
	padding-left:10px;
}

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 #CCCCCC;
	box-sizing:border-box;
	border-radius:0 !important;
}
main .form-contact input[type="text"],
main .form-contact input[type="tel"],
main .form-contact input[type="email"]{
	width:220px !important;
}
main .content input[type="text"].w40{
	width:40px !important;
}
main .form-contact input[type="email"].w320,
main .form-contact input[type="text"].w320{
	width:320px !important;
}
main .form-contact input[type="text"].w420{
	width:420px !important;
}

main .form-contact input[type="radio"],
main .form-contact input[type="checkbox"]{
	position:relative;
	top:-2px;
}

main .form-contact .name-inline input[type="text"]{
	width:150px !important;
}

main .form-contact textarea{
	width:400px !important;
	height:114px !important;
}


.mfp_buttons{
	margin-top:0;
	text-align:center;
}
.mfp_buttons input.send{
	background-size: auto 17px;
	display:block;
	width:200px;
	height:40px;
	font-size:14px;
	letter-spacing:1px;
	margin-left:auto;
	margin-right:auto;
	cursor:pointer;
	border:1px solid #bbb;
	background:#fff;
	color:#322C2C;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",Meiryo, "游ゴシック体", "Yu Gothic", YuGothic, "ＭＳ Ｐゴシック",Arial,Verdana,Helvetica,sans-serif;
}
.mfp_buttons input.send:hover{
	border:1px solid #322C2C;
	color:#fff;
	background:#322C2C;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}


.mfp_element_button{
	display:inline-block;
	width:200px;
	height:40px;
	font-size:14px;
	letter-spacing:1px;
	margin-left:15px;
	margin-right:15px;
	margin-top:20px;
	margin-bottom:6px;
	cursor:pointer;
	border:1px solid #bbb;
	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{
	border:1px solid #322C2C;
	color:#fff;
	background:#322C2C;
	-webkit-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	-o-transition: 0.4s ease-in-out;
	transition: 0.4s ease-in-out;
}
#mfp_button_send{
}
#mfp_button_send:hover{
}
#mfp_button_send{
}
#mfp_button_send:hover{
}


