@charset "utf-8";
/*---------------------
 2023.06.26 creates KINET
-----------------------*/
/*---------------------
 Base
-----------------------*/
html {font-size:18px;}
html, body { min-height: 100%; }
body {
font-family: "メイリオ", "Meiryo","ヒラギノ丸ゴ ProN","Hiragino Maru Gothic ProN", Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
color: #333333;
line-height: 1.5;
text-align:center;
padding: 0px;
margin: 0 auto;
}
img {
border:0;
}
table {
border-collapse: collapse;
}
.hidden {
visibility: hidden;
}
.clear {
clear: both;
height: 0px;
}
.l {
text-align:left;
}
.r {
text-align: right;
}
.center {
text-align: center;
}


* {
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

/*-------------------
 Wrappers
-------------------*/
#wrapper {
font-size: 18px;
color: #333333;
line-height: 1.5;
text-align:center;
margin: 0 auto;
}
#container {
width: 100%;
background-color:#fff;
text-align:center;
padding:0px ;
margin: 0 auto;
}

/*-------------------
 Contents 
-------------------*/

.conts {
clear: both;
}
.conts img {
width: 100%;
}


.sys-works-logo {
position: relative;
}
.sys-works-logo img.sys {
position: absolute;
left: 0%;
top: 0%;
margin:4px;
width: 10%;
min-width: 70px;
text-decoration: none;
}


.contactus {
width: 100%;
font-family:'游ゴシック',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',serif;text-align:left;
background-color:#c00000;
color:#fff;
font-weight: bold;
padding:30px 60px ;
margin: 30px auto 0px auto;
}
.contactus h2 {
font-size: 35px ;
line-height: 1em;
text-align:center;
margin: auto;
padding:0px ;
}
.contactus h2 span {
font-size: 20px ;
}
.contactus p {
margin: 1.8em 0;
}

.contactus textarea ,
.contactus input {
/*-- 
background-color:#c00000;
color:#fff;
border: 1px solid #fff;
 -- */
padding: .8em ;
}

.contactus textarea:hover ,
.contactus input:hover {
background-color:#fff;
color:#666;
}

.contactus .r_mei ,
.contactus .l_sei {
width: 48%;
}
.contactus .l_sei {
float: left;
}
.contactus .r_mei {
float: right;
}
textarea.text_field ,
input.text_field {
width: 100%;
}


input.t_btn {
border:1px soild #FFF;
background: #FFF;
color:#c00000;
font-size: 1.222em ;
line-height: 1.0;
text-align: center;
padding: 0.7em 5em;
margin: 20px auto;  
}

input.t_btn:hover {
color:#CC6666;
position: relative;
top: 1px;
left: 1px;
}


/*-------------------- 
  個人情報保護方針
-------------------- */

.agreeconf {
border: 5px solid #e0e0e0;
border-radius: 1.0em;
-webkit-border-radius: 1.0em;
-moz-border-radius: 1.0em;
text-align: left;
width: 90%;
font-size: 0.875em;
padding: 1em 1.8em;
margin: 1.25em auto;
}
.agreeconf a {
color: #fff;
}

.agreeconf_inr {
overflow-y: scroll;
height: 20em;
}
.agreeconf_inr h2.l-center {
font-size: 1.5em;
text-align: center;
margin: 1em auto;
}
.agreeconf_inr h3 {
font-size: 1.25em;
margin: 2em 0 0.8em 0;
}
.agreenote {
margin: 0 0 2.2em 2.2em;
}
.agreenote_text {
margin: 0 0 0 1.2em;
}
.agreenote_fe {
margin: 0 0 0 10.25em;
}
.r_sign {
float: right;
text-align: right;
margin: 2em 0;
}
.clear {
clear: both;
}

.agreeconf_inr .r_sign p {
margin: 1.5em 0;
}
.contactus a.c_link {
color: #fff;
font-size:  14px ;
font-weight: bold;
margin: 0 0 0 1.5em;
}



/*------------------
 thank 
 ----------------- */
.thank {
width: 100%;
font-size: 1.333em ;
text-align: center;
padding: 0px;
margin:5em auto;
}
.thank a {
color: #333;
}














@media only screen and (max-width: 767px) {

/*-------------------
 Wrappers
-------------------*/
#container {
width: 100%;
padding:0px;
}

/*-------------------
 Contents 
-------------------*/

.contactus {
padding:30px 8px;
margin: 30px auto 0px auto;
}


.agreeconf  {
margin: 1.25em auto;
width: 100%;
font-size: 0.75em;
padding: 1em 0.5em;
}
.agreenote_fe {
margin: 0 0 0 1.25em;
}




/* スマートフォン 
------------------------------------------------------------*/

@media only screen and (min-width: 766px) {

#container {

}




}
/*  PC非表示 スマートフォンのみ 
------------------------------------------------------------*/