.sp{
  display: none;
}


#M_title_img {
  display: none;
}

#img_m1 {
    display: none;	
  }	

#img_pc2 {
    display: inherit;	
  }	

#img_m2  {
    display: none;	
  }	

#img_m3  {
    display: none;	
  }	

#img_pc3 {
    display: inherit;	
  }	
#img_m4  {
    display: none;	
  }	

#img_pc4 {
    display: inherit;	
  }	
#img_m5  {
    display: none;	
  }	

#img_pc5 {
    display: inherit;	
  }	
#img_m6  {
    display: none;	
  }	

#img_pc6 {
    display: inherit;	
  }	
#img_m4-1  {
    display: none;	
  }	

#img_pc4-1{
    display: inherit;	
  }	

.pc{
  display: block;
}

.a_pdf {
    width: 200px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #000000;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    clear: both;
    background-color: #E5E5E5;
}
.a_pdf img {
    padding-right: 10px;

}
/*お電話での問い合わせを表示しない*/
 #fix_menu_smartphone {
	 display: none;
	  }
/*コンテンツ画像
---------------------------------------------------------------------------*/
/*TOP画像*/
#img_m {
    display: none;
  }




#contents-in #sub img {
    margin-bottom: 5px;
}





#footer_link {
    text-align: center;
    font-size: large;
    padding-top: 20px;
    padding-bottom: 20px;
}


#footerwrap{
  width: 75%;
  margin: 0 auto;
}

#footermenu ul li{
  padding: 0;
}

/*お電話での問い合わせを表示しない*/
 #fix_menu_smartphone {
	 display: none;
	  }
/*ここまで*/ 

.a_center_txt_pc {
    font-size: xx-large;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.a_center_txt_mob {
    font-size: large;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 30px;
}


.box1 {
    width: 47%;
    height: auto;
    float: left;
    margin-left: 10px;
    clear: none;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}

/*FOOTERボタン*/
#anchor_btn_pc{
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 9999;
    background: rgba(212,212,212,0.5);
    padding: 5px 0;
    margin: 0;
}
#anchor_btn_pc ul{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#anchor_btn_sp{
	position: fixed;
	bottom: 0;
	z-index: 9999;
	width: 100%;
	padding: 0;
	margin: 0;
}
#anchor_btn_sp ul{
	display: flex;
	width: 100%;
	text-align: center;
}
#anchor_btn_sp i{
	font-size: 2rem;
}

/*よくある質問2
---------------------------------------------------------------------------*/
.accordion {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

/* チェックボックスは非表示 */
.accordion-hidden{
  display: none;
}

/* Question部分 */
.accordion-open {
    display: block;
    padding: 10px 80px 10px 10px;
    background: #91d0cd;
    cursor: pointer;
    margin: 5px 0;
    position: relative;
    border-radius: 0.5em;
}

/* 開閉状態を示すアイコン+の作成 */
.accordion-open::before,
.accordion-open::after {
  content: '';
  width: 20px;
  height: 3px;
  background: #000;
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
}

/* 一本は縦にして+を作る */
.accordion-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}

/* アコーディオンが開いたら縦棒を横棒にして-にする */
.accordion-hidden:checked + .accordion-open:after {
  transform: translateY(-50%) rotate(0);
}

/* Answer部分 */
.accordion-close {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  transition: 0.5s;/* 表示速度の設定 */
}

/* チェックボックスにチェックが入ったらAnswer部分を表示する */
.accordion-hidden:checked + .accordion-open + .accordion-close {
  height: auto;
  opacity: 1;
  padding: 10px;
}

