@import url('reset.css');


/*--------------------
common
--------------------*/

body {
  font-family: Meiryo, "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif; 
  color:#717070; 
  font-size:14px;  
  line-height:1.8;
}

a {
  text-decoration:none; 
  color:#4d3e35;
}
#content a.link{
  text-decoration: underline;
}
#content a.link_c{
  text-decoration: underline;
  color: #b55233
}
a:hover	{opacity:0.7;}


/*------------------------------
UP
------------------------------*/

#up   {position: fixed; bottom:3%; right:2%;}
#up img {width:50px; height:50px;}


/*--------------------
TEXT
--------------------*/
#adress,
#footer,
#topics,
#mukufootercopy{
  font-size:0.93em;
}

/*------------------------------
WRAP
------------------------------*/
div#wrap {
  position: relative;  
}

/*------------------------------
HEADER
------------------------------*/


#header{
  margin:10px 0 15px 0; 
  position:relative; 
  min-height:210px;
}
#header h1 a  {
  background:url(../images/common/logo.svg) no-repeat top left;
  width:216px;
  height:210px;
  text-indent:-9999px;
  display:block;
}
#header h2{
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  align-items:flex-end;
  justify-content: space-between;
}
#logo_muku {
  background:url(../images/common/logo_muku.svg) no-repeat top left;
  width:260px; 
  height:60px;
  text-indent:-9999px;
}
#header .head-info{
  width: calc(100% - 260px);
  position: relative;
  line-height: ;
}
#header .head-tel{
  text-align: right;
  padding-right: 6.75em;
}

#header .head-tel > span{
  font-size: 1.7em;
  font-weight: bold;
}
#header .head-tel .tel-small {
  line-height: 1.2;
}
#header .head-tel .tel-small > span{
  font-size: 1.275em;
}


#header a.btn_access { 
  background:#de9a42; 
  width: 6em;
  padding: 1em 0;
  display: block;
  text-align: center;
  color: #fff;
  position: absolute;
  right: 0;
  bottom: 0;
  line-height: 1.5;
  font-weight: bold;
  border-radius: .25em;
}
#header a.btn_access div{
  font-size: 1.25em;
}

#header a.btn_access span.maru-p{
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  line-height: 1.5em;
  margin-right: .125em;
  background: #fff;
  font-size: .92em;
  font-weight: bold;
  color: #de9a42;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
}


/*------------------------------
FOOTER
------------------------------*/

#mukufootercopy {
  background:#fff; 
  bottom:0; 
  padding:15px 0 50px 0; 
  text-align:center;
}


/*--------------------
MARGIN
--------------------*/
.mt60     {margin-top:60px;}
.mt54     {margin-top:54px;}
.mt50     {margin-top:50px;}
.mt47     {margin-top:47px;}
.mt40     {margin-top:40px;}
.mt35     {margin-top:35px;}
.mt30     {margin-top:30px;}
.mt20     {margin-top:20px;}
.mt15     {margin-top:15px;}
.mt10     {margin-top:10px;}
.mt08     {margin-top:8px;}
.mt05     {margin-top:5px;}
.mb50     {margin-bottom:50px;}
.mb40     {margin-bottom:40px;}
.mb30     {margin-bottom:30px;}
.mb20     {margin-bottom:20px;}
.mb15     {margin-bottom:15px;}
.mb10     {margin-bottom:10px;}
.mb08     {margin-bottom:8px;}
.mb05     {margin-bottom:5px;}
.ml10     {margin-left:10px;}
.ml15     {margin-left:15px;}
.ml20     {margin-left:20px;}
.ml38     {margin-left:38px;}
.ml35     {margin-left:35px;}
.ml30     {margin-left:30px;}
.ml40     {margin-left:40px;}

.mr20     {margin-right:20px;}
.mr10     {margin-right:10px;}
.mr5      {margin-right:5px;}
.mr30     {margin-right:30px;}
.pt10     {padding-top:10px;}
.pt20     {padding-top:20px;}
.pb10     {padding-bottom:10px;}
.pb20     {padding-bottom:20px;}
.pb30     {padding-bottom:30px;}
.pb50     {padding-bottom:50px;}




/*--------------------
ブレンドツール 非対応
--------------------*/
.shisetsu img,
.innai_btm img,
.gaiyo_pict img,
.section404 img{
  mix-blend-mode: multiply;
}