@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:#333;
}

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{
width:80%;
font-size:1.5em;
line-height:1.5em;
font-weight:bold;
text-align:center;
margin:1em auto;
padding:0.5em 1em 0.5em 1em;
border:solid 3px #8abe40;
}
@media screen and (max-width:480px){
/*画面幅が480pxまでの時*/
.form_title{
width:80%;
color:#333;
line-height:1.5em;
font-weight:bold;
font-size:1.2em;
text-align:center;
margin:1em auto;
padding:0.5em 1em 0.5em 1em;
border:solid 2px #8abe40;
}
}
@media screen and (min-width:781px){
/*画面幅が781px以上の時*/
#wrapper{
max-width:1000px;
margin:0 auto;
}
.form_title{
width:80%;
color:#333;
line-height:1.5em;
font-weight:bold;
font-size:2em;
text-align:center;
margin:1em auto;
padding:0.2em 1em 0.2em 1em;
border:solid 3px #8abe40;
}
}

/*画面幅が481～780px以上の時*/
#wrapper{
}
#contents01{
}
#form{
}
#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("../img/hissu.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;
padding-top:20px;
padding-bottom:25px;
border-bottom:dotted 1px #aaa;
}
td.r_Cel input{
font-size:1.5em;
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.8em;
	width: 80%;
	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:20px auto 60px auto;
width:70%;
}
td.l_Cel_01{
vertical-align: middle;
padding:0.5em 2em 0.5em 1em ;
font-size:1.2em;
font-weight:bold;
border-bottom:dotted 1px #aaa;
margin-right:10px;
background-image:url("../img/hissu.png");
background-position: right center;
background-repeat: no-repeat;
}
td.r_Cel{
font-size:0.8em;
color:#aaa;
vertical-align: middle;
padding:0.5em;
padding-top:20px;
padding-bottom:25px;
border-bottom:dotted 1px #aaa;
}
td.r_Cel input{
font-size:1.5em;
margin-top:0.3em;
width:90%;

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


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

#form table{
margin:20px auto 20px auto;
width:78%;
}
td.l_Cel_01{
padding:0.5em 0.5em 2em 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("../img/hissu.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;
padding-top:10px;
padding-bottom:15px;
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;
}
.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{
margin:3em auto 0 auto;
}
.thanks p{
font-size:1.2em;
color:#333;
text-align:center;
margin:0 auto 1em auto;
}
p.modoru{
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以上の時*/



}


/******************************/
#contents01{
        font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","Hiragino Kaku Gothic Pro","Osaka","Verdana,sans-serif","ＭＳ Ｐゴシック","MS P Gothic","Helvetica","Arial","Geneva";    
}
    
.parent{
  /*background-color: #ccc;*/
        margin:30px auto;
}

.child{
        background-color: #f0f5ff;
        width:80%;
        margin:30px auto;
        padding: 1.0em 1em 1.0em 1em;
        font-size: 1.1em;
        border-radius: 10px 10px 10px 10px; /* 左上・右上・右下・左下 */
        border:1px #0c69b9 solid;
}

.child2{
        width:80%;
        margin:30px auto;
        padding: 1.0em 1em 1.0em 1em;
        font-size: 1.1em;
        text-align: center;
}

.radio-plain {
        width: 30px;
        height: 20px;
        margin:7px 7px;
        top: -2px;
        position: relative;
}

.form_title{
        border-radius: 10px 10px 0px 0px; /* 左上・右上・右下・左下 */
        border: solid 2px #0c69b9;
        border-top: 8px solid #0c69b9;
}

.top_caption{
        font-size:86%;
}
.child_caption{
        /*background-color: #eefbea;*/
        width:84%;
        margin:30px auto;
        font-size: 1.1em;
        /*border:1px #b7e2bb solid;*/
}
.child_caption2{
        /*background-color: #eefbea;*/
        width:84%;
        margin:30px auto;
        font-size: 1.5em;
        /*border:1px #b7e2bb solid;*/
}

