@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,メイリオ,Meiryo,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",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;
}


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

@media screen and (max-width:480px){
/*画面幅が480pxまでの時　スマホ表示*/
#wrapper{
width:auto;
padding:0 10px 0 10px;
margin:0 auto;
}
.top_header_title{
margin:30px auto 20px auto;
padding:0;
height: auto;
}
.top_header_title p{
border-bottom:1px #64c601 solid;
display:inline;
}

.notice{
font-size:1em;
margin:30px auto 20px auto;
line-height: 1.2em;
}
.current_page{
display:none;
}
.now_here{
font-size:1.2em;
padding:0.5em 0 0.5em 0;
background-color:#ff8c00;
color:#fff;
font-weight:bold;
}
h3{
font-size:1.2em;
padding:0.7em 0 0.7em;
text-align:center;
background-color:#64c601;
color:#fff;
margin:30px 0 20px 0;
}
.table{
width:100%;
margin:0;


}
.table table{
width: 100%;

margin:0 auto;
table-layout: fixed;
word-break: break-all;
word-wrap: break-all;

}
.table table tr{
border-bottom:1px dotted #aaa;

}
td.l_Cel_01_01{

width:100%;
margin:10px auto 10px auto;
padding:1em 0 1em 0 ;
border:none;
background-color: transparent;
vertical-align:middle;
text-align:center;
line-height: 1.2em;
/*white-space: nowrap;*/
font-size:0.9em;
font-weight:bold;
display:block;


}
td.l_Cel_01_01 p{

}
td.l_Cel_01_01 img{
margin:10px auto 0px auto;

}
td.s_Cel{
width:100%;
margin:0 auto 0 auto;
font-size:0.8em;
color:#666;
vertical-align: middle;
text-align:center;
padding:10px;
border:none;
display:block;


}
td.s_Cel p{

}
td.s_Cel span{
line-height:1.2em;
padding-bottom:1em;
padding-top:1em;
margin-top:1em;
}
td.s_Cel input.input_namae{
width:80%;
display:inline;
margin-bottom:20px;

}
td.s_Cel .input_mail{
width:70%;
display:inline;
margin-bottom:20px;
}
td.s_Cel .input_telno{
width:25%;
display:inline;
margin-bottom:20px;
}
td.s_Cel input#in_phone_no1,td.s_Cel input#in_k_phone_no1{
width:3em;
}
td.s_Cel input#in_phone_no2,td.s_Cel input#in_k_phone_no2{
width:4em;
}
td.s_Cel input#in_phone_no3,td.s_Cel input#in_k_phone_no3{
width:4em;
}
td.s_Cel .tel-number{
width:70%;
display:inline;
margin-bottom:20px;
}
td.s_Cel select{
width:70%;
display:inline;
}
td.s_Cel .select_font_s{
width:70%;
text-align:center;
margin-bottom:20px;
display:inline;
}
td.s_Cel .tel-number{
width:70%;
display:inline;
}
td.s_Cel .td-block{
width:70%;
display:block;
font-size:1.2em;
text-align:left;
}
td.s_Cel label.mach_komoku{
display:block;
padding:10px 0 0 0;
font-size:1.2em;
color: #4169e1;
border-top:dotted 1px #aaa;
}
td.s_Cel label.genre_sub{
display:block;
padding-bottom:20px;
}

#matching_area,#matching_co_profile{
border-top:dotted 1px #aaa;
}
#matching_area h4,#matching_co_profile h4{
font-size:1.2em;
color: #4169e1;
margin-bottom:0.5em;
}
#matching_co_profile input[type="file"]{
margin:0.3em 0;
font-weight:bold;
color: #fff; /* ラベルテキストの色を指定する */
border-radius: 10px;
background-color: #4169e1;
padding: 10px;
}
table.table2{
word-break: break-all;
word-wrap: break-all;
}

