@charset "UTF-8";

/*=================================
初めに全てリセット
===================================*/
html, body, h1, h2, h3, h4, ul, ol dl, li, dt, dd, p, div, span, img, a, table, tr, th, td{
  border: 0;
  font-size: 100%;
  font-weight: normal;
  margin: 0;
  padding: 0;
}
article, header, footer, aside, figure, figcaption, nav, section{
  display: block;
}
body{
  line-height: 1;
}
ol, ul{
  list-style: none;
  list-style-type: none;
}
main{
  display: block;
}

/*=============================================
サイト全体共通
===================================================*/

.clearfix:after{
  clear: both;
  content: "";
  display: block;
}

body{
  /*background-color: rgb(246, 243, 226);*/
  font-family: 'Meirio UI', 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', sans-serif;
}

header, main, nav{
  margin: 0 auto;
  width: 1170px;
}

 main .topMainPic img{
   display: block;
   margin-left: auto;
   margin-right: auto;
   max-width: 1170px;
   height: auto;
 }

 /*=======================================================
 ヘッダー
 ==========================================================*/

 header {
   /*background: url(../img/header.png) repeat-x;*/
   max-height:  200px;

   /*width: auto;*/
   /*background-color: rgb(232, 228, 215);*/
   padding: 10px 0 0px 0;
   border-bottom: 1px solid rgb(134, 117, 101);
 }

header .topword{
  /*font-size: 100px;*/
  text-align: center;
}

 header .icon img{
   /*max-width: 50px;
   height: auto;*/
   float: left;
   max-height:  80px;
   width: auto;
 }



 header .address {
   float: right;
   font-size: 25px;
   line-height: 1.0;
   padding: 65px 10px 0 0px;
   font-weight: bold;
   color: rgb(131, 124, 104)
 }

 header a {
   text-decoration: none;

 }


 /*===========================================
 グローバルナビゲーション
 =============================================*/

nav.n-navi {
  padding: 10px 0 10px;
  overflow: hidden;
  /*border-bottom: 1px solid rgb(134, 117, 101);*/
}

nav.n-navi ul li {
  /*display: inline-block;*/
}

nav.n-navi ul li a {
  border-left: 1px solid rgb(138, 138, 138);
  border-top: 1px solid rgb(138, 138, 138);
  border-bottom: 1px solid rgb(138, 138, 138);
  color: rgb(133, 133, 133);
  display: block;
  font-size: 22px;
  padding: 15px 10px 15px;
  text-align: center;
  text-decoration: none;
  float: left;
  width: 200px
}

nav.n-navi ul .firstitem a{
  margin-left: 30px;
}

nav.n-navi ul .lastitem a {
  border-right: 1px solid rgb(138, 138, 138);
}

nav.n-navi ul li a:hover{
  color: rgb(127, 134, 180);
  background: linear-gradient(rgb(255, 255, 255),rgb(217, 240, 250));
}

nav.n-navi ul .current a {
  font-weight: bold;
  text-decoration: underline;
}

/*==============================
メインスペース
=================================*/

main {
  padding: 10px 0 10px;


}

main p {
  line-height: 1.8;
  margin-bottom: 30px;
  font-size: 18px;
}

/*main li {

}*/


main .dualbox {
  padding: 50px 0 90px;
  background: rgb(255, 251, 246);
  /*margin-bottom: 80px;*/
}

main .social .uline{
  color: rgb(73, 61, 57);
  font-size: 23px;
  padding: 15px 15px 0px;
  font-weight: bold;
  border-bottom:  solid 2px rgb(221, 210, 154);
}

main .social .uline .smallthin{
  font-size: 14px;
}

main .social {
  float: left;
  margin-left: 50px;
  margin-right: 30px;
  width: 740px;
}

main .social h1 {
  color: rgb(73, 61, 57);
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 25px;
  padding: 15px 15px 15px;
  border-left: solid 5px rgb(235, 204, 73);
  border-bottom: solid 2px rgb(213, 205, 178);

}

main .social h3 {
  color: rgb(73, 61, 57);
  font-size: 23px;
  padding: 15px 15px 35px;
  font-weight: bold;
  text-indent:-1em;
  padding-left:1em;
}

main .social h3::before{
  content: '■';
  color: rgb(244, 198, 62);
}

main .social p{
  margin-left: 40px;
  /* margin-bottom: 0px; */
  text-indent:-1em;
  padding-left:1em;
}

main .social .pbetween p{
  margin-bottom: 5px;
}
main .social .pbetween{
  margin-bottom: 40px;
}

main .social .asta p::before{
  content: '＊';
}

main .social .social2 p::before{
  content: '●';
  color: rgb(255, 201, 97);
}

main .social ul {
  margin-bottom: 20px;
}
main .social ul li {
  /*list-style-type: circle;*/
  font-size: 18px;
  line-height: 1.8;
  margin-left: 40px;
}

main .social ul li::before {
  content: "＊　"
}

main .info {
  float: right;
  width: 300px;
  margin-right: 20px;
}

main .info h2 {
  color: rgb(73, 61, 57);
  font-size: 21px;
  font-weight: bold;
  margin-bottom: 25px;
  padding: 15px 15px 15px;
  background: rgb(254, 241, 226);
  border-left: solid 5px rgb(251, 171, 77);
  border-bottom: solid 3px rgb(204, 156, 111);
}

main .info ul li {
  border-bottom: 2px dotted rgb(195, 174, 128);
  padding:  5px 0;
  line-height: 2.5;
  /*list-style-type: square;*/
}

/*=================================
フッター
===================================*/

footer {
  padding: 20px 0 50px;
  background: rgb(224, 216, 193);
}

footer .footermate {
  display: block;
  margin: 0 auto;
}

footer .footermate p {
  text-align: center;
}

footer .f-navi {
  overflow: hidden;

}

footer .footermate .f-navi ul li {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
  float: left;
  width: 150px;
  border-left: 1px solid  rgb(73, 61, 57);
}

footer .footermate .f-navi ul .firstitem2 {
  /*左余白調整*/
  margin-left: 200px;
}

footer .footermate .f-navi ul .lastitem2 {
  border-right: 1px solid  rgb(73, 61, 57);
}

footer .footermate .f-navi ul li a {
  display: block;
  color: rgb(73, 61, 57);
  text-decoration: none;
}

footer .footermate .f-navi ul li a:hover{
  color: rgb(210, 127, 40);
}