@charset "utf-8";

/* -------------------------------------------------- */
/* file   : request.css                                   */
/* update : 2009/11/10 T.S                            */
/* -------------------------------------------------- */
dl,dt,dd{
	margin: 0 0 0 0;
	padding: 0px;
	list-style: none;
}
#taishin_form{
	width:800px;
	font-size:16px; 
	font-weight:bold;
	text-align:left; 
	margin:0 0 0 75px; 
	padding:10px 0;
}
.tf_left{
	width:312px;
	float:left; 
	padding-right:15px;
}
.tf_right{
	float:right;
	width:468px;
	padding-top:20px;
}

.head_wrap{
	width: 1000px;
	margin:0 auto 10px;
}
.head_wrap h1 {
    width: 325px;
    float: left;
	margin-top:5px;
}
.head_wrap h1 a {
    display: block;
}
.hd_r{
	width:380px;
	float:right;
	padding-top:10px;
}


#request{
	width:900px;
	margin:10px auto;
	font-size:14px;
}
#request input{
	font-size:16px;
}

#request #request_content01{
	width: 612px;
	padding-left: 22px;
	margin-bottom: 0px;
}
#request #request_content01_left{
	width: 269px;
	float: left;
}
#request #request_content01_right{
	float: right;
	width: 320px;
	padding-top: 10px;
}
#request #caution{
	text-align: right;
	padding-right: 7px;
	margin-bottom: 3px;
}
#request #request_text01{
	padding-top: 21px;
}
#request #request_text02{
	margin-top: 18px;
	margin-bottom: 7px;
}
#request .color_text01{
	color: #FF0000;
}
#request #request_table01{
	border-top: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	margin-bottom: 19px;
}
#request #request_table01 th{
	border-bottom: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
	background-color: #F7FFE6;
	color: #666666;
	padding-left: 17px;
	padding-top: 8px;
	padding-bottom: 7px;
	width: 270px;
	text-align:left;
}
#request #request_table01 th span{
	font-weight: normal;
	color: #DFE66E;
}
#request #request_table01 td{
	border-bottom: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
	padding-top: 8px;
	padding-bottom: 7px;
	padding-left: 17px;
	line-height: 200%;
}
#request .b_space{
	margin-bottom: 3px;
}
#request #bottom_text01{
	text-align: center;
}
#request #bottom_text01 a{
	color: #FF6E2F;
}

#request #form_flow{
	padding: 15px 0 15px 0;
	text-align:center;
}
#request #complete_text {
	font-size: 14px;
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 30px;
}
#request h2 {
	font-size:16px;
	margin:10px 0px;
	border-bottom:#CCCCCC 1px dotted;
	border-left:#009900 3px solid;
	padding:10px 0 10px 10px;
}
.campaign_bnr{
	width:950px;
	padding: 0px 0 20px 0px;
	margin:0 auto;
	text-align: center;
}
#request #ssl_info {
	margin:20px auto 0 auto;
	width:600px;
	font-size: 12px;
}
#request #ssl_info table td {
	text-align:left;
	vertical-align: top;
}
#request #ssl_info p.policyLink {
	padding: 0;
}
#request #ssl_info .policyLink a {
	padding-left: 13px;
	text-decoration: underline;
	background:url(../../common/images/popup02_arrow.gif) no-repeat left center;
}
#request #ssl_info .policyLink a:hover {
	text-decoration: none;
}


#h01 {
	background:url(../images/h01.jpg) no-repeat;
	width:950px;
	height:623px;
	padding-bottom:20px;
	margin:0 auto;
}
:root #h01 {
	background:url(../images/h01.jpg) no-repeat;
	width:950px;
	height:623px;
	padding-bottom:20px;
	margin:0 auto;
}

#h02 {
	width:950px;
	height:1130px;
	padding-bottom:20px;
	margin:0 auto;
}


#h03 {
	background:url(../images/h03.jpg) no-repeat;
	width:950px;
	height:807px;
	padding-bottom:30px;
	margin:0 auto;
}

#h04{
	width: 800px; margin:30px auto 20px;
}
#h04 img{
	width: 100%;
}

@media (min-width:0px) and (max-width:640px) {
	#h04{
		width: 100%; margin:0;
	}
}