.kiyaku {
margin:0 auto;
margin-top:30px;

width:90%;
overflow: scroll;

}
.mod_form_importance_btn{
margin:20px auto 20px;
text-align:center;
font-size:1.2em;
}
.mod_form_btn{
margin:30px auto 30px auto;
text-align:center;
}
.mod_form_btn a{

text-align:center;
}
.re_top{
display:none;
}







}

/*画面幅が481～780px以上の時*/
@media screen and (min-width:481px) and ( max-width:780px) {
#wrapper{
width:auto;
padding:0 30px 0 30px;
margin:0 auto;
}
.top_header_title{
margin:30px auto 20px auto;
padding:0;
height: auto;
}
.top_header_title p{
border-bottom:1px #64c601 solid;
display:inline;
}

.notice{
font-size:1em;
margin:30px auto 20px auto;
line-height: 1.2em;
}
.current_page{
text-align:center;
margin:30px auto 20px auto;
text-align:center;
font-size:1rem;
}
.now_here{
font-size:1.2em;
padding:0.5em 0 0.5em 0;
background-color:#ff8c00;
color:#fff;
font-weight:bold;
}
h3{
font-size:1.2em;
padding:0.7em 0 0.7em;
text-align:center;
background-color:#64c601;
color:#fff;
margin:30px 0 20px 0;
}
.table{
width:100%;
margin:0;
text-align:center;

}
.table table{
width:100%;
margin:0 auto;
table-layout:fixed;

}
.table table tr{
border-bottom:dotted 1px #aaa;
text-align:center;
margin:0 auto;
}
td.l_Cel_01_01{
width:25%;

padding:1em 0 1.5em 0 ;
border:none;
background-color: transparent;
vertical-align:middle;
text-align:center;
line-height: 1.2em;
font-size:0.95em;
font-weight:bold;
margin:0 auto;

}
td.l_Cel_01_01 p{
margin:0 auto 10px auto;
text-align:center;

}
td.l_Cel_01_01 img{
width:30px;
display:block!important;
text-align:right;
margin:0 auto 10px auto;
}
td.s_Cel{

width:100%;
font-size:0.8em;
text-align:left;
vertical-align: middle;
padding:0 0 1em 0;
border:none;
}
td.s_Cel p{
display:inline;
}
td.s_Cel p span{
display:inline-block;
margin-top:10px;
}
td.s_Cel input.input_namae{
width:100%;
display:block;
margin:5px 0;
}
td.s_Cel input.input_mail{
width:90%;
display:inline;
}
td.s_Cel input.input_telno{
width:17%;
display:inline;
}
td.s_Cel input.tel-number{
width:17%;
display:inline;
}
td.s_Cel .td-block{
display:block;
font-size:1.2em;
}
td.s_Cel label.mach_komoku{
display:block;
padding:10px 0 0 0;
font-size:1.2em;
color: #4169e1;
border-top:dotted 1px #aaa;
}
td.s_Cel label.genre_sub{
display:block;
padding-bottom:20px;
}
td.s_Cel input[type="text"]{
width:auto;
}
#matching_area,#matching_co_profile{
border-top:dotted 1px #aaa;
}
#matching_area h4,#matching_co_profile h4{
font-size:1.2em;
color: #4169e1;
margin-bottom:0.5em;
}
#matching_co_profile input[type="file"]{
margin:0.3em 0;
font-weight:bold;
color: #fff; /* ラベルテキストの色を指定する */
border-radius: 10px;
background-color: #4169e1;
padding: 10px;
}
/* フォーム同意書欄のテキスト表示*/
td .kiyaku {
text-align:left;
margin:10px auto 5px auto;
padding:1em 2em;
font-size: 0.7em;
width:80%;
height: 100px;

background-color: #fff;
line-height: 1.34em;
border: 1px solid #cccccc;

}
.mod_form_importance_btn{
text-align:center;
margin:10px auto 5px auto;
font-size: 1.2em;
}
.mod_form_btn{
margin:20px auto 30px auto;
text-align:center;
}
.mod_form_btn a{

text-align:center;
}






}


