@charset "utf-8";

/* ****************************************************
Title: profile.css
---------------------------------------------------------------------------- */
#second .va {
	background-image: url(../img/contact/va.jpg);
}

/* sec 
=============*/
section {
	  border-bottom: solid 20px #00a0c6;
}
.sec01 {
	padding: 100px 0;
}

.sec01 form dl {
    width: 900px;
    padding:0 0 10px;
    margin: 0 auto 30px;
}

.sec01 form dl.last{
    margin: 0 auto 30px;
}

.sec01 form dl.flex dt {
    font-weight:bold;
    width:30%;
    padding-top:0.3em;
}

.sec01 form dt em {
    padding-left: 0.5em;
}

.sec01 form dl.flex dd {
    width:70%;
}

.sec01 form em {
    color:#C00;
}

.sec01 form dd input {
    width: 430px;
    height:35px;
    font-size:1.2em;
    color:#333;
    padding-left: 0.5em;
}

.sec01 form dd input[type=radio]  {
    width: 15px;
    height:15px;;
    color:#333;
    padding-left: 0.5em;
    margin-right: 0.5em;
}

:placeholder-shown {
    color: #ccc; }

::-webkit-input-placeholder {
    color: #ccc; }

:-moz-placeholder {
    color: #ccc; opacity: 1; }

::-moz-placeholder {
    color: #ccc; opacity: 1; }

:-ms-input-placeholder {
    color: #ccc; }


input[type=checkbox] {
  display: none;
}
.check_css {
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  padding: 0 0 0 1.6em;
  vertical-align: middle;
  cursor: pointer;
}

.check_css:nth-child(1),
.check_css:nth-child(2) {
    margin-bottom: 0.5em;
}

.mr2 {
    margin-right:2em;
}

#text { width:480px;
padding: 0.5em;
background: #efefef;
font-size:80%;}

.check_css:hover:after {
  border-color: #0171bd;
}
.check_css:after {
  -webkit-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #ccc;
  border-radius: 6px;
  content: '';
}
.check_css:before {
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 6px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #0171bd;
  border-bottom: 3px solid #0171bd;
  content: '';
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
input[type=checkbox]:checked + .check_css:before {
  opacity: 1;
}
.sec01 textarea {
    width: 78%;
    height: 200px;
}
.desc {
    color:#0080C7;
}

.sec01 span.ERR {
    font-weight: bold;
    color:#F00;
}

.sec01 input.confirm {
background: -moz-linear-gradient(left, #0dccff 0%, #4760ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0dccff 0%,#4760ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0dccff 0%,#4760ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dccff', endColorstr='#4760ff',GradientType=0 ); /* IE6-9 */
  border-radius:40px;
    border: none;
    cursor: pointer;
    display: block;
    height: 70px;
    text-align:center;
    font-size:125%;
    color:#fff;
    width: 400px;
    margin: 0 auto 20px;
}

.sec01 input.confirm:hover {
    filter: alpha( opacity=70 );
    opacity:0.7;

}

.sec01 input.reset {
    background-color: #CCCCCC;
    border: none;
    cursor: pointer;
    display: block;
    height: 30px;
    text-align:center;
    font-size:110%;
    color:#fff;
    width: 170px;
    margin: 0 auto;
}

.sec01 input.confirm:hover {
    filter: alpha( opacity=70 );
    opacity:0.7;

}

.submit {width:1000px; margin:0 auto;}

.btn_wrap {
    padding-left:70px;
}

.sec01 input#submit {
background: -moz-linear-gradient(left, #0dccff 0%, #4760ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #0dccff 0%,#4760ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #0dccff 0%,#4760ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dccff', endColorstr='#4760ff',GradientType=0 ); /* IE6-9 */
  border-radius:40px;
    border: none;
    cursor: pointer;
    display: block;
    height: 70px;
    text-align:center;
    font-size:125%;
    color:#fff;
    width: 400px;
    margin: 0 auto;
}

.sec01 input#submit:hover {
    filter: alpha( opacity=70 );
    opacity:0.7;
}
.sec01 input#back{
    background-color: #CCCCCC;
    border: none;
    cursor: pointer;
    display: block;
    height: 40px;
    text-align:center;
    color:#fff;
    width: 200px;
    margin: 0 auto 20px;
    border-radius: 40px;
font-size: 95%;
}

.sec01 input#back:hover {
    filter: alpha( opacity=70 );
    opacity:0.7;

}


.sec01 .privacy {
    background-color: #f5f5f5;
    height: 200px;
    overflow-y: scroll;
    padding: 30px 40px;
    margin-bottom: 40px;
    box-sizing: border-box;
}

.sec01 .privacy dl {
    width: 100%
}
.sec01 .privacy dl dt {

    font-weight: bold;
    margin: 0 0 8px 0;
}

.sec01 .privacy dl dd {
    margin: 0 0 30px 0;
    font-size: 90%;
}



@media screen and (max-width: 639px) {
header #gnav #logo .com_des{
    display: none;
}

.mean-container header #gnav #logo a {
    display: none;
}
.is-animation.mean-container header #gnav #logo a {
    display: block;
}

.sec01 {
    padding: 100px 20px;
}

.sec01 form {padding:0 1em;}
.sec01 form dl,
.sec01 form dt,
.sec01 form dd,
.sec01 form dd input {width:100%;}
.sec01 form dd input {padding-left:0;}

.sec01 form dl dt,
.sec01 form dl dd{
  width: 100%;
}

.sec01 textarea {width: 100%;}

.btn_wrap {padding-left: 0;width: 100%;}

.btn_wrap input.reset {float:none; width:100%; height:40px; margin-right:0;}
.btn_wrap input.confirm{float:none; width:100%; margin-bottom:0.5em;}

.sec01 input#submit{float:none; width:100%; margin-bottom:0.5em;}
.sec01 input#back {float:none; width:100%; height:40px;}
.sec01 .privacy{padding: 30px 20px;}
.submit {width:100%;}

input[type="submit"],
input[type="reset"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="reset"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}



	}