/* Q&A追加 */
.accordion_qa .Q{
  position: relative;
  font-weight: bold; /*太字にする設定*/
}
.accordion_qa .accordion-open{
  padding-left: 2.5em;
}
.accordion_qa .Q::before{
    content: 'Q';
    font-size: x-large;
    display: block;
    position: absolute;
    top: -.6em;
    left: -1.3em;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-weight: bold; /*太字にする設定*/
}
.accordion_qa .A{
  position: relative;
  padding-left: 2em;
}
.accordion_qa .A::before{
    content: 'A';
    font-size: x-large;
    display: block;
    position: absolute;
    top: -.1em;
    left: 0;
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-weight: bold; /*太字にする設定*/
}
/*よくある質問
---------------------------------------------------------------------------*/
/*質問と答えのボックス全体を囲むブロック未使用*/
.faq {
  padding: 0 20px 10px; /*上、左右、下へのボックス内余白*/
}
/*質問*/
.faq dt {
  font-weight: bold; /*太字にする設定*/
  color: #988162; /*文字色*/
}
/*回答*/
.faq dd {
  padding-bottom: 10px; /*下に空けるスペース*/
  line-height: 25px;
}
/*質問と答えのボックス全体を囲むブロック*/
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.cp_qa .cp_actab {
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 5px;
    color: #1b2538;
}
.cp_qa .cp_actab input {
  position: absolute;
  opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
    font-weight: bold;
    line-height: 1.6em;
    position: relative;
    display: block;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 5px;
    padding: 1em 2em 1em 2.5em;
    cursor: pointer;
    text-indent: 1em;
    border-radius: 0.5em;
    background: #91d0cd;
}
.cp_qa .cp_actab label::before {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 1.5em;
    margin-left: -2em;
    padding-right: 0.5em;
    content: 'Q';
}
.cp_qa .cp_actab label:hover {
    transition: all 0.3s;
    color: #008000;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
    font-size: 1.7em;
    font-weight: bold;
    line-height: 2em;
    position: absolute;
    top: 0;
    right: 0;
    content: '+';
    display: inline-block;
    width: 2em;
    height: 2em;
    -webkit-transition: transform 0.4s;
    transition: transform 0.4s;
    padding-left: 0.5em;
    margin-right: 10px;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
  position: relative;
  overflow: hidden;
  max-height: 0;
  padding: 0 0 0 2.5em;
  -webkit-transition: max-height 0.2s;
  transition: max-height 0.2s;
  border-radius: 0 0 0.5em 0.5em;
}
.cp_qa .cp_actab .cp_actab-content::before {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    font-size: 1.5em;
    position: absolute;
    margin: 0.4em 0 0 -1em;
    padding: 0;
    content: 'A';
    color: #FF070B;
  }
.cp_qa .cp_actab .cp_actab-content p {
  margin: 1em 1em 1em 0;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
  max-height: 40em;
  border: 10px solid rgba(27, 37, 56, 0.1);
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
    color: #008000;
    border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.a_line {
    width: 100%;
    border-bottom: 2pt dotted #FF0A0A;
    clear: both;
    margin-top: 5px;
    margin-bottom: 5px;
}
.a_toppage_space {
    margin-top: 30px;
}





@media screen and (min-width:481px) and (max-width:900px){
  
  
  .pc{
    display: none;
  }
  .sp{
    display: block;
  }
  #pc{
    display: none;
  }
  #sp{
    display: block;
  }
  header{
    height: 20px;

  }
  
  header .inner{
    text-align: center;
    position: relative;
  }
 
  .header_wrap{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
  }
  header{
    position: relative;
    top: 0;
    width: 100%;
    z-index: 10;
  }
  header #logo{
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 5px;
    margin-top: 5px;
  }
  header #logo a{
    color: #fff;
    text-decoration: none;
    font-size: 4vw;
  }
 

 
  img{
    width: auto;
    height: auto;
    max-width: 100%;
    float: none;
  }
  /* #new dd{
    font-size: 3.5vw;
  } */
  body.is-fixed-pagetop .nav-fix-pos-pagetop a {
    border: none;
    border-radius: 40px;
    font-size: 31px;
    padding-top: 6px;
    line-height: 1.4;
    right: 3vw;
    bottom:4vw;
  }
 
  footer{
    background-color: #333;
  }
  #footermenu ul{
    width: 100%;
    padding-right: 3vw;
    padding-left: 3vw;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #footermenu ul li {
    padding: 0;
    float: left;
    line-height: 2;
  }
  #footermenu ul li a{
    font-size: 3vw;
    letter-spacing: .1em;
  }
  .accordion-content p::after {
    display: block;
    width: 1.87vw;
    height: 1.87vw;
    box-sizing: border-box;
    position: relative;
    right: -91vw;
    top: -4.5vw;
    border: solid #fff;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
    border-width: 0 1px 1px 0;
    transform: rotate(-45deg);
    content: "";
  }
  body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover{
    background: rgba(0,0,0,0.6);
  }
  .sp_header{
    display: none;
  }}



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

    
#main {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
    
#M_title_img  {
    display: inherit;	
  }	
    
#img_pc2 {
    display: none;	
  }	

#img_m2  {
    display: inherit;	
  }	

#img_m3  {
    display: inherit;	
  }	

#img_pc3 {
    display: none;	
  }	
    
#img_m4  {
    display: inherit;	
  }	

#img_pc4  {
    display: none;	
  }	
#img_pc4-1  {
    display: none;	
  }	
#img_m4-1  {
    display: inherit;	
  }	
#img_m5  {
    display: inherit;	
  }	

#img_pc5 {
    display: none;	
  }	
#img_m6  {
    display: inherit;	
  }	

#img_pc6 {
    display: none;	
  }	
    
    