@media screen and (min-width:781px){
/*画面幅が781px以上の時 PC表示*/
#wrapper{
max-width:1000px;
width:auto;
padding:10px 20px;
margin:0 auto;
}
.top_header_title{
margin:30px auto 20px auto;
padding:0;
height: auto;
}
.top_header_title p{
border-bottom:1px #64c601 solid;
display:inline;
}

.notice{
max-width:800px;
font-size:1em;
margin:30px auto 20px auto;
line-height: 1.2em;
}
.current_page{
text-align:center;
margin:30px auto 20px auto;
text-align:center;
font-size:1.2em;
}
.now_here{
font-size:1.2em;
padding:0.5em 0 0.5em 0;
background-color:#ff8c00;
color:#fff;
font-weight:bold;
}
h3{
font-size:1.2em;
padding:0.7em 0 0.7em;
text-align:center;
background-color:#64c601;
color:#fff;
margin:30px 0 20px 0;
}
div.table{
width:90%;
margin:0 auto;
}
table{
width:100%;
margin:0 auto;
}
tr{
border-bottom:dotted 1px #aaa;
}
td.l_Cel_01_01{
width:160px;
/*padding:1em 0.5em 1em 0.5em ;*/
padding:0.8em 0.5em 0.8em 0.5em ;
border:none;
background-color: transparent;
vertical-align:middle;
text-align:center;
line-height: 1.2em;
font-size:1em;
/*font-weight:bold;*/
color: #000000;
}
td.l_Cel_01_01 p{
margin:0 auto;
text-align:center;
}
td.l_Cel_01_01 img{
width:35px;
}
td.s_Cel{
font-size:0.8em;
vertical-align: middle;
/*padding:2em 0.5em 2em 0.5em ;*/
padding:1em 0.5em 1em 0.5em ;
border:none;
}
td.s_Cel p{
display:inline;
}
td.s_Cel span{
line-height:1.2em;
padding-bottom:1em;
padding-top:1em;
margin-top:1em;
}
td.s_Cel input{

}
td.s_Cel .input_namae{
width:70%;
display:inline;
}
td.s_Cel .input_mail{
width:90%;
display:inline;
}
td.s_Cel .input_telno{
width:25%;
display:inline;
}
td.s_Cel .tel-number{
width:25%;
display:inline;
}
td.s_Cel .td-block{
display:block;
font-size:1.2em;
}
td.s_Cel #member_reason{
}
td.s_Cel #rb_match_support{
}
td.s_Cel label.mach_komoku{
display:block;
padding:10px 0 0 0;
font-size:1.2em;
color: #4169e1;
border-top:dotted 1px #aaa;
}
td.s_Cel label.genre_sub{
display:block;
padding-bottom:20px;
}
td.s_Cel input[type="text"]{
width:auto;
}
#matching_area,#matching_co_profile{
border-top:dotted 1px #aaa;
}
#matching_area h4,#matching_co_profile h4{
font-size:1.2em;
color: #4169e1;
margin-bottom:0.5em;
}
#matching_co_profile input[type="file"]{
margin:0.3em 0;
font-weight:bold;
color: #fff; /* ラベルテキストの色を指定する */
border-radius: 10px;
background-color: #4169e1;
padding: 10px;
}


td.s_Cel .zip-number{
width:25%;
display:inline;
}
.mod_form_btn{
margin:20px auto 30px auto;
text-align:center;
}
.mod_form_btn a{

text-align:center;
}
.td-block{
overflow:hidden;
width:100%;
}
.id_order{
float:left;
width:50%;
}
.waribiki{
float:right;
width:50%;
}
.waribiki p{
margin: 4px 6px 2px;
font-size: 80%;color:red;
}
.waribiki table{
border-collapse: collapse;
border: 1px solid #aaa;
/*width:150px;*/
width: 95%;
float:left;
margin:6px;
}
.waribiki table th{
border: 1px solid #aaa;
padding: 4px;
background-color:#98fb98;
color:#666;
}
.waribiki table td{
border: 1px solid #aaa;
padding: 4px;
}
.mod_form_importance_btn{
font-size:1.5em;
margin:15px 0 20px 62px;
}




}

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

