@charset "utf-8";
/*------------------------------------------------------------
【共通】初期設定
------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;

    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
    font-size:16px;
font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
-webkit-text-size-adjust: 100%;
color:#666;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
outline: none;
text-decoration: none;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

ol, ul {
list-style:none;
}

img {
display:inline;
border:none;
}


a:link {
color: #333;
text-decoration:none;
}
a:visited {
color: #333;
text-decoration:none;
}
a:hover {
color: #FE7A0C;
text-decoration:underline;
}
a:active {
color: #333;
text-decoration:none;
}


/***********問い合わせフォーム*************/



/*画面幅が481～780px以上の時*/

.form_title img{
text-align:center;
width:80%;
height:auto;
margin:1em 10%;
}
@media screen and (max-width:480px){
/*画面幅が480pxまでの時*/
.form_title img{
width:80%;
height:auto;
margin:1em 10%;
}
}
@media screen and (min-width:781px){
/*画面幅が781px以上の時*/
#wrapper{
max-width:900px;
margin:0 auto;
}
.form_title img{
width:100%;
max-width:100%
height:auto;
margin:1em auto;
}
}

/*画面幅が481～780px以上の時*/
#wrapper{
}

#form{
margin:0 auto;
width:80%;
}
#form table{
margin:20px auto 40px auto;
width:80%;
}
td.l_Cel_01{
padding:0.5em 0.5em 1.5em 0.5em ;
border-bottom:dotted 1px #aaa;

vertical-align:top;
text-align:center;
white-space: nowrap;
font-size:1em;
font-weight:bold;

background-image:url("../kform_img/hissu.png");
background-position: center 90%;
background-repeat: no-repeat;
}

td.l_Cel_02{
padding:0.5em 0.5em 1.5em 0.5em ;
border-bottom:dotted 1px #aaa;
vertical-align:top;
text-align:center;
white-space: nowrap;
font-size:1.2em;
font-weight:bold;
background-image:url("../kform_img/nini.png");
background-position: center 90%;
background-repeat: no-repeat;
}

td.l_Cel_01 p{

}
td.r_Cel{
font-size:0.8em;
color:#aaa;
vertical-align: middle;
padding:0.5em;
border-bottom:dotted 1px #aaa;
}
td.r_Cel input{
font-size:1.5em;
margin-top:0.3em;
width:100%;
}
td.r_Cel select{
font-size:1.2em;
}


/* フォーム同意書欄のテキスト表示*/
.title{
margin:0 auto;
text-align:center;
font-size:1.2em;
}
.text{

}

.agree {
	margin:20px auto 20px auto;
	padding:1em 2em;
	font-size: 0.7em;
	max-width: 73%;
	height: 100px;
	overflow: auto;
	background-color: #fff;
	line-height: 1.34em;
	border: 1px solid #cccccc;
}

.sign {
	width: 250px;
	font-size: 12px;
	font-family: "ＭＳ ゴシック",sans-serif;
	border: solid 1px;
	border-color: #000;
	padding: 10px;
}
/* フォーム同意書欄の為ボタン*/
#submit_1{
	margin:20px 0 20px 0;
	padding:0px;
	text-align:center;
}

tr .mg {
	margin:10px 0 10px 0;
}
.mod_form_importance_btn{

}
.check{

}
#privacy{

}
.submit_1{
margin:100px 0 10px 0;
}
.mod_form_btn{

}
#secom{
	float:left;
	width:88px;
	height:88px;
	margin:10px 0 10px 20px;
}


@media screen and (min-width:781px){
/*画面幅が781px以上の時*/


#form table{
margin:0px auto 10px auto;
width:100%;
}
td.l_Cel_01{
vertical-align: middle;
padding:0.5em 2em 0.5em 0 ;
font-size:1.2em;
font-weight:bold;
border-bottom:dotted 1px #aaa;
margin-right:10px;
background-image:url("../kform_img/hissu.png");
background-position: right center;
background-repeat: no-repeat;
}
td.l_Cel_02{
vertical-align: middle;
padding:0.5em 2em 0.5em 0 ;
font-size:1.2em;
font-weight:bold;
border-bottom:dotted 1px #aaa;
margin-right:10px;
background-image:url("../kform_img/nini.png");
background-position: right center;
background-repeat: no-repeat;
}
/*td.l_Cel_02{
padding:0.5em 0.5em 1.5em 0.5em ;
border-bottom:dotted 1px #aaa;
vertical-align:top;
text-align:center;
white-space: nowrap;
font-size:1.2em;
font-weight:bold;
background-image:url("../kform_img/nini.png");
background-position: center 90%;
background-repeat: no-repeat;
}*/

td.r_Cel{
font-size:0.8em;
color:#aaa;
vertical-align: middle;
padding:0.5em;
border-bottom:dotted 1px #aaa;
}
td.r_Cel input{
font-size:1.5em;
margin-top:0.3em;
width:100%;
color:#333;
}
td.r_Cel select{
font-size:1.2em;
color:#333;
}
.agree {
	margin:20px auto 20px auto;
	padding:1em 2em;
	font-size: 0.7em;
	max-width: 100%;
	height: 100px;
	overflow: auto;
	background-color: #fff;
	line-height: 1.34em;
	border: 1px solid #cccccc;
}
}



@media screen and (max-width:480px){
/*画面幅が480pxまでの時*/

#form table{
margin:20px auto 20px auto;
width:80%;
}
td.l_Cel_01{
padding:2em 0.5em 0.5em 0.5em ;
border-bottom:dotted 1px #aaa;

vertical-align:top;
text-align:center;
white-space: nowrap;
font-size:0.8em;
font-weight:bold;
line-height:1.5em;
background-image:url("../kform_img/hissu.png");
background-position: 80% 75%;
background-repeat: no-repeat;
display: block;
}


