/*-----------------------------------------
 COMMON
-----------------------------------------*/
#heatmeasures h1 { margin: 0; background: none;}
#heatmeasures h2 { background: none;}
#heatmeasures h3 { background: none;}

/*-----------------------------------------
 PC
-----------------------------------------*/
@media only screen and (min-width: 768px) {
	#heatmeasures {
		font-size: 20px;
		color: #443829;
		line-height: 1.8;
	}
	#heatmeasures .sp_ {
		display: none;
	}
	#heatmeasures .inner_ {
		background: url(../img/bg.jpg);
		padding: 35px 40px 50px;
		margin: 0 0 100px;
	}
	#heatmeasures .intro_ {
	  margin: 0 0 80px;
	}
	#heatmeasures .intro_ p {
		text-align: center;
		margin: 0 0 40px;
	}
	#heatmeasures .btn_ {
		display: block;
		width: 480px;
		margin: 0 auto;
	}
	#heatmeasures .damage_ {
		text-align: center;
		margin: 0 0 80px;
	}
	#heatmeasures .damage_ .ttl_ {
		overflow: hidden;
		margin: 0 0 15px;
	}
	#heatmeasures .damage_ .ttl_ .ttl_inner_ {
		display: flex;
		justify-content: center;
		align-items: flex-end;
	}
	#heatmeasures .damage_ .ttl_ .ttl_inner_ img {
		margin: 0 10px 0 0;
	}
	#heatmeasures .damage_ .ttl_ .ttl_inner_ p {
		font-size: 30px;
		font-weight: bold;
	}
	#heatmeasures .damage_ .ttl_ h2 {
		font-size: 40px;
		line-height: 50px;
		font-weight: bold;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	#heatmeasures .line_ {
		position: relative;
		z-index: 1;
	}
	#heatmeasures .line_:after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 3px;
		width: 100%;
		height: 38%;
		background: #f9bb0c;
		z-index: -1;
	}
	#heatmeasures .ex_ {
		text-align: center;
		margin: 0 0 60px;
	}
	#heatmeasures .ex_ h2 {
		font-size: 30px;
		font-weight: bold;
		margin: 0 0 30px;
	}
	#heatmeasures .ex_ h2 span {
		font-size: 40px;
	}
	#heatmeasures .ex_ ul {
		display: flex;
		justify-content: space-between;
		width: 760px;
		margin: 0 auto;
	}
	#heatmeasures .ex_ ul li {
		width: 360px;
	}
	#heatmeasures .ex_ ul li img {
		margin: 0 0 10px;
	}
	#heatmeasures .ex_ ul li p {
		font-size: 18px;
		font-weight: bold;
	}
	#heatmeasures .ex_ ul li p span {
		font-size: 22px;
	}
	#heatmeasures .taisaku_ {
		margin: 0 0 70px;
	}
	#heatmeasures .taisaku_ h2 {
		text-align: center;
		margin: 0 0 40px;
	}
	#heatmeasures .taisaku_ ul {
		display: flex;
		justify-content: space-between;
		width: 820px;
		margin: 0 auto;
	}
	#heatmeasures .taisaku_ ul li {
		position: relative;
		width: 264px;
		background: #d47c2c;
		border-radius: 10px;
		box-sizing: border-box;
		padding: 50px 30px 15px;
		color: #fff;
	}
	#heatmeasures .taisaku_ ul li .num_ {
		position: absolute;
		top: -25px;
		right: 0;
		left: 0;
		margin: auto;
		border: 2px solid #d47c2c;
		background: #fff;
		border-radius: 50%;
		width: 66px;
		text-align: center;
		color: #d47c2c;
		font-size: 30px;
		font-weight: bold;
		box-sizing: border-box;
		padding: 17px 0 15px;
		line-height: 1.0;
	}
	#heatmeasures .taisaku_ ul li .headline_ {
		text-align: center;
		border-bottom: 3px dotted #fff;
		font-size: 26px;
		font-weight: bold;
		letter-spacing: 1px;
		padding: 0 0 10px;
		margin: 0 0 10px;
	}
	#heatmeasures .taisaku_ ul li p {
		position: relative;
		padding: 0 0 0 20px;
	}
	#heatmeasures .taisaku_ ul li p:before {
		content: '●';
		position: absolute;
		top: 0;
		left: 0;
	}
	#heatmeasures .taisaku_wrap_ {
		margin: 0 0 75px;
		text-align: center;
	}
	#heatmeasures .taisaku_wrap_ > div {
		background: #fff;
		border-radius: 10px;
		padding: 40px 20px 55px;
		margin: 0 0 30px;
	}
	#heatmeasures .taisaku_wrap_ > div:last-child {
		margin: 0;
	}
	#heatmeasures .taisaku_wrap_ h2 {
		color: #fff;
		font-size: 36px;
		font-weight: bold;
		letter-spacing: 1px;
		line-height: 1.1;
		width: 770px;
		margin: 0 auto 35px;
		background: url(../img/bg_taisaku.png) no-repeat;
		background-size: 100% auto;
	}
	#heatmeasures .taisaku_wrap_ .check_ p {
		display: inline-block;
		font-size: 38px;
		line-height: 57px;
		font-weight: bold;
		padding: 0 0 0 80px;
		background: url(../img/img_check.png) no-repeat left center;
	}
	#heatmeasures .before_ .check_ {
		margin: 0 0 20px;
	}
	#heatmeasures .before_ > p {
		text-align: left;
		width: 740px;
		margin: 40px auto 20px;
	}
	#heatmeasures .before_ p + img {
		margin-left: -27px;
		margin-bottom: 40px;
	}
	#heatmeasures .point_ .wrapper_ {
		display: flex;
		width: 750px;
		margin: 0 auto 25px;
	}
	#heatmeasures .point_ .wrapper_ .check_ p {
		font-size: 25px;
		line-height: 45px;
	}
	#heatmeasures .point_ .wrapper_ .check_ p:first-child {
		margin-right: 45px;
	}
	#heatmeasures .point_ > p {
		width: 750px;
		margin: 0 auto 18px;
		text-align: left;
	}
	#heatmeasures .point_ img {
		margin-left: 15px;
		margin-right: 15px;
		width: 750px;
	}
	#heatmeasures .point_ p + img {
		margin-left: -10px;
		margin-bottom: 20px;
		width: 774px;
	}
	#heatmeasures .point_ .btn_ {
		margin-top: 40px;
	}
	#heatmeasures .after_ > p {
		width: 800px;
		margin: 10px auto 15px;
		text-align: left;
	}
	#heatmeasures .after_ p + img {
		margin-left: -27px;
		margin-bottom: 40px;
	}
	#heatmeasures .voice_ {
		text-align: center;
	}
	#heatmeasures .voice_ h2 {
		margin: 0 0 65px;
	}
	#heatmeasures .voice_ ul {
		display: flex;
		justify-content: space-between;
		margin: 0 0 15px;
	}
	#heatmeasures .voice_ ul li {
		position: relative;
		width: 400px;
		box-sizing: border-box;
		border: 10px solid #fff;
		padding: 100px 25px 20px;
	}
	#heatmeasures .voice_ ul li .head_ {
		position: absolute;
		top: -35px;
		right: 0;
		left: 0;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: auto;
		background: #fff;
		width: 340px;
		height: 105px;
		border-radius: 60px;
		color: #d47c2c;
		font-size: 26px;
		line-height: 37px;
		font-weight: bold;
	}
	#heatmeasures .voice_ ul li .head_:after {
		content: '';
		position: absolute;
		bottom: -14px;
		border-style: solid;
		border-width: 14px 7px 0 7px;
		border-color: #fff transparent transparent transparent;
	}
	#heatmeasures .voice_ ul li img {
		margin: 0 0 15px;
	}
	#heatmeasures .voice_ ul li:nth-child(2) img {
		margin: 0 0 55px;
	}
	#heatmeasures .voice_ ul li .item_ {
		font-size: 16px;
		line-height: 26px;
		margin: 0 0 20px;
	}
	#heatmeasures .voice_ ul li:nth-child(2) .item_ {
		margin: 0 0 30px;
	}
	#heatmeasures .voice_ ul li .item_ span {
		font-weight: bold;
	}
	#heatmeasures .voice_ ul li .item_ + p {
		text-align: left;
	}
	#heatmeasures .voice_ .caution_ {
		font-size: 12px;
	}
	#heatmeasures #list_top {
		text-align: center;
		margin-top: -20px;
		padding-top: 20px;
	}
	.bnr-sec {
		margin: 60px 0 0;
	}
	.bnr-sec h2 {
		text-align: center;
		color: #411a0c;
		font-size: 34px;
		font-weight: bold;
		margin: 0 0 45px;
	}
	.bnr-sec a {
		display: block;
		margin: 0 0 40px;
	}
	.bnr-sec a:last-child {
		margin: 0;
	}
}

