@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*RESET-HTML----------*/
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;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
h1, h2, h3, h4, h5, h6 {
font-size: 1em;
font-weight: normal   ;
letter-spacing: 0.2em; }
img  {
text-decoration: none;
margin:           0;
padding:          0;
border-style:     none 
}
input:focus, texarea:focus, select:focus {
background-color: #f8f8ff }
address {
font-size:  11px;
font-style:  normal;
padding-top: 10px }
fieldset, img, hr, abbr, acronym {
border: 0 }
input::-moz-focus-inner { /* Firefoxのボーダーとパディングをリセット */
  border: 0;
  padding: 0;
}


strong {
font-style: normal;
font-weight: bold }
table {
border-collapse: collapse;
}


select {
border: solid 1px #a9a9a9;
border-radius: 2px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
text-indent: 0.01px; /*Firefox用*/
    text-overflow: ""; /*Firefox用*/
}




/*　iOSの装飾をリセット*/
input  {
-webkit-appearance: none;
 }




/*BASIC----------*/
body     {
font-size: 1em;
font-family: Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
-webkit-text-size-adjust:100%;
line-height: 1.5em;
text-align: center;
letter-spacing: 0.2em;
margin:           0;
padding:          0           
}

a:link     {
color:          #4682b4;
text-decoration: none }
a:visited    {
color: #000080 }
a:hover   {
color:          #ff8c00; }
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
a:active  {
color: #c71585 }
.con01 {
max-width: 1000px;
margin-right: auto;
margin-left: auto; }
/*-----*/
.btGreen {
color: #fff;
font-size: 25px;
background-color: #9acd32;
max-width: 200px;
margin-right: auto;
margin-left: auto;
padding: 25px;
border: solid 1px;
display: block;
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.3);
 }
.btGreen:visited {
color: #fff; }
.btGreen:link {color: #fff; }

.btBlack {color:            #fff;
font-size:        25px;
background-color: #000;
display:          block;
margin-right:     auto;
margin-left:      auto;
padding:          15px;
max-width:        200px;
border:           solid 1px;
box-shadow:       0 0 25px 0 rgba(0, 0, 0, 0.3); }

.btBlack:visited {color: #fff; }

.btBlack:link {color: #fff; }
/*HEADER----------*/
.hd {
margin-bottom: 100px;
padding-top: 20px; }
.hd h1 {
color: #a9a9a9; }

/*TOP----------*/
.top {
background-image: url(../img/top.jpg);
background-repeat: no-repeat;
background-position: center bottom;
max-width: 1600px;
margin-right: auto;
margin-bottom: 100px;
margin-left: auto;
padding-bottom: 250px;
background-size: contain; }
.top h2 {
font-size: 2.2em;
line-height: 1.2em;
margin-bottom: 50px; }

/*GREETING----------*/
.greeting {
margin-bottom: 75px; }
.greeting p {
font-size: 1.6em;
line-height: 1.3em;
margin-bottom: 75px; }

/*MENU----------*/
.menu {
font-size: 0.9em;
line-height: 1.2em;
letter-spacing: 0.1em;
width: 100%;
height: 250px;
margin-right: auto;
margin-bottom: 100px;
margin-left: auto;
display: table; }
.menu a:visited {
color: #fff !important; }
.menu a:link {color: #fff !important; }

.menu .mn01 {
background-image: url(../img/bt01.jpg);
background-repeat: no-repeat;
vertical-align: bottom;
width: 25%;
display: table-cell; }
.mn01 p {background-color: rgba(220,20,60,0.7); }

.menu .mn02 {
background-image: url(../img/bt02.jpg);
background-repeat: no-repeat;
display:           table-cell;
width:             25%;
vertical-align:    bottom; }
.mn02 p {background-color: rgba(148,0,211,0.7); }

.menu .mn03 {
background-image:  url(../img/bt03.jpg);
background-repeat: no-repeat;
display:           table-cell;
width:             25%;
vertical-align:    bottom; }
.mn03 p {background-color: rgba(0,128,128,0.7); }

.menu .mn04 {
background-image:  url(../img/bt04.jpg);
background-repeat: no-repeat;
display:           table-cell;
width:             25%;
vertical-align:    bottom; }
.mn04 p {background-color: rgba(225,140,0,0.7); }

.menu p {
vertical-align: middle;
width: 25%;
height: 75px;
display: table-cell; }
/*CONTENTS-----*/
.con02 {
margin-bottom: 125px; }
.con02 h3 {
font-size: 2em;
line-height: 1.2em;
margin-bottom: 50px; }
.con02 p {
color: #8b4513;
font-size:     1.4em;
line-height: 1.4em;
margin-bottom: 25px; }
.con02 ul {
max-width: 600px;
margin-right: auto;
margin-left: auto; }

.con02 li {
text-align: left;
margin-bottom: 10px;
list-style-position: outside; }
/*OTOIAWASE----------*/
.otoiawase {
margin-bottom: 100px;
padding-top: 50px; }
.otoiawase h4 {
color: #fff;
font-size: 1.8em;
background-color: #9acd32;
max-width: 1000px;
margin-bottom: 50px;
padding-top: 20px;
padding-bottom: 20px; }

.otoiawase input {
font-size: 1em;
width: 300px;
max-width: 400px;
margin-top: 10px;
margin-bottom: 15px;
padding-top: 5px;
padding-bottom: 5px;
border: solid 1px #808080; }
.otoiawase textarea {
font-size:     1em;
margin-top:    10px;
margin-bottom: 15px;
max-width:     400px;
padding-top: 5px;
padding-bottom: 5px;
border:        solid 1px #808080; }
/*PROFILE----------*/
.company {
 }
.company h4 {color:            #fff;
font-size:        1.8em;
background-color: #00bfff;
margin-bottom:    0;
padding-top:      20px;
padding-bottom:   20px; }

.company .map {
background-color: #00bfff;
margin-bottom: 50px;
padding-bottom: 25px;


 }

.company dl {
text-align: left;
max-width: 550px;
margin-right: auto;
margin-bottom: 100px;
margin-left: auto; }
.company dt {
width: 30%;
float: left;
padding-bottom: 15px;
display: table-cell; }
.company dd {
width: 70%;
padding-bottom: 15px;
display: table-cell; }
/*FOOTER----------*/
.arrow {
position: fixed;
right: 15px;
bottom: -10px; }
/*PRIVACY----------*/
.conPrivacy {
text-align: left;
margin-right: auto;
margin-left:  auto;
max-width:    800px; }

.conPrivacy h2 {font-size:     2em;
line-height:   1.2em;
margin-bottom: 25px; }

.conPrivacy h3 {
font-size:     1.5em;
line-height:   1.2em;
margin-bottom: 25px;
padding-top: 15px;
border-top-style: dotted;
border-top-width: 1px; }

.conPrivacy p {font-size:     1.2em;
line-height:   1.4em;
margin-bottom: 50px; }

.conPrivacy ul {margin-bottom: 50px; }

/*-----*/




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

}


@media screen and (max-width:800px){
.br800 {
visibility: hidden;
display: none; }

/*TOP----------*/
.top {padding-bottom:      200px;
background-size:     1400px; }

/*MENU----------*/
.menu .mn01 {
background-size: cover;
width:             50%;
overflow: auto;
float: left;
padding-top: 100px; }

.menu .mn02 {
background-size: cover;
width:             50%;
overflow: auto;
float: left;
padding-top: 100px; }

.menu .mn03 {
background-size: cover;
width:             50%;
overflow: auto;
float: left;
padding-top: 100px; }

.menu .mn04 {
background-size: cover;
width:             50%;
overflow: auto;
float: left;
padding-top: 100px; }
.menu p {width:          20%; }
/*OTOIAWASE----------*/
.otoiawaseRes {
padding-right: 5%;
padding-left: 5%; }

}
@media screen and (max-width:640px){
.br640 {
visibility: hidden;
display: none; }

/*CONTENTS-----*/
.con02 {
padding-right: 5%;
padding-left: 5%; }
.con02 li {list-style-position: inside; }

/*OTOIAWASE----------*/
.otoiawase textarea {
width: 100%;
max-width:     100%; }

.otoiawase input {width:         100%;
max-width:     100%; }

/*PROFILE----------*/
.company dl {
padding-right: 3%;
padding-left: 3%; }

.company dt {
font-weight: bold;
display:        block;
padding-bottom: 15px;
width:          100%;
clear: both; }

.company dd {
display:        block;
padding-bottom: 15px;
width:          100%;
margin-bottom: 15px;
border-bottom: 1px dotted #dcdcdc; }
}