﻿/* 見出し */
	h2.h201 { text-align: center;margin: 30px 0 0 0;padding:0;letter-spacing: normal;color: #000;font-size: 3rem;font-weight: normal;
				position: relative;display: inline-block; }
	h2.h201:before { content: '';position: absolute;bottom: -15px;display: inline-block;width: 70px;height: 2px;left: 50%;
						-webkit-transform: translateX(-50%);transform: translateX(-50%);background-color: #556B2F;border-radius: 2px; }


h3.h301 {
  position: relative;
  margin: 1rem -10px;
  padding: 1rem 2rem;
  background: #0075a9;color: #fff;font-size: 2rem;font-weight: normal;
}

h3.h301:before,
h3.h301:after {
  position: absolute;
  content: '';
}

h3.h301:before {
  bottom: -10px;
  left: 0;
  width: 0;
  height: 0;
  border-top: 10px solid #b0c4de;
  border-left: 10px solid transparent;
}

h3.h301:after {
  right: 0;
  bottom: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid #b0c4de;
  border-right: 10px solid transparent;
}

	h4.h401 { font-size: 1.8rem;position: relative;overflow: hidden;margin: 0 0 30px 0;padding: 1.5rem 2rem 1.5rem 130px;border-top: 3px solid #000; }
	h4.h401:before { position: absolute;top: -150%;left: -100px;width: 200px;height: 300%;content: '';-webkit-transform: rotate(25deg);transform: rotate(25deg);background: #000; }
	h4.h401 span { font-size: 3.5rem;font-size: 4rem;position: absolute;z-index: 1;top: 0;left: 0;display: block;padding-top: 3px;padding-left: 16px;color: #fff; }

	h5.h501 { position: relative;margin: 20px 0 20px 30px;padding: 1.5rem 2rem;font-size: 1.6rem;color: #000;border-bottom: 3px solid #000;border-left: 3px solid #000;border-radius: 0 0 0 20px; }
	h5.h501:before { position: absolute;left: 65px;bottom: -21px;width: 0;height: 0;content: '';border-width: 21px 21px 0 0;
					border-style: solid;  border-color: #000 transparent transparent transparent; }
	h5.h501:after { position: absolute;left: 68px;bottom: -14px;width: 0;height: 0;content: '';border-width: 14px 14px 0 0;
					border-style: solid;border-color: #fff transparent transparent transparent; }



/* メニューボタン */
	.msr_btn15b { width: 100%;padding:15px;color:#0075a9;border: 1px #0075a9 solid;font-size: 1.5rem;line-height: 120%;text-align: center;text-decoration: none;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background: #fff;display: block;
					position:relative;-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out; }
	.msr_btn15 a{ width: 100%;padding:15px;color:#ffffff;font-size: 1.5rem;line-height: 120%;text-align: center;text-decoration: none;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background: #0075a9;display: block;
					position:relative;-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out; }
	.msr_btn15 a::before{ content: '';width: 16px;height: 16px;margin:-8px 0 0 0;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;background: #fff;position:relative;position:absolute;top:50%;left:20px;display:block; }
	.msr_btn15 a::after{ content: '';width: 6px;height: 6px;border: 0px;margin:-3px 0 0 0;border-top: solid 2px #0075a9;border-right: solid 2px #0075a9;-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);
						position:absolute;top:50%;left:24px;display:block;-webkit-transition: 0.3s ease-out;-moz-transition: 0.3s ease-out;-o-transition: 0.3s ease-out;transition: 0.3s ease-out; }
	.msr_btn15 a:hover{ background: #87cefa; }
	.msr_btn15 a:hover::after{ border-top: solid 2px #87cefa;border-right: solid 2px #87cefa; }

/* レイアウト */
	#conpany_container { margin: 0 auto;padding: 30px 0 60px 0;width: 70%;text-align: left; }
	/* 横並びの隙間をなくす */
		.layoutbox { margin: 30px auto 0 auto;width: 70%;letter-spacing: -0.5em; }
	/* 横並び3カラム */
		.layout01 { display: inline-block;width: 32%;padding: 15px 0 0 0;margin-right: 2%;text-align: center;vertical-align: top;letter-spacing: normal; }
		.layout02 { display: inline-block;width: 32%;padding: 15px 0 0 0;margin-right: 2%;text-align: center;vertical-align: top;letter-spacing: normal; }
		.layout03 { display: inline-block;width: 32%;padding: 15px 0 0 0;text-align: center;vertical-align: top;letter-spacing: normal; }
		.layout04 { display: inline-block;width: 32%;padding: 15px 0 0 0;margin-right: 2%;text-align: center;vertical-align: top;letter-spacing: normal; }
		.layout05 { display: inline-block;width: 32%;padding: 15px 0 0 0;margin-right: 2%;text-align: center;vertical-align: top;letter-spacing: normal; }
		.layout06 { display: inline-block;width: 32%;padding: 15px 0 0 0;text-align: center;vertical-align: top;letter-spacing: normal; }

	.safetylogo { text-align: center;width: 400px;margin: 0 auto; }
	.safetylogo02 { text-align: center;width: 100%;margin: 0 auto; }

/* テキスト */
	.safety_text { text-align: justify;margin: 30px 0 0 0;padding: 0;font-size: 1.6rem;color: #000;letter-spacing: normal;line-height: 2; }
	.safety_text02 { text-align: justify;margin: 0 0 0 30px;padding: 0;font-size: 1.6rem;color: #000;letter-spacing: normal;line-height: 2; }
	.safety_text03 { text-align: justify;margin: 20px 0 0 30px;padding: 0;font-size: 1.6rem;color: #000;letter-spacing: normal;line-height: 2; }
	.safety_text04 { text-align: justify;margin: 20px 0 30px 30px;padding: 0;font-size: 1.6rem;color: #000;letter-spacing: normal;line-height: 2; }
	.safety_texttop { text-align: justify;width: 80%;margin: 20px auto 0 auto;padding: 0;font-size: 1.6rem;color: #000;letter-spacing: normal;line-height: 2; }

/* ボタン */
	.msr_btn09 a { width: 100%;background-color: #000;border:1px solid #000;border-radius: 5px;color: #fff;display: block;font-size: 14px;padding: 14px;text-align: center;text-decoration: none;
					transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-webkit-transition: 0.2s ease-in-out; }
	.msr_btn09 a:hover { background-color: #999;border:1px solid #999;color: #fff; }


/* テーブル */
	.cp_table01 *, .cp_table01 *:before, .cp_table01 *:after { -webkit-box-sizing: border-box;box-sizing: border-box; }
	.cp_table01 { width: 100%;border-collapse: collapse;margin-bottom: 30px; }
	.cp_table01 th, .cp_table01 td { padding: 20px 15px;border: 1px solid #ddd;font-size: 1.6rem; }
	.cp_table01 th { width: 25%;text-align: center;background: #f4f4f4; }



@media screen and (max-width: 1100px) {
	#conpany_container { padding: 30px 0;width: 80%; }
	h2.h201 { font-size: 2.5rem;margin: 0; }
	/* 横並びの隙間をなくす */
		.layoutbox { width: 90%; }
}


@media screen and (max-width: 767px) {
	h2.h201 { font-size: 2rem; }
	#conpany_container { margin: 0 auto;padding: 30px 0 20px 0;width: 90%; }
	.cp_table01 { margin: 0; }
	.cp_table01 th, .cp_table01 td { width: 100%;display: block;border-top: none; }
	.cp_table01 tr:first-child th { border-top: 1px solid #ddd;text-align: center; }
	.safetylogo { text-align: center;width: 90%;margin: 0 auto; }

	/* 横並び3カラムから2カラムへ */
		.layout01 { width: 49%;margin-right: 2%; }
		.layout02 { width: 49%;margin-right: 0; }
		.layout03 { width: 49%;margin-right: 2%; }
		.layout04 { width: 49%;margin-right: 0; }
		.layout05 { width: 49%;margin-right: 2%; }
		.layout06 { width: 49%;margin-right: 0; }

}