/*h01*/
.h01_logo1 {
	width:372px;
	position:absolute;
	z-index:101;
	margin-left:22px;
}
.h01_logo2 {
	width:85px;
	position:absolute;
	z-index:102;
	padding-top:194px;
	margin-left:22px;
}
.h01_arrow {
	width:482px;
	position:absolute;
	z-index:103;
	padding-top:279px;
	margin-left:22px;
}
.h01_bt {
	width:423px;
	position:absolute;
	z-index:104;
	padding-top:297px;
	margin-left:514px;
}
.h01_chk {
	width:424px;
	position:absolute;
	z-index:105;
	padding-top:11px;
	margin-left:504px;
}
.h01_chk {
	width:424px;
	position:absolute;
	z-index:105;
	padding-top:11px;
	margin-left:504px;
}
*:first-child+html .h01_chk {
	width:424px;
	position:absolute;
	z-index:105;
	padding-top:11px;
	margin-left:495px;
}


* html .h01_chk {
	width:424px;
	position:absolute;
	z-index:105;
	padding-top:11px;
	margin-left:495px;
}


/*h02*/
.h02_t01 {
	width:442px;
	position:absolute;
	z-index:201;
	padding-top:0px;
	margin-left:0px;
}
.h02_t02 {
	width:630px;
	position:absolute;
	z-index:202;
	padding-top:60px;
	margin-left:0px;
}
.h02_t02 p{
	margin-left:50px;
}

.h02_t03 {
	width:544px;
	position:absolute;
	z-index:203;
	padding-top:226px;
	margin-left:0px;
}
.h02_t04 {
	width:544px;
	position:absolute;
	z-index:204;
	padding-top:456px;
	margin-left:0px;
}
.h02_t04 p{
	margin-left:50px;
	padding-top:10px;
}
.h02_p01 {
	width:146px;
	position:absolute;
	z-index:204;
	padding-top:226px;
	margin-left:478px;
}
.h02_p02 {
	width:188px;
	position:absolute;
	z-index:205;
	padding-top:391px;
	margin-left:451px;
}
.h02_p03 {
	width:330px;
	position:absolute;
	z-index:206;
	padding-top:258px;
	margin-left:624px;
}
*:first-child+html .h02_p03 {
	width:330px;
	position:absolute;
	z-index:206;
	padding-top:255px;
	margin-left:624px;
}
* html .h02_p03 {
	width:330px;
	position:absolute;
	z-index:206;
	padding-top:255px;
	margin-left:624px;
}
.h02_p03 p{
	font-size:10px;
	margin-left:30px;
	line-height:12px;
}

.h02_s01 {
	width:330px;
	position:absolute;
	z-index:207;
	padding-top:11px;
	margin-left:591px;
}


.h02_arrow {
	width:407px;
	position:absolute;
	z-index:208;
	padding-top:659px;
	margin-left:272px;
}
.h02_bt {
	width:850px;
	position:absolute;
	z-index:209;
	padding-top:799px;
	margin-left:50px;
}
.h02_bt_left{
	float:left;
}
.h03_bt_right{
	float:right;
	text-align:center;
	width:400px;
}
.h03_bt_right a{
	width:422px;
/*	height:100px;
	display:block;
	background:url(../images/green_taishin_BG.gif) no-repeat;
*/}
/*.h02_bt_right a:hover{
	width:422px;
	height:100px;
	display:block;
	background:url(../images/green_taishin_BG_over.gif) no-repeat;
}
.h02_bt_right .tx1{
	font-size:26px;
	color:#EF0025;
	font-weight:bold;
	padding:22px 0 17px 0;
}
.h02_bt_right .tx2{
	font-size:16px;
	color:#404040;
	font-weight:bold;
	padding-top:4px;
}
*/



.h04_bt{
	text-align:center;
	width:600px;
	margin:0 auto;
}
.h04_bt a{
	width:622px;
}

.h04_bt_top{
	position:absolute;
	text-align:center;
	width:600px;
	margin-left:180px;
	padding-top:470px;
}
.h04_bt_top a{
	width:622px;
}









.h_box{
	padding-top:200px;
}


.h02_p05{
	width:300px;
	position:absolute;
	z-index:210;
	padding-top:11px;
	margin-left:640px;
}
.h02_p05 img{
	padding-bottom:5px;
}

/*h03*/
.h03_t01 {
	width:556px;
	position:absolute;
	z-index:301;
	padding-top:7px;
	margin-left:199px;
}
.h03_t02 {
	position:absolute;
	z-index:302;
	padding-top:66px;
}

