@charset "utf-8";
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%
}

html {
	-webkit-tap-highlight-color: hsla(0, 0%, 0%, 0)
}

html {
	font-weight: normal;
	font-weight: 400
}
	.pc{
		display: block;
	}
	.sp{
		display: none;
	}
body {
  margin: 0;
  padding: 0;
  background: #ffffff;
  font-size: 1.4rem;
  line-height: 1.8;
  font-weight: normal;
  color: #444;
  word-wrap: break-word;
  overflow-x: visible; }
  body * {
    zoom: 1; }

body img,
body p{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
@media only screen and (min-width: 750px) {

#btn_modoru {
    position:fixed;
	right:30px;
	bottom:140px;
}
  .head {
    background-image: url("../img/hd_bg_pc.jpg");
    background-position: left top;
    background-repeat: repeat-x;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .head .head_inner {
    width: 1000px;
    margin: 0 auto 0 auto;
    padding: 56px 0 44px 0;
    text-align: left;
  }
  .head .head_inner p {
    width: 354px;
    height: 65px;
    margin: 0 0 0 62px;
    padding: 0 0 0 0;
  }
#content {
    background-image: url("../img/common/ctg_head_base.png");
    background-position: center -15px;
    background-repeat: no-repeat;
}	
#content header {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}
#content header #header {
    display: flex;
    justify-content: space-between;
    width: 1000px;
    height: 154px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
}
#content header #header .head-logo {
    height: 430px;
    height: 125px;
    margin: 5px 0 0 278px;
    padding: 0 0 0 0;
}
#content header #header .head-rec {
    width: 244px;
    height: 132px;
    margin: 10px 0 0 0;
    padding: 0 0 0 0;
}
#content header img {
 	width: 100%;
	height: auto;
}

 .wrapper {
    background-image: url("../img/");
    background-position: left top;
    background-repeat: repeat-x;
	 text-align: center;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .wrapper h1{
    width: 100%;
    height: 64px;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: #f2adc9; 
  }
  .wrapper .wrapper_inner {
    width: 1000px;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    text-align: left;
  }
  .wrapper .wrapper_inner .info,
  .wrapper .wrapper_inner .ctg1,
  .wrapper .wrapper_inner .ctg2,
  .wrapper .wrapper_inner .ctg3,
  .wrapper .wrapper_inner .ctg4,
  .wrapper .wrapper_inner .ctg5,
  .wrapper .wrapper_inner .ctg6,
  .wrapper .wrapper_inner .ctg_btn {
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 150px 0;
    text-align: center;
  }
  .wrapper .wrapper_inner .info .tittle {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .wrapper .wrapper_inner p {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .wrapper .wrapper_inner .ctg1  .tittle {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
.footer {

    text-align: center;
    width: 100%;
    height: 413px;
    background-image: url("../img/common/footer_base.png");
    background-repeat: no-repeat;
    background-position: center 50px;
}

.footer .ft-nav {
    width: 1100px;
    margin: 0 auto 0 auto;
    padding: 254px 0 0 0;
}
.footer .logo {
    width: 234px;
    margin: 35px auto 0 auto;
    padding: 0 0 0 0;
}
.footer .copyright {
    text-align: center;
    margin: 65px 0 0 0;
    background-color: #584338;
    padding: 7px 0 5px 0;
}



}
@media only screen and (max-width: 750px)  {
  .pc{
    display: none;
  }
  .sp{
    display: block;
  }
  img {
    max-width: 100%;
    height: auto;
    vertical-align: top;
  }
  .head {
    width: 100%;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .head_inner {
    width: 100%;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
 .wrapper {
    background-image: url("../img/");
    background-position: left top;
    background-repeat: repeat-x;
	 text-align: center;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .wrapper h1{
    width: 100%;
    height: auto;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: #f2adc9; 
  }
  .wrapper .wrapper_inner {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0 0 0 0;
    text-align: left;
  }
  .wrapper .wrapper_inner .info,
  .wrapper .wrapper_inner .ctg1,
  .wrapper .wrapper_inner .ctg2,
  .wrapper .wrapper_inner .ctg3,
  .wrapper .wrapper_inner .ctg4,
  .wrapper .wrapper_inner .ctg5,
  .wrapper .wrapper_inner .ctg6,
  .wrapper .wrapper_inner .ctg_btn {
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 15% 0;
    text-align: center;
  }
/*====
}