@charset "utf-8";

body {
font-family: 'Noto Sans JP', sans-serif;
font-weight: normal;
font-size: 16px;
color: #333333;
line-height: 1.4;
}
a, a:visited  {
color: #333333;
text-decoration: underline;
}
a:hover { 
color: #14a83a;
text-decoration: none;
}
/* for Smart Phone */
@media print, screen and (max-width:999px) {
.parts_anchor {
	margin-top : -0px;
	padding-top : 0px;
}
h1 {
	margin:0;
	position:relative;
	font-weight:normal;
	font-size:22px;
	background-color:#B14829;
	color:#fff;
	padding:10px 0 10px 30px;
	width:calc( 100% - 30px );
	margin-bottom:20px;

}
h2 {
	font-size:20px;
	margin:  0;
	margin-bottom: 25px;
	padding-bottom:5px;
	position:  relative;
	border-bottom: solid 4px rgba(20, 20, 20, 0.6);
	border-radius: 0px 0px 160px 180px/0px 0px 20px 4px;
}
h3 {
	font-size:18px;
	position: relative;
	display: table-cell;
	padding-left: 35px;
	width:calc( 100% - 35px );
	padding-bottom: 15px;
}
h4 {
	margin-bottom: 15px;
}
h1:before {
    content: '';
    height: 110%;
    width: 3px;
    display:  block;
    position:  absolute;
    left: 14px;
    top: -3px;
    margin:  auto;
    background-color:  #fff;
    transform: rotate(3deg);
}
h1:after {
    content: '';
    height: 116%;
    width: 3px;
    display:  block;
    position:  absolute;
    left: 14px;
    top: -6px;
    margin:  auto;
    background-color:  #fff;
    transform: rotate(-15deg);
}
h3:before {
	position: absolute;
	content: '';
	top: 11px;
	width: 25px;
	left: 0;
	height: 4px;
	border-top: solid 4px #333333;
}
}
/* for Tablet & PC */
@media print, screen and (min-width:1000px) {
.container {
  max-width:1000px;
}
.edit_box {
  max-width:calc( 1000px - 20px);
}
h1 {
	margin:0;
	position:relative;
	font-weight:normal;
	font-size:24px;
	background-color:#B14829;
	color:#fff;
	padding:10px 0 10px 30px;
	width:calc( 100% - 30px );
	margin-bottom:20px;

}
h2 {
	font-size:22px;
	margin:  0;
	margin-bottom: 25px;
	padding-bottom:5px;
	position:  relative;
	border-bottom: solid 4px rgba(20, 20, 20, 0.6);
	border-radius: 0px 0px 160px 180px/0px 0px 20px 4px;
}
h3 {
	font-size:20px;
	position: relative;
	display: table-cell;
	padding-left: 35px;
	width:calc( 100% - 35px );
	padding-bottom: 15px;
}
h4 {
	margin-bottom: 15px;
}
h1:before {
    content: '';
    height: 110%;
    width: 3px;
    display:  block;
    position:  absolute;
    left: 14px;
    top: -3px;
    margin:  auto;
    background-color:  #fff;
    transform: rotate(3deg);
}
h1:after {
    content: '';
    height: 116%;
    width: 3px;
    display:  block;
    position:  absolute;
    left: 14px;
    top: -6px;
    margin:  auto;
    background-color:  #fff;
    transform: rotate(-15deg);
}
h3:before {
	position: absolute;
	content: '';
	top: 12px;
	width: 25px;
	left: 0;
	height: 4px;
	border-top: solid 4px #333333;
}
}
/* for Smart Phone */
@media print, screen and (max-width:999px) {
.container {
  width:92%;
}
.edit_box {
  width:calc( 92% - 20px);
}
.faq {
  width:calc( 92% - 32px) !important;
}
.voice {
  width:calc( 92% - 40px) !important;
}
.item_area {
  width:92% !important;
}
}