@charset"utf-8";

BODY{
  margin:0;
  padding:0;
  background-color : #CD853F;
  font-family : メイリオ;
} 

p,h1,h2,h3,h4,h5,h6{
  margin-top:0;
}

img{
  vertical-align:bottom;
}

ul{
  margin:0;
  padding:0;
}

a{
  color:#A0522D;
  text-decoration:none;
}

a:visited{
  color:#788d98;
}

a:hover{
  text-decoration: underline;
}

header{
  width:960px;
  height:100px;
  margin:0 auto;
}

.logo{
  float:left;
  margin-top:30px;
}

.global-nav{
  float:right;
  margin-top:60px;
  font-familly:"bitter",bold;
}


.global-nav li{
  float:left;
  margin:0 20px;
  font-size:20px;
  list-style:none;
}

.global-nav li a{
  color:#ffffff;
}

.global-nav li a:hover{
  border-bottom: 2px solid #ffffff;
  padding-bottom: 3px;
  text-decoration:none;
}

#wrap{
  clear:both;
  background-color:#ffffff;
  margin-top:220px;
  padding:35px 0;
}

.content{
  width: 960px;
  margin: 0 auto;
}

footer{
  text-align:center;
  color:#ffffff;
  padding: 20px 0;
  background-color:#CD853F;
}

footer small{
  font-size: 12px;
}

#index h1{
  font-size:100px;
  line-height:1;
  color:#ffffff;
  font-family:bitter,serif;
  margin-bottom: 50px;
  border:none;
}

#index .content{
  margin-top: 150px;
}

#index p{
  font-size: 18px;
  font-weight: bold;
  color:#ffffff;
}

.btn a{
  background-color:#A0522D;
  color:#ffffff;
  font-size:20px;
  font-family:'bitter', serif;
  width:185px;
  display:block;
  line-height:50px;
  margin-top:20px;
  border-radius:5px;
  border:3px solid #A0522D;
  text-align:center;
  cursor:pointer;
}

.btn a:hover{
  text-decoration:none;
  background-color:#ffffff;
  color:#A0522D;
}

#index footer{
  width:960px;
  margin:150px auto 0 auto;
  text-align:left;
  background-color:transparent;
}
#index{
  background-image : url(image/IMG_0662.JPG);
  background-repeat:no-repeat;
  background-position:center center
  background-attachment:fixed;
  background-size:cover;
}

#about{
  background-image : url(image/IMG_7988.JPG);
  background-repeat:no-repeat;
  background-position:center top
  background-attachment:fixed;
  background-size:100% auto;
}
.main-center{
  width: 940px;
  margin: 0 auto;
}
h1{
 font-family:"bitter", serif;
 font-size:36px
 border-bottom:1px solid #cccccc
}
h2{
 font-family:"MS PGothic";
 font-size:24px;
}

.icon{
 width:540px;
 padding-left: 10px;
 color:#ffffff;
 background-color:#CD853F;
 border:3px solid #CD853F;
}
.icon2:before{
 content: "";
 padding-right: 10px;
 border-left: 7px solid #CD853F;
 }
#about .profile-txt{
 width:540px;
 float:left;
}
#about .profile-txt span{
 font-weight:bold;
}
#about .profile-image{
 float:right;
}
#about .profile-image2{
 float:right;
 margin-top:40px;
}
#about .9tips-txt span{
 font-weight:bold;
}
#about h3{
 font-family:"bitter";
 font-size:18px;
 font-weight:bold;
 margin-top: 0;
 margin-bottom: 0;
}
#about p{
 margin-bottom: 10;
}
.clearfix:after{
 content:"";
 display:block;
 clear:both;
}
section{
 margin-bottom:35px;
}
.clearfix2:after{
 content:"";
 display:block;
 clear:both;
}