.h03_p01 {
	width:950px;
	position:absolute;
	z-index:303;
	padding-top:130px;
	margin-left:0px;
}
.h03_s01 {
	width:856px;
	position:absolute;
	z-index:304;
	padding-top:507px;
	margin-left:47px;
}
.h03_s02 {
	width:692px;
	position:absolute;
	z-index:305;
	padding-top:569px;
	margin-left:128px;
}

/*IE6用*/
*html #contents_top {
	margin-top:0px;
}






/* 201407 修正
---------------------------------------- */

/* 既存修正 */

#request #request_table01 th{
	border-bottom: 1px solid #C8C8C8;
	border-left: 1px solid #C8C8C8;
	background-color: #fcfcfc;
	color: #666666;
	padding-left: 17px;
	padding-top: 8px;
	padding-bottom: 7px;
	width: 290px;
	text-align:left;
}
#request #request_table01 th span{
	font-weight: normal;
	color: #F00;
	font-size:12px;
}

#privacy_info {
	width:730px;
	border: solid 1px #CCCCCC; 
	padding: 15px; 
	margin: 0 0 15px 70px;
	font-size:10px;
}
#privacy_info p.title{
	padding: 0 0 5px 0;
	font-weight: bold;
	font-size:12px;
}


/* 追加 */

body{
	font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS P Gothic", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
}

#seo{
	width:290px;
}


input{
	font-size:16px;
	padding:8px;
}
textarea{
	font-size:16px;
	padding:10px;
}
.placeholder{
	padding-top:10px;
	padding-left:5px;
}

.title_bk{
	background:url(../images/new_title2014.gif) no-repeat;
	width:901px;
	height:174px;
	margin:0 auto;
}

.title_bk_txt{
	padding-top:80px;
	font-size:14px;
	margin-left:20px;
	line-height:2em;
}


/* 追加：必須マーク系 */
#NameChk{
	width:39px;
	float:left;
	padding-right:10px;
}
#NameChkK{
	width:39px;
	float:left;
	padding-right:10px;
}
#address{
	width:39px;
	float:left;
	padding-right:10px;
}
#MailChk{
	width:39px;
	float:left;
	padding-right:10px;
}
#TelChk{
	width:39px;
	float:left;
	padding-right:10px;
}
#ReformChk{
	width:39px;
	float:left;
	padding-right:10px;
}
#JobChk{
	width:39px;
	float:left;
	padding-right:10px;
}



/*チェックボックスを変更*/
.sample {
    padding: 6px;
	text-align:left;
}

.sample input[type=radio],
.sample input[type=checkbox] {
    display: inline-block;
    margin-right: 20px;
}
.sample input[type=radio] + label,
.sample input[type=checkbox] + label {
    position: relative;
     
    display: inline-block;
    margin-right: 60px;
     
    font-size: 22px;
	font-weight:bold;
    line-height: 30px;
     
    cursor: pointer;
}
 
@media (min-width: 1px) {
    .sample input[type=radio],
    .sample input[type=checkbox] {
        display: none;
        margin: 0;
    }
    .sample input[type=radio] + label,
    .sample input[type=checkbox] + label {
        padding: 0 0 0 40px;
    }
    .sample input[type=radio] + label::before,
    .sample input[type=checkbox] + label::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        width: 30px;
        height: 30px;
        margin-top: -18px;
         
        background: #FFF;
    }
    .sample input[type=radio] + label::before {
        border: 3px solid #ccc;
        border-radius: 30px;
    }
    .sample input[type=checkbox] + label::before {
        border: 3px solid #ccc;
    }
    .sample input[type=radio]:checked + label::after,
    .sample input[type=checkbox]:checked + label::after {
        content: "";
        position: absolute;
        top: 50%;
         
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }
    .sample input[type=radio]:checked + label::after {
        left: 5px;
         
        width: 8px;
        height: 8px;
        margin-top: -4px;
         
        background: #E71063;
        border-radius: 8px;
    }
    .sample input[type=checkbox]:checked + label::after {
        left: 3px;
         
        width: 32px;
        height: 16px;
        margin-top: -16px;
         
        border-left: 6px solid #E71063;
        border-bottom: 6px solid #E71063;
         
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
}

/*共通住所揃え*/

span.spc{
	display:block;
	width:80px;
	float:left;
	padding-top:9px;
	clear:both;
}




/*2015修正*/