img{
        top: 3px;
        position: relative;
}

input[type="text"],input[type="tel"],input[type="email"]{
        font-size: 18px;
        padding: 4px 0;
        border: 0;
        border-bottom: 1px solid #787878;
        background-color: transparent;
        box-sizing: border-box;
}

input[type="text"]:focus,input[type="tel"]:focus,input[type="email"]:focus{
        outline: none;
        border-bottom: 2px solid #0a5aec;
}

input[type="text"][size="30"],input[type="tel"][size="30"],input[type="email"][size="30"] {
    width: 40%;
}
 
input[type="text"][size="60"],input[type="tel"][size="60"],input[type="email"][size="60"] {
    width: 72%;
}

input[type="text"][size="64"],input[type="tel"][size="64"],input[type="email"][size="64"] {
    width: 72%;
}
 
input[type="text"][size="84"],input[type="tel"][size="84"],input[type="email"][size="84"] {
    width: 98%;
}

.option_item{
        font-size: 76%;
        vertical-align: text-bottom;
}

textarea{
        font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","Hiragino Kaku Gothic Pro","Osaka","Verdana,sans-serif","ＭＳ Ｐゴシック","MS P Gothic","Helvetica","Arial","Geneva";
        box-sizing: border-box;
        width: 80%;
        font-size: 0.9em;
        /*background-color: transparent;*/
}
textarea:focus{
        outline: none;
        border: 2px solid #0a5aec;
}

.select_box{
        width: 50%;
        font-size: 1.0em;
}

.anchor_button{
        display: inline-block;
        width: 300px;
        height: 50px;
        font-size:1.2em;
        line-height:50px;
        cursor:pointer;
        font-weight:bold;
        text-align: center;
        font-weight:bold;
        text-decoration:none !important;
        outline: none;
        z-index: 2;
        background-color: #398ee6;
        color: #ffffff !important;
        overflow: hidden;
        /*margin:0px auto 32px auto;*/
        border-style: none;
        border-radius: 10px;
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
        -moz-border-radius: 10px;   /* Firefox用 */
        text-align:center;
        margin-bottom:10px;
}

.anchor_button:hover {
        background-color: #75b0ee;
}

.anchor_button_disable{
        display: inline-block;
        width: 300px;
        height: 50px;
        font-size:1.2em;
        line-height:50px;
        cursor:pointer;
        font-weight:bold;
        text-align: center;
        font-weight:bold;
        text-decoration:none !important;
        outline: none;
        z-index: 2;
        background-color: #9197a0;
        color: #ffffff !important;
        overflow: hidden;
        /*margin:0px auto 32px auto;*/
        border-style: none;
        border-radius: 10px;
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
        -moz-border-radius: 10px;   /* Firefox用 */
        text-align:center;
        margin-bottom:10px;
}

.anchor_button2{
        display: inline-block;
        width: 300px;
        height: 50px;
        font-size:1.2em;
        line-height:50px;
        cursor:pointer;
        font-weight:bold;
        text-align: center;
        font-weight:bold;
        text-decoration:none !important;
        outline: none;
        z-index: 2;
        background-color: #ec863d;
        color: #ffffff !important;
        overflow: hidden;
        /*margin:0px auto 32px auto;*/
        border-style: none;
        border-radius: 10px;
        -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
        -moz-border-radius: 10px;   /* Firefox用 */
        text-align:center;
        margin-bottom:10px;
}

.anchor_button2:hover {
        background-color: #f2ab78;
}

.err_msg{
        font-size:70%;
        color: #ff0000;
}

.confirm_value{
        overflow-wrap: break-word;
        color: #000000;
        line-height: 1.3em;
}

.warning_caption{
        font-size:50%;
        color:#000000;
}

.warning_area{
        /*background-color: #eefbea;*/
        width:84%;
        margin:30px auto;
        font-size: 1.5em;
        /*border:1px #b7e2bb solid;*/
}

.copyright{
        width:84%;
        margin:30px auto;
        font-size: 1.0em;
        text-align: center;
}