/*==========================================
 *  一般・共通設定
 ==========================================*/


.title{

}

.title p{
margin-bottom:30px;
}

.title hr{
margin-bottom:30px;
}

h1{ font-size:30px; }
/*h2{ font-size:20px; }h3{ font-size:16px; }
h4{ font-size:14px; }
h5{ font-size:12px; }
h6{ font-size:10px; }*/

h2 {
	margin-bottom:0.5em;
	padding:10px 0;
	font-size:18px;
	color:#333;
	border-top:3px solid #228B22;
	border-bottom:1px dotted #228B22;
}


h3 {
	margin-bottom:0.25em;
	padding:2px 5px;
	color:#fff;
	font-size:16px;
	background:#228B22;
}

h3:hover {
	color:#fff;
	 background:#006400;
}


h4 {
	margin-bottom:0.25em;
	font-size:15px;
	color:#228B22;
	border-bottom:1px dotted #228B22;
}



h5 {
	position:relative;
	margin-bottom:0.25em;
	padding-left:10px;
	color:#228B22;
	font-size:14px;
	font-weight:bold;
}
h5:before {
	content:"";
	margin-top:-7px;
	position:absolute;
	top:50%;
	left:0;
	width:5px;
	height:14px;
	background:#228B22;
}


h6 {
	margin-bottom:0.25em;
	color:#382400;
	font-size:14px;
	font-weight:bold;
}



h1.heading1 {
margin-left:35px;
position: relative;
background: #fff;
padding: 2px 5px 2px 20px;
font-size: 24px;
color: #474747;
border-radius: 0 10px 10px 0;
}

h1.heading1:before {
font-family: "Font Awesome 5 Free";
content: "\f041";
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: #ff6363;
font-weight: normal;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}

h1.heading2 {
margin-left:35px;
position: relative;
background: #fff;
padding: 2px 5px 2px 20px;
font-size: 20px;
color: #474747;
border-radius: 0 10px 10px 0;
}

h1.heading2:before {
font-family: "";
content: "";
display: inline-block;
line-height: 30px;
position: absolute;
padding: 0em;
color: white;
background: #ff6363;
font-weight: normal;
width: 30px;
text-align: center;
height: 30px;
line-height: 30px;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}

h1.heading2:after {
font-family: "";
content: "";
display: inline-block;
line-height: 10px;
position: absolute;
padding: 0em;
color: white;
background: #ff9977;
font-weight: normal;
width: 15px;
text-align: center;
height: 15px;
line-height: 10px;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.29);
}


h1.heading3 {margin-left:30px;
position: relative;
background: #ffd98a;
padding: 2px 5px 2px 25px;
font-size: 20px;
color: #474747;
border-radius: 0 10px 10px 0;
}

h1.heading3:before {
font-family: "Font Awesome 5 Free";
content: "\f135";
display: inline-block;
line-height: 40px;
position: absolute;
padding: 0em;
color: white;
background: #ffa337;
font-weight: normal;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: solid 3px white; 
border-radius: 50%;
}

h1.heading4 {
position: relative;
background: #f1f8ff;
padding: 0.25em 0.5em;
border-left: solid 2em #5c9ee7;
}

h1.heading4:before {
font-family: "Font Awesome 5 Free";
content: "\f303";
position: absolute;
padding: 0em;
color: white;
font-weight: normal;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}

h1.heading5{
position: relative;
border-top: solid 2px #80c8d1;
border-bottom: solid 2px #80c8d1;
background: #f4f4f4;
line-height: 1.4;
padding: 0.4em 0.5em;
margin: 2em 0 0.5em;
}

h1.heading5:after {/*タブ*/
position: absolute;
font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
content: '\f0a7\ ここがPOINT';
background: #80c8d1;
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 5px 7px 3px;
font-size: 0.7em;
line-height: 1;
letter-spacing: 0.05em;
  }
  
h1.heading6 {
position: relative;
color: #158b2b;
font-size: 20px;
padding: 10px 0;
text-align: center;
margin: 1.5em 0;
}
h1.heading6:before {
content: "";
position: absolute;
top: -8px;
left: 50%;
width: 150px;
height: 58px;
border-radius: 50%;
border: 5px solid #a6ddb0;
border-left-color: transparent;
border-right-color: transparent;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}


h1.heading7{
position: relative;
color: black;
background: #d0ecff;
line-height: 1.4;
padding: 0.25em 0.5em;
margin: 2em 0 0.5em;
border-radius: 0 5px 5px 5px;
}

h1.heading7:after {/*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '\f00c おすすめのポイント';
  background: #2196F3;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 3px 7px 1px;
  font-size: 0.7em;
  line-height: 1;
  letter-spacing: 0.05em
  }