/* CSS Document */
/*
	----------------------------
	RESET
	____________________________
*/
body,img,p,h1,h2,h3,h4,h5,h6,form,table,td,ul,ol,li,fieldset { margin:0; padding:0; border:0; }
p,h1,h2,h3,h4,h5,h6,ul { margin:15px 0; }

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

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;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

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;
}

/* 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;
}

/*  KOT_LP_20160825  メールアドレス入力部分  */
#contents-wrapper .fsBody {
	background-color: #f9f9f9;
}


#mail {
width:960px;
margin:0;
}

.fsBody.fsEmbed {
margin:50px auto;
background-color:#1D9E48;
}

/*  アドレス入力幅  */
.fsFieldHorizontal {
width:320px!important;
margin:0;
margin-right:150px;
font-size:0.7em;
float:right;
}

#fsRow2451953-1.fsRow.fsFieldRow.fsLastRow {
margin-bottom:0!important;
margin-top:10px!important;
}

#fsCell45064464.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelVertical.fsSpan100 {
width:430px;
margin:-38px auto 15px 95px!important;
}

legend.fsLabel fsRequiredLabel fsLabelVertical {
margin:0 ;
}

/*  まずは試してみてから！*「*」を消す  */
.fsRequiredMarker {
display:none;
}

form#fsForm2451953.fsForm.fsSingleColumn {
	width:750px;
	min-height:160px;
	max-height:230px;
	background-color:#1D9E48;
	color:#FFF;
}

/*  チェックボックス  */

form#fsForm2451953.fsForm.fsSingleColumn a {
color:#FFF;
}

#fsRow2451953-3.fsRow.fsFieldRow.fsLastRow {
width:30px;
height:30px;
colo:#FFF;
margin-left:68px!important;
margin-top:30px;
}

#fsCell45293800.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelVertical.fsSpan100.fsFieldFocused {
margin:0 0 20px 0!important;
padding:0!important;
}

div#fsCell45065250.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelVertical.fsSpan100 {
width:200px;
}


#fsCell45065250.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelHorizontal.fsSpan100 {
width:200px;
}

#label45064285.fsLabel.fsRequiredLabel,span.fsRequiredMarker {
display:none;
}

#label45064285.fsLabel.fsRequiredLabel {
font-weight:bold;
}

#field45064285.fsField.fsFormatEmail.fsRequired {
/*width:436px;*/
}

.fsOptionLabel.vertical {
color:#FFF;
margin-top:10px!important;
}

#label45064285.fsLabel.fsRequiredLabel {
margin-top:-15px;
}

#label45064285.fsLabel.fsRequiredLabel {
width:200px;
margin:0 0 5px 45px;
font-weight:bold;
font-size:larger;
}

/*  お申込みボタンの位置  */

#fsSubmit2451953.fsSubmit.fsPagination {
margin-top:-80px!important;
margin-right:70px!important;
float:right;
width:100px;
/*border:3px solid #FFF;*/
border-radius: 14px;
height:50px;
color:#FFF!important;
font-weight:bold;
letter-spacing:0.4em;
font-size:larger;
}

#fsSubmitButton2451953.fsSubmitButton {
width:100px;
height:50px;
padding:3px;
color:#FFF!important;
font-weight:bold;
letter-spacing:0.4em;
font-size:larger;
background-color:#fa7002!important;
border-radius: 10px!important;
-moz-border-radius: 10px!important;    /* 古いFirefox */
   -webkit-border-radius: 10px!important; /* 古いSafari,Chrome */
   border-radius: 10px!important;         /* CSS3 */

}

/*   お問い合わせボタン   */
.trial_new {
margin:0 0 30px 20px;
float:left;
}


/*  30日間無料体験  */
#fsRow2451953-2.fsRow.fsFieldRow.fsLastRow {
margin-right:270px;
height:0;
}

/*  エラーメッセージの削除  */
#fsError2451953.fsError {
display:none;
}

/*  メール登録個別ページ  */
div#formstack #fsForm2451953.fsForm.fsSingleColumn {
width:740px;
max-height:100px!important;
background-color:#F9F9F9;
color:#000;
margin:auto;
align:center;
}

div#formstack {
width:740px;
margin:50px 0;
background-color:#F9F9F9;
}

div#formstack #fsForm2451953.fsForm.fsSingleColumn a {
color:#000;
}

div#formstack img {
display:none;
}

div#formstac.fsBody.fsEmbed {
margin-top:20px!important;
}

div#formstack.fsSection.fs1Col {
height:150px;
}

#fsCell45064285.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelVertical.fsSpan100.fsFieldFocused {
width:450px;
margin:0 0 0 60px!important;
padding:0!important;
}

#fsCell45064285.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelVertical.fsSpan100.fsValidationError {
margin-left:60px;
}

#fsCell45064285.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelVertical.fsSpan100 {
width:450px;
margin-left:60px;
}

/*  使用許諾のボタン設定  */
.return_btn {
    width:150px!important;
    float:right;
    margin-right:60px;
    margin-top:20px;
    font-weight:bold;
    background: #EEE;
    border-top: 3px solid #DDD;
    border-left: 3px solid #DDD;
    border-right: 3px solid #BBB;
    border-bottom: 3px solid #BBB;
    color:#111;
    width: 100px;
    padding: 10px 0;
}

#fsCell45064285.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelVertical.fsSpan100,
#fsCell45064285.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelVertical.fsSpan100.fsFieldFocused,
#fsRow2451953-3.fsRow.fsFieldRow.fsLastRow {
	margin-left:30px !important;
}