table{
 border-spacing:0;
 border-collapse:collapse;
 margin-bottom:20px;
}
#index #wrap{
  background-color:transparent;
  margin-top:0;
  padding:0;
}
#menu{
  background-image : url(image/IMG_7797.JPG);
  background-repeat:no-repeat;
  background-position:center top
  background-attachment:fixed;
  background-size:100% auto;
}
#menu .infomation th{
 width:250px;
 background-color:#fffacd;
 padding: 12px 0;
 border:1px solid #cccccc;
}
#menu .infomation td{
 width:250px;
 padding: 0px 0 0px 80px;
 border:1px solid #cccccc;
}
#menu .profile-txt{
 width:540px;
 float:left;
}
#menu .profile-txt span{
 font-weight:bold;
}
#menu .profile-image{
 float:right;
}
.trans-expenses{
 font-family:"bitter", serif;
 font-size:24px;
 margin: 40px 0px 0px
;
}
#contact{
  background-image : url(image/2018-12-04_18-26-38_888.jpeg);
  background-repeat:no-repeat;
  background-position:center top
  background-attachment:fixed;
  background-size:100% auto;
}
#contact .infomation th{
 width:240px;
 background-color:#fffacd;
 padding: 12px 0;
 border:1px solid #cccccc;
}
#contact .infomation td{
 width:660px;
 padding: 12px 0 12px 40px;
 border:1px solid #cccccc;
}
}#contact .access iframe{
  width:350px;
  float:right;
}
#contact .form{
  background-color:#F0E68C;
  padding:30px 50px;
}
#contact .form dl dt{
  width:165px;
  padding:10px 0;
  float:left;
  color:both;
}
#contact .form dl dd{
  padding: 10px 0;
}
#contact .form .name{
  width:240px;
  height:30px;
}
#contact .form .email{
  width:300px;
  height:30px;
}
#contact .form .tel{
  width:240px;
  height:30px;
}
#contact .form .type{
  width:180px;
  height:30px;
}
#contact .form .message{
  width:660px;
  height:150px;
}
#contact .form button{
  background-color:#A0522D;
  color:#ffffff;
  font-size:20px;
  width:120px;
  display:block;
  text-align:center;
  line-height:50px;
  border-radius:5px;
  border:3px solid #A0522D;
  margin-left:165px;
}
#contact .form button:hover{
  background-color:#ffffff;
  color:#A0522D;
  cursor:pointer;
}
#contact .form .required::after{
  content:"*";
  color:#ff0000;
}
#contact .form .attention{
  margin: 20px 0 0 165px;
}

/* ここからスマートフォン用 */
@media screen and (max-width:600px){
/* 画面サイズが600px以下の場合に適用*/


 body{
  font-size:3.5vw;
 }

 #index{
  background-image : url(image/IMG_0662smpin.JPG);
  background-size : cover;
  max-width:100%;
 }

 #index ,global-nav{
   text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
 }

 #index h1{
   font-size:11vw;
   font-weight: bold;
   color: #ffffff;
   text-shadow: 0 -1px 1px #000, 1px 1px 1px #fff;
   margin-bottom: 5%;
   padding: 0% 5% 0% ;
   max-width: 100%;
 }

#index p{
  font-size: 4vw;
  font-weight: bold;
  color:#ffffff;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
  margin-bottom: 5%;
  padding: 0% 5% 0% ;
  max-width: 100%;
}

#index footer{
  text-align: center;
  font-size: 2vw;
  max-width: 100%;
  color: #ffffff;
  text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
  padding-top: 10%;
  margin-top: 12.5%;
}

 #contact{
  background-image: url(image/IMG_7807);
 }

 h1{
  font-size:7.2vw;
 }

 h2{
  font-size:4vw;
 }

 p{
   max-width:100%;
 }

 header{
   width:auto;
   margin:0.5%;
 }

 .logo{
   float:none;
   margin-top: 60px;
   text-align: center;
 }

 .global-nav{
   float:none;
   margin-top:20px;
   text-align:center;
 }

 .global-nav li{
   display:inline;
   float:none;
   margin: 0 8px;
 }

 #wrap{
   margin-top: 40px;
   padding: 35px 0 0;
   overflow: hidden;
   max-width: 100%;
 }

 .content{
   width: 100%;
 }

 .main{
   float: none;
   width: auto;
   margin: 0 5%;
 }

.icon{
 max-width:100%;
}

 h2 img{
   max-width: 100%;
 }

 .profile-txt{
   max-width:100%;
 }

 section{
   max-width: 100%;
 }


}