@charset "UTF-8";
/* line 7, uragaeshi.scss */
.switch {
  visibility: hidden;
}

/*============================
chapter_1
============================*/
/* line 27, uragaeshi.scss */
#chapter_1 {
  margin-bottom: 7%;
  overflow: hidden;
}
/* line 31, uragaeshi.scss */
#chapter_1 p {
  text-align: center;
  margin-bottom: 5%;
}
/* line 38, uragaeshi.scss */
#chapter_1 div h2 {
  text-align: center;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 60px;
  line-height: .43;
  color: #007837;
}
/* line 154, ../../common/css/_mixin.scss */
#chapter_1 div h2:after {
  content: "\a company";
  font-size: 15px;
  white-space: pre;
  word-spacing: 1em;
}
@media only screen and (max-width: 499px) {
  /* line 193, ../../common/css/_mixin.scss */
  #chapter_1 p {
    display: none;
  }
  /* line 197, ../../common/css/_mixin.scss */
  #chapter_1 h2 {
    margin-top: 10%;
    margin-bottom: 10%;
  }
  /* line 202, ../../common/css/_mixin.scss */
  #chapter_1 h2 + p {
    text-align: center;
  }
}

/*============================
chapter_2
============================*/
/* line 60, uragaeshi.scss */
#chapter_2 {
  margin-bottom: 3%;
  overflow: hidden;
}
/* line 64, uragaeshi.scss */
#chapter_2 p img {
  float: left;
  width: 48.93617%;
  margin-right: 2.12766%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 68, uragaeshi.scss */
#chapter_2 ul {
  float: left;
  width: 48.93617%;
  margin-right: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 73, uragaeshi.scss */
#chapter_2 ul li h3:before {
  content: "h";
  font-family: "fontello";
  font-size: 75%;
  vertical-align: 7%;
  margin-right: 1%;
}
/* line 82, uragaeshi.scss */
#chapter_2 ul li p span {
  margin-left: .3em;
  font-size: 170%;
}
@media only screen and (max-width: 499px) {
  /* line 94, uragaeshi.scss */
  #chapter_2 p img {
    float: left;
    width: 100%;
    margin-right: 2.12766%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /* line 98, uragaeshi.scss */
  #chapter_2 ul {
    float: left;
    width: 100%;
    margin-right: 2.12766%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

/*============================
chapter_3
============================*/
/* line 113, uragaeshi.scss */
#chapter_3 {
  overflow: hidden;
  margin-bottom: 10%;
}
/* line 117, uragaeshi.scss */
#chapter_3 p {
  padding: 1%;
  text-align: center;
  font-size: 120%;
  color: #345473;
  border: 1px solid #345473;
}

/*============================
Old chapter_3
============================*/
/*
#chapter_3 { 
	overflow: hidden;
	margin-bottom: 10%;
	
		h3 {//中見出し
			@include heading_line($main_color);
		}//h3


	ul#progress {//工程 親ボックス
		margin-bottom: 70%;	
	
		li {//各工程
			@include grid(4);
			overflow: hidden;
			margin-bottom: 3%;
			//background: red;
		
				&:nth-of-type(3n) {//3の倍数
					margin-right: 0;
					//background: blue;
				}
		
			ul {
				padding: 0 3% 0 3%;
		
				li {
					&:nth-of-type(1) {//イメージ画像
						width: 100%;
					}
					&:nth-of-type(2) {//文章
						width: 100%;
					}

				}//li
			}//ul
	
		}//li
	

}//ul#progress 


#progress_sub {

	p {//注意書き
		font-size: 80%;
		margin-bottom: 3%;	
	}//p	

	p + p {//コメント
		padding: 1%;
		text-align: center;
		font-size: 120%;
		color: $sub_color;
		border: 1px solid $sub_color;
	}//p
	
}//#progress_sub	
	
	
	
	

	//----------- smartphone -----------	
	@include smartphone {//!! スマホ時 スライダー消去
		@include grid(12);
	}
	//------------------------------------		

}//chapter_3
*/