@media screen and (min-width:781px){
/*画面幅が781px以上の時 PC表示*/
.r_notice{
width:100%;
margin:50px auto 0px auto;
text-align:center;
}
.r_notice p{
line-height:1.5em;
margin:;
}
.r_table{
width:100%;
}
.r_table{
max-width:700px;
width:auto;
margin:0 auto 20px auto;
}
.r_table tr{
border-bottom:dotted 1px #aaa;
}
td.l_Cel_02{
/*padding:1em 3em 1em 3em ;*/
padding:0.5em 3em 0.5em 3em ;

color:#999;
vertical-align:middle;
text-align:center;
line-height: 1.2em;
white-space: nowrap;
font-size:1em;

/*font-weight:bold;*/
}
td.s_Cel_02{
width:100%;
font-size:1em;
color:#333;
vertical-align: middle;
padding:0.5em;
border:none;

}
.btn{
width:65%;
clear:both;
overflow:hidden;
margin:0 auto 20px auto;
text-align:center;
}
.return_btn{
float:left;
}
.forward_btn{
float:right;
}
.return_btn a{
  display: inline-block;
  max-width: 180px;
  text-align: left;
  border: 3px solid #32cd32;
  font-size: 1.5em;
  color: #32cd32;
  text-decoration: none;
  font-weight: bold;
  padding: 0.5em 3em;
  border-radius: 6px;
  transition: .6s;
}

.return_btn a:hover {
  background-color: #32cd32;
  border-color: #32cd32;
  color: #FFF;
}
.forward_btn a,.submit_forward_btn a{
  display: inline-block;
  max-width: 180px;
  text-align: left;
  border: 3px solid #dc143c;
  font-size: 1.5em;
  color: #dc143c;
  text-decoration: none;
  font-weight: bold;
  padding: 0.5em 3em;
  border-radius: 6px;
  transition: .6s;
}

.forward_btn a:hover,.submit_forward_btn a:hover  {
  background-color: #dc143c;
  border-color: #dc143cc;
  color: #FFF;
}
.submit_forward_btn {
text-align:center;
margin:0 auto;
}
.td-block{

}
}