/*-----------------------------------------
 SP
-----------------------------------------*/
@media only screen and (max-width: 767px) {
	#heatmeasures {
		font-size: 18px;
		line-height: 1.8;
		color: #443829;
	}
	.section-title {
	    font-size: 16px;
	}	
	.container h1 + p {
		text-align: left;
	}	
	img {
		max-width: 100%;
	}
	.heatmeasures_wrap {
		padding-left: 10px;
		padding-right: 10px;
	}
	#heatmeasures .pc_ {
		display: none;
	}
	#heatmeasures .btn_ {
		width: 280px;
		margin-right: auto;
		margin-left: auto;
	}
	#heatmeasures h2 {
		margin: 0;
		background: none;
	}
	#heatmeasures h1 {
		margin: 0 -10px;
		padding: 0;
	}
	#heatmeasures .inner_ {
		background: url(../img/bg.jpg) repeat left top / 64px;
		margin: 0 -10px 40px;
		padding: 15px 10px 20px;
	}
	#heatmeasures .intro_ {
		margin: 0 0 50px;
	}
	#heatmeasures .intro_ p {
		margin: 0 0 15px;
	}
	#heatmeasures .intro_ a {
		display: block;
		text-align: center;
	}
	#heatmeasures .damage_ {
		margin: 0 0 30px;
	}
	#heatmeasures .damage_ .ttl_ .ttl_inner_ {
		padding-bottom: 10px;
		text-align: center;
	}
	#heatmeasures h2 {
		line-height: 1.3;
	}
	#heatmeasures .damage_ .ttl_ img {
		width: 181px;
		margin: 0 0 12px;
	}
	#heatmeasures .damage_ .ttl_ p {
		font-size: 19px;
		font-weight: bold;
	}
	#heatmeasures .damage_ h2 {
		text-align: center;
		margin: 0 0 12px;
		background: none;
	}
	#heatmeasures .line_ {
		display: inline-block;
		position: relative;
		z-index: 1;
		font-size: 25px;
		font-weight: bold;
	}
	#heatmeasures .line_:after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 1px;
		width: 100%;
		height: 40%;
		background: #f9bb0c;
		z-index: -1;
	}
	#heatmeasures .ex_ {
		margin: 0 0 50px;
	}
	#heatmeasures .ex_ h2 {
    padding: 0;
		font-size: 17px;
		font-weight: bold;
		text-align: center;
		margin: 0 0 18px;
    background-color: transparent;
	}
	#heatmeasures .ex_ h2 span {
		margin: 0 0 0 3px;
	}
	#heatmeasures .ex_ ul {
		display: flex;
		justify-content: space-between;
	}
	#heatmeasures .ex_ ul li {
		width: 48%;
		text-align: center;
	}
	#heatmeasures .ex_ ul li img {
		margin: 0 0 5px;
		height: auto;
	}
	#heatmeasures .ex_ ul li p {
		font-weight: bold;
		line-height: 1.3;
	}
	#heatmeasures .ex_ ul li:nth-child(2) p {
		padding-top: 7px;
	}
	#heatmeasures .ex_ ul li p span {
		font-size: 17px;
	}
	#heatmeasures .ex_ ul li p span.line_:after {
		height: 35%;
		bottom: 3px;
	}
	#heatmeasures .taisaku_ {
		margin: 0 0 40px;
	}
	#heatmeasures .taisaku_ h2 {
		margin: 0 0 30px;
    background-color: transparent;
	}
	#heatmeasures .taisaku_ ul li {
		position: relative;
		background: #d47c2c;
		border-radius: 10px;
		box-sizing: border-box;
		padding: 22px 20px 15px;
		color: #fff;
		margin: 0 0 25px;
	}
	#heatmeasures .taisaku_ ul li:last-child {
		margin: 0;
	}
	#heatmeasures .taisaku_ ul li .num_ {
		position: absolute;
		top: -19px;
		right: 0;
		left: 0;
		margin: auto;
		border: 2px solid #d47c2c;
		background: #fff;
		border-radius: 50%;
		width: 40px;
		height: 40px;
		text-align: center;
		color: #d47c2c;
		font-size: 20px;
		font-weight: bold;
		box-sizing: border-box;
		padding: 0;
		line-height: 36px;
	}
	#heatmeasures .taisaku_ ul li .headline_ {
		text-align: center;
		border-bottom: 3px dotted #fff;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 1px;
		padding: 0 0 2px;
		margin: 0 0 10px;
	}
	#heatmeasures .taisaku_ ul li p {
		position: relative;
		padding: 0 0 0 20px;
	}
	#heatmeasures .taisaku_ ul li p:before {
		content: '●';
		position: absolute;
		top: 0;
		left: 0;
	}
	#heatmeasures .taisaku_wrap_ {
		margin: 0 0 30px;
	}
	#heatmeasures .taisaku_wrap_ > div {
		background: #fff;
		border-radius: 10px;
		margin: 0 0 20px;
		padding: 20px 20px 30px;
		text-align: center;
	}
	#heatmeasures .taisaku_wrap_ > div:last-child {
		margin: 0;
	}
	#heatmeasures .taisaku_wrap_ > div .btn_ {
		display: block;
		margin-top: 25px;
	}
	#heatmeasures .taisaku_wrap_ h2 {
		color: #fff;
		font-size: 20px;
		font-weight: bold;
		letter-spacing: 1px;
		padding: 8px 0 5px;
		margin: 0 0 15px;
		background: url(../img/bg_taisaku.png) no-repeat center / cover;
		border-radius: 10px;
	}
	#heatmeasures .taisaku_wrap_ .check_ p {
		display: inline-block;
		padding: 0 0 0 38px;
		background: url(../img/img_check.png) no-repeat left center / 31px;
		font-size: 18px;
		font-weight: bold;
	}
	#heatmeasures .taisaku_wrap_ > div img {
		width: 100%;
	}
	#heatmeasures .before_ .check_ {
		margin: 0 0 10px;
	}
	#heatmeasures .before_ > p {
		text-align: left;
		margin: 20px 0;
	}
	#heatmeasures .point_ .wrapper_ {
		margin: 0 0 12px;
	}
	#heatmeasures .point_ .check_:first-child {
		margin: 0 0 8px;
	}
	#heatmeasures .point_ .check_ p {
		width: 240px;
	}
	#heatmeasures .point_ > p {
		text-align: left;
		margin: 0 0 15px;
	}
	#heatmeasures .point_ > img.sp_:nth-of-type(2) {
		margin-bottom: 15px;
	}
	#heatmeasures .after_ > p {
		text-align: left;
		margin: 10px 0 15px;
	}
	#heatmeasures .voice_ h2 {
		text-align: center;
		margin: 0 0 30px;
    background-color: transparent;
	}
	#heatmeasures .voice_ h2 img {
		width: 50%;
	}
	#heatmeasures .voice_ ul {
		margin: 0 0 15px;
	}
	#heatmeasures .voice_ li {
		position: relative;
		border: 5px solid #fff;
		margin: 0 0 30px;
		padding: 50px 10px 15px;
		text-align: center;
	}
	#heatmeasures .voice_ li:last-child {
		margin: 0;
	}
	#heatmeasures .voice_ li .head_ {
		position: absolute;
		top: -20px;
		right: 0;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: auto;
		background: #fff;
		border-radius: 30px;
		color: #d47c2c;
		font-size: 16px;
		line-height: 22px;
		text-align: center;
		font-weight: bold;
		width: 80%;
		height: 50px;
	}
	#heatmeasures .voice_ li img {
		margin: 0 0 18px;
	}
	#heatmeasures .voice_ li .item_ {
		margin: 0 0 10px;
	}
	#heatmeasures .voice_ li .item_ span {
		font-weight: bold;
	}
	#heatmeasures .voice_ li .item_ + p {
		font-size: 16px;
		text-align: left;
	}
	#heatmeasures .voice_ .caution_ {
		font-size: 12px;
	}
	#heatmeasures #list_top {
		margin-top: -10px;
		padding-top: 10px;
	}
	.bnr-sec {
		margin: 20px 0 0;
	}
	.bnr-sec h2 {
		text-align: center;
		color: #411a0c;
		font-size: 22px;
		font-weight: bold;
		margin: 0 0 8px;
	}
	.bnr-sec a {
		display: block;
		margin: 0 0 10px;
	}
	.bnr-sec a:last-child {
		margin: 0;
	}
}
