*{
margin:0;
padding:0;
font-family:"メイリオ","Hiragino Kaku Gothic ProN",sans-serif;
}
a img{
border:none;
}
img{
vertical-align:bottom;
}
li{
list-style-type: none;
}

.responsive{
max-width:100%;
}

#container {
min-width:1020px;
}

#header{
padding-top:10px;
width:100%;
background: -moz-linear-gradient(90deg,rgba(255,255,255,1),rgba(126,199,237,0),rgba(139,128,182,0.3),rgba(233,145,185,0.4),rgba(235,151,118,0.6),rgba(250,241,150,0.8),rgba(133,195,147,1));
background: -webkit-linear-gradient(90deg,rgba(255,255,255,1),rgba(126,199,237,0),rgba(139,128,182,0.3),rgba(233,145,185,0.4),rgba(235,151,118,0.6),rgba(250,241,150,0.8),rgba(133,195,147,1));
background: linear-gradient(90deg,rgba(255,255,255,1),rgba(126,199,237,0),rgba(139,128,182,0.3),rgba(233,145,185,0.4),rgba(235,151,118,0.6),rgba(250,241,150,0.8),rgba(133,195,147,1));
}
#header li:nth-of-type(1){
padding-left: 10px;
width: 138px;
}
#header li:nth-of-type(2){
}
#header:after {
content:"";
display:block;
margin-top:10px;
height:38px;
width:100%;
background: -moz-linear-gradient(90deg,#0097c5,#0056b3,#2e2d8a,#9c2d90);
background: -webkit-linear-gradient(90deg,#0097c5,#0056b3,#2e2d8a,#9c2d90);
background: linear-gradient(90deg,#0097c5,#0056b3,#2e2d8a,#9c2d90);
}

#gradation {
background: url(images/gradation_pc.png) 50% 0% no-repeat;
}

.content {
margin: 0 auto;
padding-top:40px;
width: 96%;
max-width: 1120px;
}

h3 {
border-left: 12px solid #000;
padding-left: 10px;
font-weight: bold;
font-size: 1.6rem;
color: #000;
}

.lead{
margin-top:20px;
}

.kome{
color: #e60000;
}
.paragraph{
margin-top:20px;
}
.midashi{
margin-top:40px;
font-weight:bold;
font-size:18px;
}
.note{
font-weight:normal;
font-size:12px;
color: #666;
}


ul{
display:table;
margin:0 auto;
width:100%;
}
li{
display:table-cell;
vertical-align:top;
}

select,input{
font-size: 16px;
}
input[type="text"]{
border:none;
padding:20px 2%;
width:96%;
background-color:#e5f6fb;
}
.widthNarrow{/*input[type="number"]*/
border:none;
padding:20px 0 20px 1%;
width:auto;
background-color:#e5f6fb;
}
input[type="radio"]{
width:40px;
}
#address label{
display:block;
margin-top:10px;
}
textarea{
border:none;
padding:20px 2%;
width:96%;
font-size: 16px;
background-color:#e5f6fb;
}

.vAlign{
valign:middle;
}

input[type="submit"]{
cursor:pointer;
display: block;
margin: 40px auto 0 auto;
border: none;
border-radius: 0;
width: 200px;
height: 50px;
font-size: 14px;
color: #fff;
background-color: #00a8d4;
}

#footer {
margin-top:40px;
padding:10px 40px;
color: #fff;
background: -moz-linear-gradient(90deg,#0097c5,#0056b3,#2e2d8a,#9c2d90);
background: -webkit-linear-gradient(90deg,#0097c5,#0056b3,#2e2d8a,#9c2d90);
background: linear-gradient(90deg,#0097c5,#0056b3,#2e2d8a,#9c2d90);
}
#footer li:nth-of-type(1){
width:20%;
}
#footer li:nth-of-type(2){
width:60%;
text-align:center;
}
#footer li:nth-of-type(3){
width:20%;
text-align:right;
}

#copyright{
margin-top:20px;
font-size: 10px;
color: #fff;
}


@media (max-width: 640px) {
*{
font-size: 14px;
}

#container {
min-width:auto;
}

#header{
padding-top:0;
background:#fff;
}
#header li:nth-of-type(1){
padding: 2px 14% 4px 2%;
width: 38%;
background: url(images/menuarea_bg.png) 100% 0% no-repeat;
}
#header li:nth-of-type(2){
width: 62%;
background-color:#33b5d7;
}
#header:after {
margin-top:0;
height:30px;
background:#bfbfbf;
}

#gradation {
background: url(images/gradation.png) 50% 0% no-repeat;
}

.content {
padding-top:20px;
}

input[type="text"]{
padding:10px 2%;
}
.widthNarrow{
padding:10px 0 10px 2%;
width: 15%;
}
#job ul{
display:block;
}
#job li{
display:block;
}

#footer {
padding:10px 5%;
}
}