#footer_link {
    font-size: small;
    height: 10px;
}
    
    /*段落タグ設定*/
  #main p {
    padding-top: 0px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 15px;
  }

  /*コンテンツ画像
---------------------------------------------------------------------------*/
/*TOP画像*/
#img_pc1 {
    display: none;
  }
#img_m1 {
    display: inherit;	
  }	
.txt {
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
    margin-top: 15px;
    margin-bottom: 20px;
}

#PC_title_img {
 display: none;
  }

#anchor_btn_pc {
 display: none;
  }
    
    
    
/*footer
---------------------------------------------------------------------------*/
  /*お電話での問い合わせを表示する*/

  #fix_menu_smartphone {
	  display: inherit;	
	  }
	
 #fix_menu_smartphone {
    position: fixed;
    bottom: 0;
    width: 100%;
    box-sizing: border-box;
    z-index: 9999;
    text-align: center;
    display: flex;
    justify-content: space-between;
    float: left;
}
#fix_menu_smartphone img {
  -webkit-animation: bound 1.5s ease-in infinite;
  -moz-animation: bound 1.5s ease-in infinite;
  animation: bound 1.5s ease-in infinite;
}

footer{
    padding-bottom: 30px;

  }

/*見積りのBOX
---------------------------------------------------------------------------*/
.box1 {
    width: 90%;
    height: auto;
    float: none;
    clear: both;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
}	

.position {
    margin-left: 10px;
}

  
  #menubar-s li a span{
    font-size: 2.5vw;
  }
  .noscroll{
    overflow: hidden;
  }
  header{

  }
  .pc{
    display: none;
  }
  .sp{
    display: block;
  }
  #pc{
    display: none;
  }
  #sp{
    display: block;
  }
  header{
    height: 30px;
  }
  .sp_header a{
    color: #666;
  }
  /* .header_second {
    height: 8vw;
    border-bottom: 1px solid #ccc;
  } */
  .sp_header ul{
    clear: both;
    overflow: hidden;
  }
  .sp_header li{
    float: left;
  }
  header .inner{
    text-align: center;
    position: relative;
  }
  .inner .search{
    position: absolute;
    top: 1vw;
    right: 1vw;
  }
  .inner .search .material-icons{
    color: #fff;
    font-size: 7.3vw;
    padding: 1.8vw 0.5vw;
  }
  .header_wrap{
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
  }
  header{
    position: relative;
    top: 0;
    width: 100%;
    z-index: 10;
  }
  header #logo{
    padding-top: 5px;
    padding-right: 0;
    padding-left: 0;
    box-sizing: border-box;
    margin: 0;
    padding-bottom: 5px;
  }
  header #logo a{
    color: #fff;
    text-decoration: none;
    font-size: 4vw;
  }
  header #logo img{
    float: none;
    width: 70%;
  }

  
  

  body.is-fixed-pagetop .nav-fix-pos-pagetop a {
    border: none;
    border-radius: 26px;
    font-size: 30px;
    padding-top: 9px;
    line-height: 1.4;
    right: 3vw;
    bottom:14vw;
  }
  

  #footermenu ul{
    width: 100%;
    padding-right: 3vw;
    padding-left: 3vw;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #footermenu ul li {
    padding: 0;
    float: left;
    line-height: 2;
  }
  #footermenu ul li a{
    font-size: 3vw;
    letter-spacing: .1em;
  }
  .accordion-content p::after {
    display: block;
    width: 1.87vw;
    height: 1.87vw;
    box-sizing: border-box;
    position: relative;
    right: -91vw;
    top: -4.5vw;
    border: solid #fff;
        border-top-width: medium;
        border-right-width: medium;
        border-bottom-width: medium;
        border-left-width: medium;
    border-width: 0 1px 1px 0;
    transform: rotate(-45deg);
    content: "";
  }
  body.is-fixed-pagetop .nav-fix-pos-pagetop a:hover{
    background: rgba(0,0,0,0.6);
  }
  .sp_header{
    display: none;
  }
#contents #main #contact3 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

}

/* 光らせるためのstyle */
.shine{
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}


/* 光の疑似要素 */
.shine::before{
  content: "";
  animation: shine 3s cubic-bezier(0.25, 0, 0.25, 1) infinite;
  background-color: #fff;
  width: 140%;
  height: 100%;
  transform: skewX(-45deg);
  top: 0;
  left: -160%;
  opacity: 0.5;
  position: absolute;
}
/* 光の動き */
@keyframes shine{
  0% {
    left: -160%;
    opacity: 0;
  }
  70% {
    left: -160%;
    opacity: 0.5;
  }
  71% {
    left: -160%;
    opacity: 1;
  }
  100% {
    left: -20%;
    opacity: 0;
  }
}