.header{
	margin:0 auto;
	width:1000px;
	height:110px;
}
.lpHeader{background-image: url(/src/img/lp_strong-survey_title_bg.jpg);}
.lpHeaderTitle{background: rgb(98,178,107);}
.lpHeaderTitle::after{background: linear-gradient(90deg,rgb(98,178,107) 0%,rgba(98,178,107,0) 100%);}
.hd_left{
	width:712px;
	float:left;
}
.hd_right{
	width:288px;
	margin-top:10px;
	float:left;
}
.hd_right a:hover img{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75);
	opacity: 0.75;
}
.cont1{
	width:100%;
	background:url(../images2015/bg_header.png) repeat-x top left;
	top:0px;
}

#wrapper {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 0 0;
	text-align: left;
	background:none;
}

.main_wrap{
	width:100%;
	/*background:url(../images2015/mainBG.jpg) top center repeat-x;*/
	background:#ff8400;
}
.main{
	width:1005px;
	height:366px;
	margin:0 auto;
}
.cont_wrap{
	width:100%;
	background: url(../images2015/BG2.jpg) top left repeat;
}
.cont{
	width:948px;
	margin:0 auto;
}


.inspection_title{
	width:900px;
	margin:70px auto -20px;
	border-top:1px solid #ccc;
	padding-top:70px;
}


/* ------------------------------画面の横幅が640px以下 (スマホ) ------------------------------*/
@media screen and (max-width:640px){
	.lpHeaderTitle{background: rgba(98,178,107,0.8);}

.inspection_title{
	width:100%;
	margin:0 auto -30px;
}
.inspection_title img{
	width:100%;
	height:auto;
}

#eventForm{
	width:96% !important;
	margin:30px auto;
}

.spbr{
	display:inline;
}
.spnonbr{
	display:none;
}

#eventForm table {
	width: 100% !important;
	border: none!important;
	border-collapse: collapse;
	text-align: left;
}

#eventForm table th {
	display: block !important;
	padding:0 10px !important;
}

#eventForm table th,
#eventForm table td {
	display: list-item !important;
	width:100% !important;
	padding: 10px 5px !important;
	list-style: none;
	border-collapse: collapse;
/*スマホで勝手に文字が大きくなる対策*/
	max-height: 999999px;
}
#eventForm table td table.noborder td {
	display: inline !important;
	padding: 10px 0 !important;
	list-style: none;
	border-collapse: collapse;
/*スマホで勝手に文字が大きくなる対策*/
	max-height: 999999px;
}

#eventForm table th {
	background-color: #FFF !important;
	color: #666666;
	padding-left: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align:left;
	font-weight:bold;
	border-left:#99c532 4px solid !important;
	border-bottom:#CCC 1px dotted !important;
	border-right:none !important;
	border-top:none !important;
	margin-top:10px !important;
	margin-bottom:10px !important;
}

#eventForm table td {
	line-height: 200%;
	border: none!important;
	padding: 8px 5px 7px 17px;
	text-align: left;
	vertical-align: top;
	white-space: normal;
}

#eventForm table td td{
	border:none;
	padding-left:0;
}
	
	
.gtitle {
	width:96%;
	font-size:16px;
	margin:10px 0px;
	border-bottom:#CCCCCC 1px dotted;
	border-left:none;
	padding:10px 2%;
	color:#FFF;
	background:#009900;
}
.gtitle span{
	font-size:14px;
	margin-left:0px;
}

	#formBtn input{
		width:92% !important;
		border-radius:5px !important;
		font-size:18px;
		padding:5px 5px;
		background:none;
		border:none;
		margin:5px auto;
	}
	input{
		width:92% !important;
		border-radius:5px !important;
		font-size:18px;
		padding:10px 5px;
		background:#fff9df;
		border:#f7c942 1px solid;
		margin:5px auto;
	}
	input#kakunin{
		border-radius:none !important;
		font-size:18px;
		padding:0;
		background:none;
		border:none;
		margin:5px 0;
	}
	input.w60 {
		width: 68%;
	}
	input.w300 {
		width: 68%;
	}
	textarea.w450 {
		width: 68%;
	}
	input.Zip1,input.Zip2 {
		width: 14% !important;
	}
	input[type=imgae]{
		background:none !important;
	}
	.tx_area{
		padding:0 5px !important;
	}
	textarea{
		width:92% !important;
		border-radius:5px !important;
	}
	

#request h2  img{
	display:none;
}

#privacy_info {
	width:90%;
	border: solid 1px #CCCCCC; 
	padding: 15px; 
	margin: 10px auto;
	font-size:10px;
}
#request{
	width:96%;
	margin:10px auto;
	font-size:14px;
}

#ssl_info table {
	width: 100% !important;
	margin-bottom: 30px!important;
}
}