@media screen and (min-width:481px) and ( max-width:780px) {
/*画面幅が481～780px以上の時*/
.r_notice{
width:100%;
margin:50px auto 0px auto;
text-align:center;
}
.r_notice p{
line-height:1.5em;
margin:;
}
.r_table{
width:100%;
}
.r_table{
width:auto;
margin:0 auto 20px auto;
}
.r_table tr{
border-bottom:dotted 1px #aaa;
}
td.l_Cel_02{
padding:1em 3em 1em 3em ;
color:#999;
vertical-align:middle;
text-align:center;
line-height: 1.2em;
white-space: nowrap;
font-size:0.8em;

font-weight:bold;
}
td.s_Cel_02{
width:100%;
font-size:1em;
color:#333;
vertical-align: middle;
padding:0.5em;
border:none;

}
.btn{
width:80%;
clear:both;
overflow:hidden;
margin:0 auto 20px auto;
text-align:center;
}
.return_btn{
float:left;
}
.forward_btn{
float:right;
}
.return_btn a{
  display: inline-block;
  max-width: 180px;
  text-align: left;
  border: 3px solid #32cd32;
  font-size: 1.3em;
  color: #32cd32;
  text-decoration: none;
  font-weight: bold;
  padding: 0.5em 2em;
  border-radius: 6px;
  transition: .6s;
}

.return_btn a:hover {
  background-color: #32cd32;
  border-color: #32cd32;
  color: #FFF;
}
.forward_btn a,.submit_forward_btn a{
  display: inline-block;
  max-width: 180px;
  text-align: left;
  border: 3px solid #dc143c;
  font-size: 1.3em;
  color: #dc143c;
  text-decoration: none;
  font-weight: bold;
  padding: 0.5em 2em;
  border-radius: 6px;
  transition: .6s;
}

.forward_btn a:hover,.submit_forward_btn a:hover {
  background-color: #dc143c;
  border-color: #dc143cc;
  color: #FFF;
}
.td-block{
overflow:hidden;
width:100%;
}
.id_order{
float:left;
width:50%;
}
.waribiki{
float:right;
width:50%;
}
.waribiki p{
margin: 4px 6px 2px;
font-size: 80%;color:red;
}
.waribiki table{
border-collapse: collapse;
border: 1px solid #aaa;
width:150px;
float:left;
margin:6px;
}
.waribiki table th{
border: 1px solid #aaa;
padding: 4px;
background-color:#98fb98;
color:#666;
}
.waribiki table td{
border: 1px solid #aaa;
padding: 4px;
}

}
@media screen and (max-width:480px){
/*画面幅が480pxまでの時*/
.r_notice{
width:100%;
margin:50px auto 0px auto;
text-align:center;
}
.r_notice p{
line-height:1.5em;
margin:;
}
.r_table{
width:100%;
margin:0 auto 20px auto;
text-align:center;
}
.r_table table{
width:100%;

}
.r_table tr{

}
td.l_Cel_02{
width:100%;
padding:0.5em;
margin-top:1.5em;
color:#999;
vertical-align:middle;
text-align:center;
line-height: 1.2em;
white-space: nowrap;
font-size:0.8em;
display:block;
font-weight:bold;
border-bottom:dotted 1px #aaa;
}
td.s_Cel_02{
width:100%;
text-align:center;
font-size:1em;
color:#333;
vertical-align: middle;
padding:1em;
border:none;
display:block;
border-bottom:solid 1px #aaa;
}
.btn{
width:80%;
clear:both;
overflow:hidden;
margin:0 auto 20px auto;
text-align:center;
}
.return_btn{
margin:0 auto 20px auto;
float:none;
}
.forward_btn.submit_forward_btn{
margin:0 auto 20px auto;
float:none;
}
.return_btn a{
  display: inline-block;
max-width:400px;

  text-align: left;
  border: 3px solid #32cd32;
  font-size: 1.3em;
  color: #32cd32;
  text-decoration: none;
  font-weight: bold;
  padding: 0.5em 4em;
  border-radius: 6px;
  transition: .6s;
white-space: nowrap;
}

.return_btn a:hover {
  background-color: #32cd32;
  border-color: #32cd32;
  color: #FFF;
}
.forward_btn a,.submit_forward_btn a{
  display: inline-block;
max-width:400px;

  text-align: left;
  border: 3px solid #dc143c;
  font-size: 1.3em;
  color: #dc143c;
  text-decoration: none;
  font-weight: bold;
  padding: 0.5em 4em;
  border-radius: 6px;
  transition: .6s;
white-space: nowrap;
}

.forward_btn a:hover,.submit_forward_btn a:hover {
  background-color: #dc143c;
  border-color: #dc143cc;
  color: #FFF;
}
.td-block{
overflow:hidden;
width:100%;
}
.id_order{
float:left;
width:50%;
}
.waribiki{
float:right;
width:50%;
}
.waribiki p{
margin: 4px 6px 2px;
font-size: 80%;color:red;
}
.waribiki table{
border-collapse: collapse;
border: 1px solid #aaa;
/*width:150px;*/
width: 95%;
float:left;
margin:6px;
font-size: 80%;
}
.waribiki table th{
border: 1px solid #aaa;
padding: 4px;
background-color:#98fb98;
color:#666;
}
.waribiki table td{
border: 1px solid #aaa;
padding: 4px;
}
}
.id_quantity{
width: 7em;
font-size: 1em;
color: #666;
font-family: -apple-system,メイリオ,Meiryo,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",sans-serif;
}