#fsCell45064464.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelVertical.fsSpan100 {
	margin: -14px auto 15px 55px!important;
}

.fsBody .fsFieldRow, .fsBody .fsRowBody {
	margin-bottom: 7px!important;
}

.fsRowBody input[type=checkbox], .fsRowBody input[type=radio] {
	top: 20px !important;
}

#field45064285.fsField.fsFormatEmail.fsRequired {
	height: 36px !important;
}

#fsSubmitButton2451953.fsSubmitButton {
	width:150px; height:75px; font-size: 16px !important; letter-spacing: 3px; text-indent: 5px;
}

#fsSubmit2451953.fsSubmit.fsPagination {
	margin-top: -102px!important; margin-right: 110px!important;
}

#fsSubmitButton2451953.fsSubmitButton {
    background-image: -moz-linear-gradient(top, #ffa035 0%, #ffa035 49%, #ff8300 50%, #ff8300);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa035), color-stop(0.49, #ffa035), color-stop(0.50, #ff8300), to(#ff8300));
}

#fsSubmitButton2451953.fsSubmitButton:hover {
    background-image: -moz-linear-gradient(top, #ffa035 0%, #ffa035 0%, #ff8300 0%, #ff8300);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffa035), color-stop(0.0, #ffa035), color-stop(0.00, #ff8300), to(#ff8300));
}

.fsForm select.fsRequired, .fsForm textarea.fsRequired, .fsRowBody input[type=email].fsRequired, .fsRowBody input[type=number].fsRequired, .fsRowBody input[type=tel].fsRequired, .fsRowBody input[type=text].fsRequired {
    -moz-border-radius: 8px !important;
    -webkit-border-radius: 8px !important;
    border-radius: 8px !important;
    border: 2px #1d9e48 solid !important;
    background-color: #fff;
}

.fsOptionLabel.vertical {
    margin-top: 8px!important;
}

.fsRowBody input[type=checkbox] {
    -moz-border-radius: 6px !important;
    -webkit-border-radius: 6px !important;
    border-radius: 6px !important;
    border: 2px #1d9e48 solid !important;
    height: 20px !important;
    width: 20px !important;
    color: #1d9e48 !important;
}

.fsRowBody input[type=checkbox]:before, .fsRowBody input[type=checkbox]:checked:before, .fsRowBody input[type=radio]:before, .fsRowBody input[type=radio]:checked:before {
    width: 16px !important;
    height: 16px !important;
    margin-right: 7px;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    border: 0px solid #1d9e48 !important;
    background-color: #fff;
}

.fsRowBody input[type=checkbox]:checked:before {
    border-color: #1d9e48 !important;
    background-color: #1d9e48 !important;
    background-image: url(data:image/svg+xml;utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000…-5.7l78-78.3c10.1-7.5%2010.1-22.7%200-30.3z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E);
}

#contents .main .main-image {
	display: block;
	margin: 100px auto 50px auto;
	width: 840px;
}

#contents .main .main-h3 {
	font-size:1.4em;
	margin-bottom: 10px;
	margin-left:70px;
}

form#fsForm2451953 {
	background-color: #f9f9f9 !important;
}


@media screen and (max-width: 800px) {
	div#contents {
/*		width: 95% !important;
		margin: 10px 2.5% !important;*/
	}
	#formstack {
	    width: 100% !important;
	    margin: 10px auto !important;
	}
	#formstack h1,
	#formstack p {
		margin-left: 0 !important;
	}
	div#formstack #fsForm2451953.fsForm.fsSingleColumn {
		width: 100%;
		padding: 0 !important;
	}
	#fsCell45064285.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelVertical.fsSpan100 {
		width: 335px;
		margin: 0 auto;
	}
	iframe {
		width: 100%;
	}
/*	div#contents div {
		margin: 0 !important;
	}*/
	div#contents div img {
		max-width: 100%;
		height: auto;
	}
	#contents .main .main-image {
		margin: 30px auto 20px;
	}
	#contents .main .main-h3 {
		font-size: 1.4em;
		margin-left: 0;
	}


	#fsCell45064464.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelVertical.fsSpan100 {
		width: 280px;
		margin: -1px auto 0 45px !important;
		font-size: 10px;
	}
	#fsCell45064285.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelVertical.fsSpan100,
	#fsCell45064285.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelVertical.fsSpan100.fsFieldFocused,
	#fsRow2451953-3.fsRow.fsFieldRow.fsLastRow {
		margin-left: 0 !important;
	}
	#fsRow2451953-3.fsRow.fsFieldRow.fsLastRow {
		margin-top: 0;
	}

	#fsSubmitButton2451953.fsSubmitButton {
		width: 150px;
		height: 50px;
	}
	#fsSubmit2451953.fsSubmit.fsPagination {
		float: none;
		margin: 20px auto 20px !important;
		width: 150px;
	}
	div#contents div#fsCell45293800 {
		margin-top: 20px !important;
	}
	label.fsOptionLabel {
		border: 1px solid #f9f9f9 !important;
		background-color: #f9f9f9 !important;
	}
}

@media screen and (max-width: 320px) {
	#fsCell45064285.fsRowBody.fsCell.fsFieldCell.fsFirst.fsLast.fsLabelVertical.fsSpan100 {
		width: 300px;
		margin: 0 auto;
	}
}