@charset "UTF-8";
/*

【CSS表記ルール】
CSSの表記につきましては以下のルールに則って記述をお願いいたします。

1.bodyタグにid等を付けない
フレームワークの仕様により、bodyタグの出し分けが困難なためbodyにディレクトリ毎のidを振るのは禁止とさせて頂きます。
その代わりbody直下のwrapperに対してはディレクトリ毎のidを振って頂いて大丈夫です。

2.class名、id名の表記
フレームワークの仕様により、公開時は全てのCSSが1つのファイルに統合されます。
そのためclass,idの名前が被らないよう以下のルールに則って記述をお願いいたします。

#(wrapperのid名) .(wrapperのid名)_(個別のクラス名)
例:
#about .about_box{
	margin:10px auto;
}

3.!important は使わないようお願いたします。

4.@importでのcssの読み込みはしないようお願いいたします。

*/
#dom {
  background: #eee;
}
#dom #dom_contents {
  background: #fff;
  width: 920px;
  padding: 30px 30px 56px;
  margin: 30px auto 43px;
}
#dom #dom_contents img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}
#dom #dom_contents h2 {
  text-align: center;
}
#dom #dom_contents .dom_red {
  color: #e53948;
}
#dom #dom_contents .dom_orange {
  color: #f2762e;
}
#dom #dom_contents .dom_lead01 {
  margin: 0 0 60px;
}
#dom #dom_contents .dom_lead01 h2 {
  margin: 40px 0 39px;
}
#dom #dom_contents .dom_lead01 h3 {
  margin: 40px 0 10px;
}
#dom #dom_contents .dom_lead01 li {
  overflow: hidden;
  position: relative;
  background: #fef3f2;
  margin: 0 0 20px;
  padding: 30px 30px 30px 100px;
}
#dom #dom_contents .dom_lead01 .dom_num {
  position: absolute;
  top: 30px;
  left: 20px;
  z-index: 1;
}
#dom #dom_contents .dom_lead01 .dom_text_box {
  float: left;
  width: 480px;
  font-size: 18px;
  line-height: 34px;
}
#dom #dom_contents .dom_lead01 h4 {
  margin: -2px 0 16px;
  font-size: 26px;
  font-weight: bold;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
#dom #dom_contents .dom_lead01 .dom_img {
  float: right;
  width: 300px;
}
#dom #dom_contents .dom_lead01 .dom_mgt15 {
  margin-top: 15px;
}
#dom #dom_contents .dom_lead01 small {
  font-size: 16px;
}
#dom #dom_contents .dom_five_step h2 {
  margin: 0 0 39px;
  padding: 0 22px 0 0;
}
#dom #dom_contents .dom_five_step ul {
  padding: 20px 26px 20px 20px;
  background: #fdf7ed;
}
#dom #dom_contents .dom_five_step li:first-child:before {
  display: none;
}
#dom #dom_contents .dom_five_step li:before {
  content: "";
  display: block;
  height: 20px;
  width: 30px;
  background: url(/images/dom/img_tri.png) no-repeat;
  margin: 10px auto;
}
#dom #dom_contents .dom_five_step .dom_step_box {
  display: table;
  table-layout: fixed;
  width: 100%;
  border: 3px solid #f2762e;
}
#dom #dom_contents .dom_five_step h3 {
  display: table-cell;
  padding: 23px 8px 0 0px;
  background: #f2762e;
  width: 122px;
  vertical-align: top;
  text-align: center;
}
#dom #dom_contents .dom_five_step .dom_text_box {
  display: table-cell;
  background: #fff;
  padding: 24px 29px 22px;
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
  color: #f2762e;
  vertical-align: middle;
  letter-spacing: 0.05em;
}
#dom #dom_contents .dom_five_step small {
  font-size: 18px;
}
#dom #dom_contents .dom_five_step .dom_red {
  margin: 8px 0 -6px;
  font-size: 13px;
  letter-spacing: 0.03em;
}
#dom #dom_contents .dom_five_step .dom_red img {
  margin: 5px 7px 0 0;
  vertical-align: top;
}
#dom #dom_contents .dom_five_step .dom_attention {
  margin: 16px 0 30px;
  padding: 0 0 0 109px;
  font-size: 13px;
  color: #e53948;
  letter-spacing: 0.115em;
}
#dom #dom_contents .dom_five_step .dom_btn {
  text-align: center;
}
#dom #dom_contents .dom_five_step .dom_btn a {
  display: block;
}
#dom #dom_contents .dom_five_step .dom_btn a:hover img {
  -moz-transition: opacity 0.5s;
  -o-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  opacity: 0.7;
}
#dom #dom_contents .dom_lead02 {
  margin: 54px 0 53px;
}
#dom #dom_contents .dom_lead02 h2 {
  padding: 0 11px 0 0;
}
#dom #dom_contents .dom_lead02 .dom_lead_img {
  margin: 40px 0 60px;
}
#dom #dom_contents .dom_lead02 h3 {
  padding: 0 8px 0 0;
  text-align: center;
}
#dom #dom_contents .dom_lead02 ul {
  overflow: hidden;
  margin: 39px 0 0;
}
#dom #dom_contents .dom_lead02 li {
  float: left;
  width: 280px;
  margin: 0 0 0 40px;
}
#dom #dom_contents .dom_lead02 li:first-child {
  margin: 0;
}
#dom #dom_contents .dom_lead02 li p {
  font-size: 16px;
  line-height: 24px;
  text-align: justify;
  letter-spacing: 0.04em;
}
#dom #dom_contents .dom_lead02 h4 {
  margin: 19px 0 16px;
  color: #009eb2;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.05em;
}
#dom #dom_contents .dom_lead02 small {
  font-size: 12px;
}


#dom .attbox{
	border: 3px solid #E53948;
	padding: 0px 10px;
	margin: 20px auto;
}

#dom .attbox .dom_red {
  margin: 8px 0 ;
  padding: 0 0 20px 0;
  font-size: 13px;
  font-weight: bold;
}
#dom .attbox  img {
  margin: 10px auto !important;
  display: block;
  text-align: center;
  vertical-align: top;
}