td.l_Cel_02{
padding:0.5em 0.5em 1.5em 0.5em ;
border-bottom:dotted 1px #aaa;
vertical-align:top;
text-align:center;
white-space: nowrap;
font-size:1.2em;
font-weight:bold;
background-image:url("../kform_img/nini.png");
background-position: center 90%;
background-repeat: no-repeat;
}

td.l_Cel_01 p{

}
td.r_Cel{
font-size:0.8em;
color:#333;
vertical-align: middle;
padding:0.5em;
border-bottom:dotted 1px #aaa;
display: block;
}
td.r_Cel input{
font-size:1.5em;
margin-top:0.3em;
width:100%;

}
td.r_Cel select{
font-size:1.2em;
}
.check{
font-size:0.8em;
}
}

/***********入力確認ページ*************/


/*画面幅が481～780px以上の時*/
h5{
margin:2em auto 2em auto;
font-size:1em;
width:60%;
}
table.kakunin{
width:80%;
}

td.l_Cel_11{
vertical-align: middle;
text-align:center;
color:#aaa;
font-size:1em;
font-weight:bold;
border-bottom:dotted 1px #aaa;
padding:0.5em;
}
td.r_Cel_11{
font-size:1.2em;
color:#333;
vertical-align: middle;
padding:0.5em;
border-bottom:dotted 1px #aaa;
}
p.error_messe{
font-size:1.2em;
color:#333;
text-align:center;
margin:0 auto 2em auto;
}
span.hissukoumoku{
color:#f00;
}



.submit000{
width:500px;
overflow:hidden;
margin:20px 0 0 0;
}
.submit001{
float:left;
padding:3px 0 0;
}
.submit002{
float:right;

}

@media screen and (max-width:480px){
/*画面幅が480pxまでの時*/
h5{
margin:2em auto 2em auto;
font-size:1em;
width:80%;
}
table.kakunin{
width:90%;
}
td.l_Cel_11{
vertical-align: middle;
text-align:center;
color:#aaa;
font-size:0.8em;
font-weight:bold;
border-bottom:dotted 1px #aaa;
}
td.r_Cel_11{
font-size:1.2em;
color:#333;
vertical-align: middle;
padding:0.5em;
border-bottom:dotted 1px #aaa;
}
.submit000{
width:80%;
text-align:center;
margin:0px auto 0 auto;
}
.submit001{
float:none;
margin:20px auto 0 auto;
display:block;
}
.submit002{
float:none;
margin:20px auto 0 auto;
}
}

@media screen and (min-width:781px){
/*画面幅が781px以上の時*/
.submit000{
width:65%;
overflow:hidden;
margin:20px 0 0 0;
}


}

/***********サンクスページ*************/
/*画面幅が481～780px以上の時*/
#thanks_page{
max-width:800px;
margin:0 auto;
}
.main_text{
margin: 1em 2em;
text-align: center;
font-size: 1.8em;
}

.campaign{
text-align:center;
font-size: 1.8em;
}

.cam_pct{
margin:0 auto;
}

.shomei{
text-align:center;
margin-top:2em;
}

p.modoru{
text-align:center;
margin-top:2em;
}
p.modoru a{
border:2px solid #64c600 ;
padding:0.5em 1em;
}



@media screen and (max-width:480px){
/*画面幅が480pxまでの時*/


}

@media screen and (min-width:781px){
/*画面幅が781px以上の時*/
/*ファーストビューのフォーム*/
section#form1{
position:relative;
z-index:100;
margin:0;
padding:10px 0 0;
background-image:url("../images/datacleansing_img/topimg.png");
width:1080px;
height:400px;
}

#top_wrapper{
padding:1em 0 0 0;
width:440px;
height:360px;
margin:10px 0 0 590px;
border:2px solid #555;
background-color:#fff;
}
#top_wrapper h2{

}
#top_form01 table,#top_form02 table{
margin:0px auto 10px auto;
width:80%;
}

#top_form01 table td.r_Cel,#top_form02 table td.r_Cel{
display:flex;
justify-content:center;
color:#aaa;
padding:7px;
border-bottom:dotted 1px #aaa;
text-align:center;
}
#top_form01 table td.r_Cel input[type=text],#top_form01 table td.r_Cel select{
color:#333;
height:30px;
font-size:1.2em;
margin:0;
text-align:left;
width:80%;

}
#top_form01 table td.r_Cel select option{
color:#555;
font-size:1em;
}
#top_form01 table td.r_Cel span,#top_form02 table td.r_Cel span{
font-size:0.7em;
font-weight:bold;
color:red;
line-height:1em;
margin:0.6em 0.5em 0 0;
}
#form04 table td.r_Cel textarea{
width:100%;
min-height: 150px;
color:#333;
font-size:1em;
overflow:auto;　
}
#top_form02 table td.r_Cel textarea{
width:100%;
height:50px!important;
color:#333;
font-size:1em;
margin-bottom: 0;
}

.agree_top {
	margin:5px auto;
	padding:1em 1em;
	font-size: 0.6em;
	max-width: 90%;
	height:60px;
	overflow: auto;
	background-color: #fff;
	line-height: 1.34em;
	border: 1px solid #cccccc;
}







.trialcampaign {
  width: 900px;
  margin: 3em auto;
  padding: 3em 0 0 0;
  border: 4px solid #ee8200;
  background-color: #fff;
  border-radius: 30px;
}
.trialcampaign img{
margin: 0 0 0 2em;

}
}

