@charset "UTF-8";


/* ------ メインカラム ------ */

.mod_maincolumn {
	padding-bottom: 40px;
}

/* ------ コンテンツタイトル ------ */

.mod_maincolumn h1 {
	margin: 25px auto;
	width: 93.79%;
	font-size: 26px;
	font-size: 2.6rem;
}

.mod_maincolumn p.cat_1 {
	margin: 25px auto;
	width: 93.79%;
	font-size: 26px;
	font-size: 2.6rem;
	color: #222;
}

/* ------ テキストエリア ------ */

.mod_textarea1 {
	margin: 0 auto;
	width: 93.79%;
}

/* ------ パラグラフ ------ */

.mod_textarea1 p { 
	margin: 10px 0 0;
	padding: 0;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
}

.mod_textarea1 p.caption1,
.mod_textarea1 p.caption2 { 
	margin: 5px 0 0;
	padding: 0;
}

.mod_textarea1 p.caption1,
.mod_textarea1 p.small1,
.mod_textarea1 span.small1 { 
	font-size: 13px !important;
	font-size: 1.3rem !important;
	line-height: 1.5 !important;
}

.mod_textarea1 p.caption2,
.mod_textarea1 p.small2,
.mod_textarea1 span.small2 { 
	font-size: 11px !important;
	font-size: 1.1rem !important;
	line-height: 1.5 !important;
}

.mod_textarea1 p .detail { 
	padding-left: 6px;
}

.mod_textarea1 p.mod_p2 { 	
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.8;
}

/* 見出し直下or見出しなし先頭設定 */

.mod_textarea1 > p:first-child,
h3.mod_h31 + p,
h4.mod_h41 + p,
h5.mod_h51 + p { 
	margin: 20px 0 0;
}

/* ------ 見出し ------ */

.mod_h21 {
  margin-bottom: 30px;
  font-size: 18px;
  font-size: 1.8rem;
}

h3.mod_h31 {
	margin-top: 40px;
	padding-bottom: 10px;
	border-bottom: 2px solid #e2231a;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.3;
}

h3.mod_h32 {
	margin-top: 30px;
	font-size: 18px;
	font-size: 1.8rem;
}

h4.mod_h41 {
	margin-top: 35px;
	padding-left: 6px;
	border-left: 8px solid #6c747d;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3;
}

h4.mod_h42 {
	margin-top: 35px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3;
}

h4.mod_h43 {
	margin-top: 35px;
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 1.5;
}

h5.mod_h51 {
	margin-top: 25px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.3;
	font-weight: bold;
}

/* ------ 記事タイトル ------ */

/* タイトルとリード文があるタイプ（主に事例） */
.mod_featurearea1 {
	background: #e6e6e6;
}

.mod_featurearea1 h2 {
	padding: 25px 3.125%;
	color: #fff;
	font-size: 30px;
	font-size: 3rem;
	line-height: 1.2;
}

.mod_featurearea1 h2.catch_2 {
	padding: 0px !important;
	color: #333;
}

.mod_featurearea1 .featurearea_wrap {
	width: 93.79%;
	overflow: hidden;
	margin: 0 auto;
	padding: 30px 0;
}

.mod_featurearea1 .featurearea_wrap .feature_text p,
.mod_featurearea1 .featurearea_wrap .feature_text h2 {
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.8;
}

.mod_featurearea1 .featurearea_wrap p.feature_text_2 {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.8;
}

.mod_featurearea1 .featurearea_wrap p.feature_text_2 span {
	color: #6c747d;
}

.mod_featurearea1 .featurearea_wrap .feature_text .tag_list {
	overflow: hidden;
	margin-top: 13px;
}

.mod_featurearea1 .featurearea_wrap .feature_text .tag_list li {
	display: block;
	float: left;
	margin-top: 10px;
	margin-right: 15px;
}

.mod_featurearea1 .featurearea_wrap .feature_text .tag_list span {
	font-size: 13px;
	font-size: 1.3rem;
}

.mod_featurearea1 .featurearea_wrap .feature_text .tag_list span.no-cate {
	margin-top: 4px;
	display: inline-block;
}

.mod_featurearea1 .featurearea_wrap .feature_text .tag_01,
.mod_featurearea1 .featurearea_wrap .feature_text .tag_02,
.mod_featurearea1 .featurearea_wrap .feature_text .tag_03,
.mod_featurearea1 .featurearea_wrap .feature_text .tag_04,
.mod_featurearea1 .featurearea_wrap .feature_text .tag_05 {
	margin-right: 6px;
	display: inline-block;
	padding: 0 0.15em;
	border-radius: 2px;
	color: #fff;
	line-height: 1.4;
}

.mod_featurearea1 .featurearea_wrap .feature_text .tag_01 {
	background: #3e8ddd;
}

.mod_featurearea1 .featurearea_wrap .feature_text .tag_02 {
	background: #e96baf;
}

.mod_featurearea1 .featurearea_wrap .feature_text .tag_03 {
	background: #6dbd50;
}

.mod_featurearea1 .featurearea_wrap .feature_text .tag_04 {
	background: #4ac0e0;
}

.mod_featurearea1 .featurearea_wrap .feature_text .tag_05 {
	background: #919598;
}

.mod_featurearea1 .featurearea_wrap .feature_text a {
	display: inline-block;
	margin: 4px 0 0;
	color: #049fd7;
	font-size: 13px;
	font-size: 1.3rem;
	text-decoration: none;
}

.mod_featurearea1 .featurearea_wrap .feature_text a:hover {
	text-decoration: underline;
}

.mod_featurearea1 .featurearea_wrap .feature_text a .icon-win_2_1 {
	padding-left: 6px;
	font-size: 16px;
	font-size: 1.6rem;
}

.mod_featurearea1 .featurearea_wrap .feature_text .no_cate,
.mod_featurearea1 .featurearea_wrap .feature_text .no_link {
	display: inline-block;
	margin: 4px 0 0;
}

.mod_featurearea1 .featurearea_wrap .feature_text .no_link + a {
	margin-left: -6px;
}

.mod_featurearea1 .featurearea_wrap .feature_photo,
.mod_featurearea1 .featurearea_wrap .feature_photo_s {
	float: right;
	margin-left: 20px;
}

.mod_featurearea1 .featurearea_wrap .feature_photo img {
	width: 282px;
}

.mod_featurearea1 .featurearea_wrap .feature_photo_s img {
	width: 128px;
}

/* タイトルとメイン画像のタイプ */
.mod_featurearea2 {
	background: #e6e6e6;
}

.mod_featurearea2 h1,
.mod_featurearea1 h1{
	display: block;
	padding: 25px 3.125%;
	color: #fff;
	font-size: 30px;
	font-size: 3rem;
	line-height: 1.2;
	margin: 0px;
	width: 100%;
}
.mod_featurearea2 h1,
.mod_featurearea2 h2 {
	display: block;
	padding: 25px 3.125%;
	color: #fff;
	font-size: 30px;
	font-size: 3rem;
	line-height: 1.2;
}

.mod_featurearea2 h2.hero {
	padding: 0px !important;
}

.mod_featurearea2_detail {
	width: 93.79%;
	overflow: hidden;
	margin: 0 auto;
	padding: 30px 0;
}

.mod_featurearea2 .featurearea_wrap img {
	display: block;
	width: 100%;
}

.mod_featurearea2 .feature_text {
	width: 93.79%;
	overflow: hidden;
	margin: 0 auto;
	padding: 0px 0px 8px;
}

.mod_featurearea2 .feature_text p {
	font-size: 20px;
	font-size: 2rem;
	line-height: 1.8;
	word-break: break-all;
	padding-bottom: 20px;
}

.mod_featurearea2 .featurearea_wrap .feature_text .tag_list {
	overflow: hidden;
	padding-top: 20px;
}

.mod_featurearea2 .featurearea_wrap .feature_text .tag_list li {
	float: left;
	display: block;
	margin-bottom: 12px;
	margin-right: 15px;
}

.mod_featurearea2 .featurearea_wrap .feature_text .tag_list span {
	font-size: 13px;
	font-size: 1.3rem;
}

.mod_featurearea2 .featurearea_wrap .feature_text .tag_list li:last-child {
	margin-bottom: 7px;
}

.mod_featurearea2 .featurearea_wrap .feature_text .tag_list li:last-child span{
	margin-bottom: 5px;
}

.mod_featurearea2 .featurearea_wrap .feature_text .tag_01,
.mod_featurearea2 .featurearea_wrap .feature_text .tag_02,
.mod_featurearea2 .featurearea_wrap .feature_text .tag_03,
.mod_featurearea2 .featurearea_wrap .feature_text .tag_04,
.mod_featurearea2 .featurearea_wrap .feature_text .tag_05 {
	display: inline-block;
	margin-right: 6px;
	padding: 0 0.15em;
	border-radius: 2px;
	color: #fff;
	line-height: 1.4;
}

.mod_featurearea2 .featurearea_wrap .feature_text .tag_01 {
	background: #3e8ddd;
}

.mod_featurearea2 .featurearea_wrap .feature_text .tag_02 {
	background: #e96baf;
}

.mod_featurearea2 .featurearea_wrap .feature_text .tag_03 {
	background: #6dbd50;
}

.mod_featurearea2 .featurearea_wrap .feature_text .tag_04 {
	background: #4ac0e0;
}

.mod_featurearea2 .featurearea_wrap .feature_text .tag_05 {
	background: #919598;
}

.mod_featurearea2 .featurearea_wrap .feature_text a {
	display: inline-block;
	color: #049fd7;
	font-size: 13px;
	font-size: 1.3rem;
	text-decoration: none;
}

.mod_featurearea2 .featurearea_wrap .feature_text a:hover {
	text-decoration: underline;
}

.mod_featurearea2 .featurearea_wrap .feature_text a .icon-win_2_1 {
	padding-left: 3px;
}

.mod_featurearea2 .featurearea_wrap .feature_text .no_cate {
	display: inline-block;
}

.mod_featurearea2 .featurearea_wrap .feature_photo {
	float: right;
	margin-left: 20px;
}

.mod_featurearea2 .featurearea_wrap .feature_photo img {
	width: 128px;
}

.mod_featurearea1 h2.color1,
.mod_featurearea2 h2.color1 {
	background: #3d90db;
}

.mod_featurearea1 h1.color2,
.mod_featurearea1 h2.color2,
.mod_featurearea2 h1.color2,
.mod_featurearea2 h2.color2 {
	background: #6c747d;
}

.mod_featurearea2 h1.color3,
.mod_featurearea1 h2.color3,
.mod_featurearea2 h2.color3 {
	background: #989da4;
}

.mod_featurearea1 h2 span,
.mod_featurearea2 h2 span {
	font-size: 23px;
	font-size: 2.3rem;
}

/* 上部にメニューバーがある場合 */
.mod_featurearea2.mt1 {
	margin-top: 1px;
}

/* メイン画像のみのタイプ */
.mod_featurearea3 h2 img {
	width: 100%;
}

@media screen and (max-width: 1000px) {
	
  .mod_featurearea1 h1,
  .mod_featurearea1 h2,
  .mod_featurearea2 h1,
  .mod_featurearea2 h2{
	padding: 18px 3.125%;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1.4;
  }
  
  .mod_featurearea1 .featurearea_wrap .feature_text p,
  .mod_featurearea1 .featurearea_wrap .feature_text h2 {
	font-size: 18px;
	font-size: 1.8rem;
  }
  
  .mod_featurearea1 h2 span,
  .mod_featurearea2 h2 span {
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.4;
  }

  .mod_featurearea2 .featurearea_wrap .feature_text p {
	font-size: 18px;
	font-size: 1.8rem;
  }
  
}

@media screen and (max-width: 640px) {

  .mod_featurearea1 h1,
  .mod_featurearea1 h2,
  .mod_featurearea2 h1,
  .mod_featurearea2 h2 {
	padding: 1em 3.125%;
	font-size: 20px;
	font-size: 2rem;
  }
  
  .mod_featurearea1 .featurearea_wrap .feature_text,
  .mod_featurearea1 .featurearea_wrap .feature_photo {
	float: none;
  }
  
  .mod_featurearea1 .featurearea_wrap .feature_photo {
	text-align: center;
	padding: 0;
	margin-left: 0;
  }
  
  .mod_featurearea1 .featurearea_wrap .feature_text {
	margin-top: 20px;
  }
    .mod_featurearea1 .featurearea_wrap .feature_photo_s + .feature_text {
	margin-top: 0px;
  }
  
  .mod_featurearea1 .featurearea_wrap .feature_text p,
	  .mod_featurearea1 .featurearea_wrap .feature_text h2 {
	font-size: 16px;
	font-size: 1.6rem;
  }
  
  .mod_featurearea2 .featurearea_wrap .feature_photo {
	text-align: center;
	padding: 0;
	margin-bottom: 10px;
  }
  
  .mod_featurearea2 .featurearea_wrap .feature_text p {
	margin-top: -4px;
	font-size: 16px;
	font-size: 1.6rem;
  }
  
}

/* ------ 記事タイトル下タグ ------ */

.mod_textarea1 .keyword-list {
  margin-top: 15px;
}
.mod_textarea1 .keyword-list > span {
  font-size: 13px;
  font-size: 20px;
  font-size: 1.3rem;
  margin-right: 5px;
}
.mod_textarea1 .keyword-list a {
  display: inline-block;
  margin-right: 6px;
  padding: 0.3em 0.6em;
  border-radius: 15px;
  background: #e6e6e6;
  color: #222;
  font-size: 11px;
  font-size: 17px;
  font-size: 1.1rem;
  text-decoration: none !important;
  margin-top: 5px;
}
.mod_textarea1 .keyword-list a:hover {
  background: #919191;
  color: #fff;
}

/* ------ 本文中キャッチ ------ */

.article_catch1 {
	margin-top: 35px;
}

.article_catch1 img {
	width: 100%;
}

.article_catch1 p {
	font-size: 25px;
	font-size: 2.5rem;
	line-height: 1.3;
	color: #222222;
}

.article_catch1 img + p {
	margin-top: 20px;
}

/* ------ コンテンツボックス ------ */
/* カテゴリ最下部にカラーテーマ設定有 */

.mod_conbox1 {
	margin: 0;
	padding: 0;
}

.mod_conbox1 ul {
	width: 100%;
	overflow: hidden;
}

.mod_conbox1 ul li {
	margin-top: 25px;
	display: block;
	float: left;
	vertical-align: top;
	box-sizing: border-box;
	width: 48.34%;
}

.mod_conbox1 ul li:nth-child(odd) {
	margin-right: 3.3%;
}

.mod_conbox1 ul li h4 {
	margin-top: 0px;
	padding-left: 6px;
	border-left: 8px solid #6c747d;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3;
}

.mod_conbox1 ul li h5 {
	margin-top: 0px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.3;
	font-weight: bold;
}

.mod_conbox1 ul li dl dt,
.mod_conbox1 ul li img {
	text-align: center;
	width: 100%;
}

.mod_conbox1 ul li h4 + dl dt,
.mod_conbox1 ul li h5 + dl dt {
	margin-top: 20px;
}

.mod_conbox1 ul li h4,
.mod_conbox1 ul li h5,
.mod_conbox1 ul li p {
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: left
}

.mod_conbox1 ul li ul.mod_ul1,
.mod_conbox1 ul li ul.mod_ul2 {
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}

.mod_conbox1 ul li ul.mod_ul1 li,
.mod_conbox1 ul li ul.mod_ul2 li {
	margin: 5px 0px 0px 0px;
	width: 100%;
}

.mod_conbox1 ul li ul.mod_ul1 li p,
.mod_conbox1 ul li ul.mod_ul2 li p {
	margin-top: 0px;
}
.mod_conbox1 ul li ul.mod_ul1 li:before {
	left: 21px;
}

.mod_conbox1 ul li ul.mod_ul2 li:before {
	left: 14px;
}

.mod_conbox2 {
	margin: 0;
	padding: 0;
}

.mod_conbox2 ul {
	width: 100%;
	overflow: hidden;
}

.mod_conbox2 ul li {
	margin-top: 25px;
	display: block;
	float: left;
	vertical-align: top;
	box-sizing: border-box;
	width: 48.34%;
}

.mod_conbox2 ul li:nth-child(odd) {
	margin-right: 3.3%;
}

.mod_conbox2 ul li p.heading {
	margin: 0;
	padding: 12px 5px 11px;
	background-color: #6c747d;
	color: #ffffff;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.2;
	text-align: center;
}

.mod_conbox2 ul li dl {
	padding-bottom: 30px;
	border: 1px solid #d1d1d1;
}

.mod_conbox2 ul li p.heading + dl {
	border-top: none;
}

.mod_conbox2 ul li dl dt {
	margin: 0;
	padding: 0;
	text-align: center;
}

.mod_conbox2 ul li dl dt img {
	width: 100%;
}

.mod_conbox2 ul li dl dd {
	margin: 25px auto 0;
	padding: 0 24px;
	display: inline-block;
}

.mod_conbox2 ul li dl dd.btnarea {
	margin-top: 0px;
	padding-bottom: 10px;
	display: block;
}

.mod_conbox2 ul li dl dd.btnarea:last-child {
	padding-bottom: 0px;
}

.mod_conbox2 ul li dl dd.btnarea .btnarea_text1 {
	margin: 8px 0px 0px 0px;
	padding-bottom: 20px;
	text-align: center;
}

.mod_conbox2 ul li dl dd.btnarea a {
	margin: 0 auto;
	padding: 13px 10px 14px;
	border-radius: 3px;
	font-size: 15px;
	font-size: 1.6rem;
	line-height: 1.3;
	text-align: center;
	display: block !important;
}

.mod_conbox2 ul li dl dd h4 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3;
	font-weight: bold;
	color: #3e8ddd;
}

.mod_conbox2 ul li dl dd h5 {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.3;
	font-weight: bold;
	color: #222222;
}

.mod_conbox2 ul li dl dd p {
	line-height: 1.6;
}

.mod_conbox2 ul li dl dd ul.listarea1,
.mod_conbox2 ul li dl dd ul.listarea2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

.mod_conbox2 ul li dl dd ul.listarea1 li {
	position: relative;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 21px;
	list-style: none;
	float: none;
	border: none;
	width: 100%;
}

.mod_conbox2 ul li dl dd h4 + ul.listarea1,
.mod_conbox2 ul li dl dd h5 + ul.listarea1 {
	margin-top: 10px;
}

.mod_conbox2 ul li dl dd ul.listarea1 li:before {
	content: '';
	position: absolute;
	display: inline-block;
	top: 9px;
	width: 15px;
	height: 2px;
	margin-left: -21px;
	background: #e2231a;
}

.mod_conbox2 ul li dl dd ul.listarea2 li {
	position: relative;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
	list-style: none;
	float: none;
	border: none;
	width: 100%;
}

.mod_conbox2 ul li dl dd ul.listarea2 li:before {
	content: '';
	position: absolute;
	display: inline-block;
	top: 8px;
	width: 8px;
	height: 1px;
	margin-left: -14px;
	background: #e2231a;
}

.mod_conbox2 ul li dl dd ul.listarea1 li p,
.mod_conbox2 ul li dl dd ul.listarea2 li p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #222222;
	text-align: left;
}

/* 1カラム */

.mod_conbox2.col1 ul li {
	float: none;
	width: 100%;
}

.mod_conbox2.col1 ul li dl {
	padding: 25px 24px 30px;
}

.mod_conbox2.col1 ul li dl p {
	text-align: left;
}

.mod_conbox2.col1 .imgposi-r + dt p,
.mod_conbox2.col1 .imgposi-l + dt p,
.mod_conbox2.col1 .imgposi-r img,
.mod_conbox2.col1 .imgposi-l img {
	margin-top: 0px;
}

.mod_conbox2.col1 .imgposi-r + dt + dd ul.listarea1,
.mod_conbox2.col1 .imgposi-l + dt + dd ul.listarea2 {
	width: auto;
}

.mod_conbox2.col1 ul li dl dd {
	margin: 0 auto;
	padding: 0;
	display: block;
}

.mod_conbox2.col1 ul li dl dd:first-child,
.mod_conbox2.col1 ul li dl dd:first-child p:first-child {
	margin-top: 0;
}

.mod_conbox2.col1 ul li dl dt + dd p:first-child {
	margin-top: 0;
}

.mod_conbox2.col1 ul li dl dd ul.listarea1,
.mod_conbox2.col1 ul li dl dd ul.listarea2 {
	display: inline;
}

.mod_conbox2.col1 ul li dl dd ul.listarea1 li:first-child,
.mod_conbox2.col1 ul li dl dd ul.listarea2 li:first-child {
	margin-top: 15px;
}

.mod_conbox2.col1 ul li dl dd h4 {
	margin-top: 25PX;
}

.mod_conbox2.col1 ul li dl dd h5 {
	margin-top: 20PX;
}


.mod_conbox3 {
	margin: 0;
	padding: 0;
}

.mod_conbox3 ul {
	width: 100%;
	overflow: hidden;
}

.mod_conbox3 ul li {
	margin-top: 25px;
	padding: 30px 25px;
	display: block;
	float: left;
	vertical-align: top;
	box-sizing: border-box;
	background-color: #f0f0f0;
	width: 48.34%;
}

.mod_conbox3.b_type ul li {
	border: 1px solid #d1d1d1;
	background-color: #ffffff;
}

.mod_conbox3 ul li:nth-child(odd) {
	margin-right: 3.3%;
}

.mod_conbox3 ul li h4 {
	margin: 0;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3;
	font-weight: bold;
	color: #3e8ddd;
}

.mod_conbox3 ul li h5 {
	margin-top: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.6;
	font-weight: bold;
}

.mod_conbox3 ul li p {
	line-height: 1.6;
}

.mod_conbox3 ul li p:first-child {
	margin-top: 0px !important;
}

.mod_conbox3 ul li img {
	margin: 25px auto 0;
	width: 100%;
	display: block;
}

.mod_conbox4 {
	margin: 0;
	padding: 15px 0 0;
}

.mod_conbox4 .imgposi-l {
	margin-right: 30px;
}

.mod_conbox4 .imgposi-r {
	margin-left: 30px;
}

.mod_conbox4 .imgposi-l img,
.mod_conbox4 .imgposi-r img {
	margin-top: 0px;
}

.mod_conbox4 h4 {
	margin-top: 0px;
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.5;
}

.mod_conbox4 .mod_btnarea3 {
	margin-bottom: 10px;
}

.mod_conbox5 {
	margin: 0;
	padding: 0;
}

.mod_conbox5 ul {
	width: 100%;
	overflow: hidden;
}

.mod_conbox5 ul li {
	margin-top: 25px;
	display: block;
	float: left;
	vertical-align: top;
	box-sizing: border-box;
	text-align: center;
}

.mod_conbox5 ul li:nth-child(odd) {
	width: 47.24%;
}

.mod_conbox5 ul li:nth-child(even) {
	width: 5.52%;
}

.mod_conbox5 ul li img {
	text-align: center;
	width: 100%;
}

.mod_conbox5 ul li p {
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: left
}

.mod_conbox6 {
	margin: 25px 0 0;
	padding: 0;
}

.mod_conbox6 ul {
	padding-bottom: 40px;
	width: 100%;
	overflow: hidden;
	border: 1px solid #d1d1d1;
}

.mod_conbox6 ul li {
	display: block;
	float: left;
	vertical-align: top;
	box-sizing: border-box;
	text-align: center;
	width: 50%;
}

.mod_conbox6 ul li h4 {
	margin: 20px 20px 0;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3;
	font-weight: bold;
	color: #3e8ddd;
}

.mod_conbox6 ul li p {
	margin-left: 20px;
	margin-right: 20px;
}

.mod_conbox6 ul li img {
	text-align: center;
	width: 100%;
}

.mod_conbox6 ul li p.btnarea {
	margin: 20px 20px 0px;
}

.mod_conbox6 ul li p.btnarea a {
	margin: 0 auto;
	padding: 13px 10px 14px;
	border-radius: 3px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.3;
	text-align: center;
	display: block !important;
}

/* 横3列：幅可変（上画像・下ワク付テキストボックス） */

.mod_conbox7 {
	margin: 0 auto;
	overflow: hidden;
}

.mod_conbox7 li {
	width: 31.1%;
	float: left;
	margin-top: 30px;
	margin-right: 3.35%;
	display: block;
}

.mod_conbox7 li p {
	text-align: left;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.4;
}

.mod_conbox7 li .item-img img {
	width: 100%;
}

.mod_conbox7 li .item-text {
	border: 1px solid #e2e2e2;
	border-top: 0;
	padding: 15px 20px;
	background: #fff;
}

.mod_conbox7 li a {
	color: #049fd7;
	text-align: center;
	text-decoration: none;
}

.mod_conbox7 li h4 {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.4;
}

.mod_conbox7 li p {
	margin-top: 5px;
}

.mod_conbox7 li h4 a {
	display: inline;
}

.mod_conbox7 li span {
	padding-left: 5px;
	font-size: 16px;
	font-size: 1.6rem;
}

@media screen and (min-width: 1200px) {
  .mod_conbox7 {
	width: auto;
  }

  .mod_conbox7 li  {
	width: 282px;
	margin-right: 30px;
  }
}

@media screen and (min-width: 1001px) {
  .mod_conbox7 li:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
  .mod_conbox7 li {
    width: 48.25%;
  }
  
  .mod_conbox7 li:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 640px) {
  .mod_conbox7 {
    max-width: 564px;
  }
  
  .mod_conbox7 li {
    width: 100%;
    float: none;
    margin: 30px auto 0 !important;
  }
}

/* 横3列：幅可変（上画像・下小見出しとワクなしテキストボックス） */

.mod_conbox8 {
	width: 100%;
	margin: 0 auto;
}

.mod_conbox8 li {
	display: inline-block;
	width: 31.1%;
	margin-top: 30px;
	margin-right: 3.3%;
	text-align: center;
	vertical-align: top;
}

.mod_conbox8 li:nth-child(3n) {
	margin-right: 0;
}

.mod_conbox8 li h4 {
	margin-top: 0px;
	padding-left: 6px;
	border-left: 8px solid #6c747d;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3;
}

.mod_conbox8 li h5 {
	margin-top: 0px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.3;
	font-weight: bold;
}

.mod_conbox8 img {
	width: 100%;
	display: block;
	margin: 0 auto;
}

.mod_conbox8 li h4 + img,
.mod_conbox8 li h5 + img {
	margin-top: 20px;
}

.mod_conbox8 li h4,
.mod_conbox8 li h5,
.mod_conbox8 li p {
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: left
}

/*.mod_conbox8 img.img-120 {
	max-width: 120px;
}

.mod_conbox8 h4 {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.3;
	text-align: center;
}

.mod_conbox8 h4 span {
	position: relative;
	top: 3px;
	padding-left: 6px;
	font-size: 18px;
	font-size: 1.8rem;
}*/

/*.mod_conbox8 a {
	color: #049fd7;
	text-align: center;
	text-decoration: none;
}*/

/*.mod_conbox8 a:hover {
	border-bottom: 1px solid;
}*/

/*.mod_conbox8 a h4 {
	color: #049fd7;
}*/

/*.mod_conbox8 a:hover h4 {
	text-decoration: underline;
}*/

/*.mod_conbox8 p {
	margin-top: 10px;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.4;
	text-align: left;
}*/

/*.mod_conbox8 p span {
	margin-bottom: 5px;
	width: 100%;
	display: inline-block;
	text-align: center;
}*/

/*.mod_conbox8 .text-c {
	text-align: center;
}*/

/*.mod_conbox8 .recommended {
	display: inline-block;
	margin: 10px 0;
	padding: 0 0.15em;
	border-radius: 2px;
	background: #e2231a;
	color: #fff;
	line-height: 1.4;
}

.mod_conbox8 li ul.list-text {
	margin-top: 10px;
}

.mod_conbox8 li ul.list-text li {
	margin: 3px 0 0;
	width: 100%;
	float: none;
	position: relative;
	padding-left: 14px;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.4;
	display: block;
	text-align: left;
}

.mod_conbox8 li ul.list-text li:before {
	content: '';
	position: absolute;
	display: inline-block;
	top: 8px;
	width: 8px;
	height: 1px;
	margin-left: -14px;
	background: #e2231a;
}*/

@media (max-width: 1200px) {
  .mod_conbox8 {
	margin-bottom: 0;
	margin-right: 0;
  }
}

@media screen and (max-width: 1000px) {
  .mod_conbox8 li {
	width: 48.3%;
  }
  
  .mod_conbox8 li:nth-child(3n) {
	margin-right: 3.3%;
  }
  
  .mod_conbox8 li:nth-child(2n) {
	margin-right: 0;
  }
}

@media screen and (max-width: 640px) {
  .mod_conbox8 li {
	width: 100%;
	margin-right: 0 !important;
  }
}

/* 横3列：幅固定（上画像・下小見出しとワクなしテキストボックス） */

.mod_conbox9 {
	margin: 0 auto;
	overflow: hidden;
}

.mod_conbox9 li {
	margin-top: 30px;
	display: inline-block;
	vertical-align: top;
}

.mod_conbox9 li p {
	margin-top: 10px;
	text-align: left;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.4;
}

.mod_conbox9 li .item-img {
	margin: 0 auto;
}

.mod_conbox9 li .item-img img {
	width: 100%;
}

.mod_conbox9 li .item-text {
	padding: 15px 0 0;
}

.mod_conbox9 li a {
	color: #049fd7;
	text-align: center;
	text-decoration: none;
}
.mod_conbox9 li h4 {
	text-align: center;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.4;
}

.mod_conbox9 li h4 a {
	display: inline;
}

.mod_conbox9 li span {
	padding-left: 5px;
	font-size: 16px;
	font-size: 1.6rem;
}

.mod_conbox9 li .item-text ul {
	margin-top: 10px;
}

.mod_conbox9 li .item-text ul li {
	margin: 3px 0 0;
	max-width: 100%;
	float: none;
	position: relative;
	padding-left: 14px;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1.4;
}

.mod_conbox9 li .item-text ul li:before {
	content: '';
	position: absolute;
	display: inline-block;
	top: 6px;
	width: 8px;
	height: 1px;
	margin-left: -14px;
	background: #e2231a;
}

@media screen and (min-width: 1200px) {
  .mod_conbox9 {
	width: auto;
  }

  .mod_conbox9 li  {
	width: 282px;
	margin-right: 30px;
  }
}

@media screen and (max-width: 1199px) {
  .mod_conbox9 {
	  margin: 0 auto;
	  max-width: 594px;
  }
  
    .mod_conbox9 li:nth-child(2n) {
	  margin-right: 0;
  }
}

@media screen and (min-width: 1001px) {
	.mod_conbox9 li  {
	  width: 282px;
	  margin-right: 30px;
  }
  
	.mod_conbox9 li:nth-child(3n) {
      margin-right: 0;
  }
}

@media screen and (min-width: 1001px) and (max-width: 1199px) {
	.mod_conbox9 li:nth-child(odd) {
	  margin-right: 30px;
  }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
  .mod_conbox9 li {
    width: 282px;
	margin-right: 30px;
  }
  
  .mod_conbox9 li:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 640px) {
  .mod_conbox9 {
    max-width: 564px;
  }
  
  .mod_conbox9 li {
    width: 282px;
	display:block;
    margin: 30px auto 0 !important;
  }
  
  .mod_conbox9 li .item-text ul li {
	margin: 3px 0 0  !important;
  }
}

/* 横4列：幅固定（上画像・下小見出しとワクなしテキストボックス） */

.mod_conbox15 {
	margin: 0 auto;
	overflow: hidden;
}

.mod_conbox15 li {
	margin-top: 30px;
	display: inline-block;
	vertical-align: top;
}

.mod_conbox15 li p {
	margin-top: 10px;
	text-align: left;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.4;
}

.mod_conbox15 li .item-img {
	margin: 0 auto;
}

.mod_conbox15 li .item-img img {
	width: 100%;
}

.mod_conbox15 li .item-text {
	padding: 15px 0 0;
}

.mod_conbox15 li a {
	color: #049fd7;
	text-align: center;
	text-decoration: none;
}
.mod_conbox15 li h4 {
	text-align: center;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.4;
}

.mod_conbox15 li h4 a {
	display: inline;
}

.mod_conbox15 li span {
	padding-left: 5px;
	font-size: 16px;
	font-size: 1.6rem;
}

.mod_conbox15 li .item-text ul {
	margin-top: 10px;
}

.mod_conbox15 li .item-text ul li {
	margin: 3px 0 0;
	max-width: 100%;
	float: none;
	position: relative;
	padding-left: 14px;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1.4;
}

.mod_conbox15 li .item-text ul li:before {
	content: '';
	position: absolute;
	display: inline-block;
	top: 6px;
	width: 8px;
	height: 1px;
	margin-left: -14px;
	background: #e2231a;
}

@media screen and (min-width: 1200px) {
  .mod_conbox15 {
	width: auto;
  }

  .mod_conbox15 li  {
	width: 204px;
	margin-right: 30px;
  }
}

@media screen and (max-width: 1199px) {
  .mod_conbox15 li {
    width: 204px;
	margin-right: 30px;
  }
}

@media screen and (min-width: 1001px) {
	.mod_conbox15 li  {
	  width: 204px;
	  margin-right: 30px;
  }
  
	.mod_conbox15 li:nth-child(4n) {
      margin-right: 0;
  }
}

@media screen and (min-width: 751px) and (max-width: 1199px) {
  .mod_conbox15 {
	  margin: 0 auto;
	  max-width: 672px;
  }
  
    .mod_conbox15 li:nth-child(3n) {
	  margin-right: 0;
  }

	.mod_conbox15 li:nth-child(4n) {
	  margin-right: 30px;
  }

	.mod_conbox15 li:nth-child(12n) {
	  margin-right: 0px;
  }
}

@media screen and (min-width: 676px) and (max-width: 1000px) {
/*  .mod_conbox15 li {
    width: 204px;
	margin-right: 30px;
  }
  
  .mod_conbox15 li:nth-child(2n) {
    margin-right: 0;
  }*/
}

@media screen and (max-width: 750px) {
  .mod_conbox15 {
    max-width: 438px;
  }
  
  .mod_conbox15 li:nth-child(even) {
    margin-right: 0;
  }
  
  .mod_conbox15 li:nth-child(odd) {
    margin-right: 30  !important;
  }
}

@media screen and (max-width: 500px) {
  .mod_conbox15 {
    max-width: 438px;
  }
  
  .mod_conbox15 li {
    width: 204px;
	display:block;
    margin: 30px auto 0 !important;
  }
  
  .mod_conbox15 li .item-text ul li {
	margin: 3px 0 0  !important;
  }
}

/* 特集_ロボットクリエーターにて使用 */

.mod_conbox10 {
	margin: 0;
	height: auto;
	display: block;
}

.mod_conbox10 h4 {
	margin-top: 20px;
	font-size: 25px;
	font-size: 2.5rem;
	line-height: 1.5;
}

.mod_conbox10 p {
	margin-top: 15px;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.8;
}

.mod_conbox10 .imgposi-l,
.mod_conbox10 .imgposi-r {
	margin-top: 20px;
	margin-bottom: 0;
}

.mod_conbox10.out {
	position: relative;
}

.mod_conbox10.out .text {
	position: absolute;
}

@media screen and (max-width: 1200px) {
  .table-scroll2 table.tb1 {
    display: block;
    width: 906px;
    margin-right: 1px;
  }

  .mod_conbox10.out {
	position: static;
  }

  .mod_conbox10.out .text {
	margin-left: 3.1%;
	margin-right: 3.1%;
	position: static;
  }
}

.mod_conbox11 {
	overflow: hidden;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
}

.mod_conbox11 .box-col2 > div,
.mod_conbox11 .box-col2 > li {
	width: 100%;
	max-width: 438px;
}

.mod_conbox11 .box-col2 > div img,
.mod_conbox11 .box-col2 > li img {
	width: 100%;
	height: auto;
}

.mod_conbox11 .box-col2 .box-col2 > div,
.mod_conbox11 .box-col2 .box-col2 > li {
	width: 100%;
	max-width: 204px;
}

.mod_conbox11 .box-l {
	float: left;
}

.mod_conbox11 .box-r {
	float: right;
}

.mod_conbox11 .box-features-02 .box-col2 {
	overflow: hidden;
}

.mod_conbox11 .box-features-02 .box-col2 > div,
.mod_conbox11 .box-features-02 .box-col2 > li {
	width: 438px;
}

.mod_conbox11 .box-features-02 .box-col2 .box-col2 > div,
.mod_conbox11 .box-features-02 .box-col2 .box-col2 > li {
	width: 204px;
}

.mod_conbox11 .box-voice {
	padding: 15px 15px 15px 50px;
	border: 1px solid #cee4fa;
	border-radius: 2px;
	background-color: #edf6ff;
	background-image: url("/business/solution/img/doublequotation.svg");
	background-repeat: no-repeat;
	background-position: 17px 17px;
}

.mod_conbox11 .box-voice > dt {
	color: #3e8ddd;
}

.mod_conbox11 .box-features-02 dl {
	margin-top: 18px;
}

.mod_conbox11 .box-features-02 dt {
	text-align: center;
}

.mod_conbox11 .box-features-02 dt img {
	max-width: 100px;
}

.mod_conbox11 .box-features-02 dt a {
	color: #049fd7;
	text-decoration: none;
}

.mod_conbox11 .box-features-02 dt a:hover {
	text-decoration: underline;
}

.mod_conbox11 .box-features-02 dt span {
	display: block;
	font-size: 15px;
	font-size: 1.5rem;
}

.mod_conbox11 .box-features-02 dd li {
	position: relative;
	margin-left: 14px;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1.4;
}

.mod_conbox11 .box-features-02 dd li:before {
	content: '';
	position: absolute;
	display: inline-block;
	top: 6px;
	width: 8px;
	height: 1px;
	margin-left: -14px;
	background: #e2231a;
}

@media screen and (max-width: 1200px) {
  .mod_conbox11 .box-col2 {
    overflow: hidden;
    width: 438px;
    margin: 0 auto;
  }
  .mod_conbox11 .box-col2 > div,
  .mod_conbox11 .box-col2 > li {
    width: 438px;
  }
  .mod_conbox11 .box-col2 .box-l {
    float: none;
    margin: 0 auto 20px;
  }
  .mod_conbox11 .box-col2 .box-r {
    float: none;
    margin: 0 auto 20px;
  }
  .mod_conbox11 .box-features-02 .box-col2 {
    overflow: hidden;
    width: 438px;
    margin: 0 auto;
  }
  .mod_conbox11 .box-features-02 .box-col2 > div,
  .mod_conbox11 .box-features-02 .box-col2 > li {
    width: 438px;
  }
  .mod_conbox11 .box-features-02 .box-col2 .box-l {
    float: left;
    margin: 0 auto 20px;
  }
  .mod_conbox11 .box-features-02 .box-col2 .box-r {
    float: right;
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 640px) {
  .mod_conbox11 .box-col2 {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
  }
  .mod_conbox11 .box-col2 > div,
  .mod_conbox11 .box-col2 > li {
    width: 100%;
  }
  .mod_conbox11 .box-features-02 .box-col2 {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
  }
  .mod_conbox11 .box-features-02 .box-col2 > div,
  .mod_conbox11 .box-features-02 .box-col2 > li {
    width: 100%;
  }
  .mod_conbox11 .box-features-02 .box-col2 .box-l {
    float: none;
    margin: 0 auto 20px;
  }
  .mod_conbox11 .box-features-02 .box-col2 .box-r {
    float: none;
    margin: 0 auto 20px;
  }
  .mod_conbox11 .contents-photo-wrap .contents-photo,
  .mod_conbox11 .contents-photo-wrap .contents-photo-l,
  .mod_conbox11 .contents-photo-wrap .contents-photo-r {
    float: none;
    margin: 0 auto 1em;
    padding: 0;
    text-align: center;
  }
  .mod_conbox11 .customer-box .customer-photo {
    float: none;
    padding: 0;
    text-align: center;
  }
  .mod_conbox11 .next-page-btn a span.text {
    display: block;
    width: 95%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
  }
  .mod_conbox11 .next-page-btn a span.text:before {
    display: none;
  }
  .mod_conbox11 .next-page-btn a span.next {
    display: none;
  }

}

/* 横3列：幅固定（上画像・下小見出しとワクなしテキストボックス） */

.mod_conbox12 {
	margin: 0 auto;
	overflow: hidden;
}

.mod_conbox12 li {
	margin-top: 30px;
	display: inline-block;
	vertical-align: top;
}

.mod_conbox12 li p {
	margin-top: 10px;
	text-align: left;
}

.mod_conbox12 li .item-img {
	margin: 0 auto;
}

.mod_conbox12 li .item-img img {
	width: 100%;
}

.mod_conbox12 li .item-text {
	padding: 15px 0 0;
}

.mod_conbox12 li a {
	color: #049fd7;
	text-align: center;
	text-decoration: none;
}

.mod_conbox12 li h4 {
	margin-top: 0px;
	padding-left: 6px;
	border-left: 8px solid #6c747d;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3;
}

.mod_conbox12 li h5 {
	margin-top: 0px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.3;
	font-weight: bold;
}

.mod_conbox12 li h4 + .item-img,
.mod_conbox12 li h5 + .item-img {
	margin-top: 20px;
}

.mod_conbox12 li span {
	padding-left: 5px;
	font-size: 16px;
	font-size: 1.6rem;
}

.mod_conbox12 li .item-text ul {
	margin-top: 10px;
}

.mod_conbox12 li .item-text ul li {
	margin: 3px 0 0;
	max-width: 100%;
	float: none;
	position: relative;
	padding-left: 14px;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1.4;
}

.mod_conbox12 li .item-text ul li:before {
	content: '';
	position: absolute;
	display: inline-block;
	top: 6px;
	width: 8px;
	height: 1px;
	margin-left: -14px;
	background: #e2231a;
}

@media screen and (min-width: 1200px) {
  .mod_conbox12 {
	width: auto;
  }

  .mod_conbox12 li  {
	width: 282px;
	margin-right: 30px;
  }
}

@media screen and (max-width: 1199px) {
  .mod_conbox12 {
	  margin: 0 auto;
	  max-width: 594px;
  }
  
    .mod_conbox12 li:nth-child(2n) {
	  margin-right: 0;
  }
}

@media screen and (min-width: 1001px) {
	.mod_conbox12 li  {
	  width: 282px;
	  margin-right: 30px;
  }
  
	.mod_conbox12 li:nth-child(3n) {
      margin-right: 0;
  }
}

@media screen and (min-width: 1001px) and (max-width: 1199px) {  
	.mod_conbox12 li:nth-child(odd) {
	  margin-right: 30px;
  }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
  .mod_conbox12 li {
    width: 282px;
	margin-right: 30px;
  }
  
  .mod_conbox12 li:nth-child(2n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 640px) {
  .mod_conbox12 {
    max-width: 564px;
  }
  
  .mod_conbox12 li {
    width: 282px;
	display:block;
    margin: 30px auto 0 !important;
  }
  
  .mod_conbox12 li .item-text ul li {
	margin: 3px 0 0  !important;
  }
}

/* 横4列：幅可変（上画像・下テキスト） */

.mod_conbox13 {
	width: 100%;
	margin: 0 auto;
}

.mod_conbox13 li {
	display: inline-block;
	width: 22.7%;
	margin-top: 30px;
	margin-right: 3.0%;
	text-align: center;
	vertical-align: top;
}
.mod_conbox13 li:nth-child(4n) {
	margin-right: 0;
}
.mod_conbox13 img {
	width: 100%;
	display: block;
	margin: 0 auto;
}
.mod_conbox13 p {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.2;
	text-align: center;
}

@media screen and (min-width: 641px) and (max-width: 1000px) {  
	/* ------ 3列 ------ */
	.mod_conbox13 li {
		width: 31.1%;
		margin-right: 3.3%;
	}

	.mod_conbox13 li:nth-child(4n) {
		margin-right: 3.3%;
	}

	.mod_conbox13 li:nth-child(3n) {
		margin-right: 0;
	}
}
@media screen and (min-width: 481px) and (max-width: 640px) {
	/* ------ 2列 ------ */
	.mod_conbox13 li {
		width: 48.3%;
	}
	.mod_conbox13 li:nth-child(2n) {
		margin-right: 0;
	}
}
@media screen and (max-width: 480px) {
	/* ------ 1列 ------ */
	.mod_conbox13 li {
		width: 100%;
		margin-right: 0;
	}
	.mod_conbox13 li:first-child {
		margin-top: 30px;
	}
	.mod_conbox13 li:nth-child(2n) {
		margin-right: 0;
	}
}

/* 横4列：幅可変（画像に枠付き） */

.mod_conbox13 li .b_img {
	border: 1px solid #e2e2e2;
	border-radius: 2px;
}

.mod_conbox13 li .b_img img {
	border-radius: 3px;
}

/* 横3列：幅可変（上画像・下ワク付テキストボックス） */

.mod_conbox14 {
	margin: 0 auto;
	overflow: hidden;
}

.mod_conbox14 li {
	width: 31.1%;
	float: left;
	margin-top: 30px;
	margin-right: 3.35%;
	display: block;
}

.mod_conbox14 li p {
	text-align: left;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.4;
}

.mod_conbox14 li .item-text {
	border: 1px solid #d1d1d1;
	padding: 0;
	background: #fff;
}

.mod_conbox14 li .item-text .icon_zoom_wrap {
	margin: 0;
	padding: 0;
}

.mod_conbox14 li .item-text img {
	width: 100%;
	vertical-align: bottom;
}

.mod_conbox14 li a {
	color: #049fd7;
	text-align: center;
	text-decoration: none;
}

.mod_conbox14 li h4 {
	margin: 0;
	padding: 12px 5px 11px;
	background-color: #f0f0f0;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.2;
	text-align: center;
}

.mod_conbox14 li p {
	margin-top: 5px;
}

.mod_conbox14 li h4 a {
	display: inline;
}

@media screen and (min-width: 1200px) {
  .mod_conbox14 {
	width: auto;
  }

  .mod_conbox14 li  {
	width: 282px;
	margin-right: 30px;
  }
}

@media screen and (min-width: 1001px) {
  .mod_conbox14 li:nth-child(3n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 641px) and (max-width: 1000px) {
  .mod_conbox14 li {
    width: 48.25%;
  }
  
  .mod_conbox14 li:nth-child(2n) {
    margin-right: 0;
  }
}
@media screen and (max-width: 640px) {
  .mod_conbox14 {
    max-width: 564px;
  }
  
  .mod_conbox14 li {
    width: 100%;
    float: none;
    margin: 30px auto 0 !important;
  }
}

/* カラーテーマ設定 */

.mod_conbox2.color1 h4,
.mod_conbox3.color1 h4,
.mod_conbox6.color1 h4 {
	color: #6c747d;
}

.mod_conbox2.color2 h4,
.mod_conbox3.color2 h4,
.mod_conbox6.color2 h4 {
	color: #ff6a00;
}

.mod_conbox2.color3 h4,
.mod_conbox3.color3 h4,
.mod_conbox6.color3 h4 {
	color: #e2231a;
}

.mod_conbox2.color4 h4,
.mod_conbox3.color4 h4,
.mod_conbox6.color4 h4 {
	color: #e96baf;
}

.mod_conbox2.color5 h4,
.mod_conbox3.color5 h4,
.mod_conbox6.color5 h4 {
	color: #4ac0e0;
}

.mod_conbox2.color6 h4,
.mod_conbox3.color6 h4,
.mod_conbox6.color6 h4 {
	color: #000000;
}

/* 画像拡大アイコン */

.icon_zoom_wrap {
	position: relative;
	display: inline-block;
}

.icon_zoom {
	position: absolute;
	right: 12px;
	bottom: 12px;
	padding: 6px 8px 5px;;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 1.2;
	color: #ffffff;
	background-color: #000000;
	border-radius: 2px;
}

@media screen and (max-width: 640px) {
	
  .mod_conbox1 ul,
  .mod_conbox2 ul {
	text-align: center;
  }
  
  .mod_conbox1 ul li:nth-child(odd),
  .mod_conbox2 ul li:nth-child(odd),
  .mod_conbox3 ul li:nth-child(odd) {
	margin-right: 0;
  }
  
  .mod_conbox1 ul li,
  .mod_conbox2 ul li,
  .mod_conbox3 ul li,
  .mod_conbox5 ul li,
  .mod_conbox5 ul li:nth-child(odd),
  .mod_conbox5 ul li:nth-child(even) {
	display: block;
	float: none;
	width: 100%;
  }
  
  .mod_conbox5 ul li {
	margin-top: 0px;
  }
  
  .mod_conbox5 ul li:first-child {
	margin-top: 25px;
  }
  
  .mod_conbox1 ul li > dl,
  .mod_conbox2 ul li > dl {
	text-align: left;
  }
  
  .mod_conbox2 ul li > dl.sp_tc {
	text-align: center !important;
  }
  .mod_conbox3 ul li h4,
  .mod_conbox3 ul li h5,
  .mod_conbox3 ul li p {
	text-align: left;
  }

  .mod_conbox4 {
	padding-top: 20px;
  }
  
  .mod_conbox4 .imgposi-l,
  .mod_conbox4 .imgposi-r {
	margin-left: 0px;
	margin-right: 0px;
  }

  .mod_conbox4 .imgposi-l img,
  .mod_conbox4 .imgposi-r img {
	margin: 0px auto 0px auto;
	display: block;
  }
  
  .mod_conbox4 h4 {
	margin-top: 15px !important;
  }

  .mod_conbox6 ul li {
	width: 100%;
	margin-bottom: 0px !important;
  }

}

/* ------ コンテンツリスト ------ */

.mod_conlist1 {
	margin-top: 20px;
}

.mod_conlist1 li {
	padding: 13px 0;
	border-bottom: 1px solid #e2e2e2;
}

.mod_conlist1 li:first-child {
	padding: 0 0 13px;
}

.mod_conlist1 dl {
	display: table;
	width: 100%;
}

.mod_conlist1 dl dt,
.mod_conlist1 dl dd {
	display: table-cell;
}

.mod_conlist1 dl dt {
	padding-right: 20px;
	width: 120px;
}

.mod_conlist1 p {
	margin-top: 0px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.2;
}

.mod_conlist1:last-child {
	margin-bottom: 0;
}

.mod_conlist1 a {
	display: inline;
	color: #049fd7;
	text-decoration: none;
}

.mod_conlist1 a:hover {
	text-decoration: none !important;
	border-bottom: 1px solid;
}

/* 見出し直下設定 */

h3.mod_h31 + .mod_conlist1,
h3.mod_h32 + .mod_conlist1,
h4.mod_h41 + .mod_conlist1,
h5.mod_h51 + .mod_conlist1 { 
	margin: 30px 0 0;
}

@media screen and (max-width: 640px) {
	
  .mod_conlist1 dl {
	display: block;
  }
  
  .mod_conlist1 dl dt,
  .mod_conlist1 dl dd {
	display: block;
  }
  
  .mod_conlist1 dl dt {
	margin-bottom: 10px;
  }
}

/* ------ テキストボックス ------ */

/* 課題と解決のポイントタイプ */
.mod_textbox1 {
	margin-top: 10px;
	display: inline-block;
	width: 100%;
	vertical-align: middle;
}

.mod_textbox1.first {
	margin-top: 40px !important;
}

.mod_textbox1 > h4,
.mod_textbox1 > h5 {
	margin: 0;
	padding: 0.8em;
	font-size: 16px;
	font-size: 1.6rem;
	background: #6c747d;
	color: #fff;
	text-align: center;
}

.mod_textbox1 p.text {
	margin-top: 0px;
	padding: 15px 20px;
	border: 3px solid #6c747d;
	border-top: 0;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.9;
}

.mod_textbox1 ul {
	border: 3px solid #6c747d;
	border-top: 0;
}

.mod_textbox1 ul li {
	padding: 10px;
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #e2e2e2;
	background: #fff;
	font-size: 14px;
	font-size: 1.4rem;
}

.mod_textbox1 ul li:last-child {
  border-bottom: 0;
}

.mod_textbox1 ul li .red,
.mod_textbox1 ul li .blue {
	position: absolute;
	top: 12px;
	left: 10px;
}

.mod_textbox1 ul li .red .path1:before {
	color: #e2231a;
}

.mod_textbox1 ul li .blue .path1:before {
	color: #3d90db;
}

.mod_textbox1 ul li .path1,
.mod_textbox1 ul li .path2 {
	font-size: 18px;
	font-size: 1.8rem;
}

.mod_textbox1 ul li span.text {
	float: left;
	padding-left: 23px;
	color: #222;
	line-height: 1.6;
}

.mod_textbox1 .point_arrow {
	margin-top: 0px;
	text-align: center;
	height: 32px;
}

.mod_textbox1 .point_arrow svg {
	margin-top: -1px;
	width: 30px;
	height: 32px;
}

.mod_textbox1 .point_arrow img.svg {
	width: 30px;
	height: 32px;
}

.mod_textbox1 .point_arrow svg path {
	fill: #6c747d;
}

/* グレー塗りのタイプ（ボーダータイプに切替有） */
.mod_textbox2 {
	margin-top: 30px;
}

.mod_textbox2 .text {
	overflow: hidden;
	padding: 25px;
	padding-bottom: 15px;
	border-radius: 2px;
	background: #f0f0f0;
}

.mod_textbox2.b_type .text {
	border: 1px solid #d1d1d1;
	background: #ffffff;
}

.mod_textbox2 .text p.box_heading {
	margin: 0 0 15px 0;
	padding: 3px 12px 2px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.2;
	color: #ffffff;
	background-color: #993126;
	display: inline-block;
}

.mod_textbox2 h4 {
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4;
}

.mod_textbox2 p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.6;
}

.mod_textbox2 .text p:first-child {
	margin-top: 0;
}

.mod_textbox2 .text p:last-child {
	margin-bottom: 10px;
}

.mod_textbox2 ul li p {
	margin-bottom: 0px !important;
}

.mod_textbox2 ul li:last-child {
	margin-bottom: 10px !important;
}

.mod_textbox2 .imgposi-r + p,
.mod_textbox2 .imgposi-l + p {
	margin-top: 0px;
}

.mod_textbox2 p.imgposi-c {
	margin: 10px auto 0;
}

.mod_textbox2 .text img {
	margin-top: 0px;
}

.mod_textbox2 p.small {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.4;
}

.mod_textbox2 a {
	color: #049fd7;
	text-decoration: none;
}

.mod_textbox2 a:hover {
	text-decoration: underline;
}

.mod_textbox2 h3 {
	border: 0;
	border-bottom: 1px solid #fff;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	padding: 20px 25px;
	font-size: 15px;
	color: #222;
	background: #e2e2e2;
}

.mod_textbox2 h3 + .text {
	margin-top: 0;
	border-radius: 0;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

/* スクロールあり */
.mod_textbox2 .text2 {
	overflow: auto;
	overflow-x: hidden;
	max-height: 380px;
	background: #f0f0f0;
	border-radius: 2px;
}

.mod_textbox2 h3 + .text2 {
	border-radius: 0 0 2px 2px;
}

.mod_textbox2 .inner_box {
	padding: 25px;
}

.mod_textbox2 dl + dl {
	padding-top: 15px;
}

.mod_textbox2 dt {
	min-width: 95px;
	display: table-cell;
	padding-right: 15px;
	font-size: 15px;
	font-size: 1.5rem;
}

.mod_textbox2 dd {
	display: table-cell;
}

.mod_textbox2 dd h4 {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.4;
	font-weight: normal;
}

.mod_textbox2 dd p {
	margin-top: 5px;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.6;
}

.mod_textbox2 dd p.link_text {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.4;
}

.mod_textbox2 dd img {
	margin: 10px 10px 0 0;
}

.mod_textbox2 .textlink a {
	display: inline-block;
    width: 25%;
}

.mod_textbox2 .column50 {
    width: 50%;
	float: left;
}

.mod_textbox2 .column50 a {
    width: 100%;
}

@media screen and (max-width: 640px) {
	.mod_textbox2 .textlink a {
		width: 50%;
	}
	.mod_textbox2 .column50,
	.mod_textbox2 .column50 a {
		width: 100%;
		float: none;
	}
	.mod_textbox2 .textlink a:nth-child(n + 3) {
		margin-top: 10px;
	}
	.mod_textbox2 .column50 a:nth-child(n + 3) {
		margin-top: 0px;
	}
}

/* コメント引用ボックス */
.mod_textbox3 {
	margin: 40px auto 0px auto;
	padding: 15px 15px 15px 50px;
	border: 1px solid #cee4fa;
	border-radius: 2px;
	background-color: #edf6ff;
	background-image: url("/business/solution/img/doublequotation.svg");
	background-repeat: no-repeat;
	background-position: 17px 17px;
}

.mod_textbox3 h4 {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
	color: #3e8ddd;
}

.mod_textbox3 p {
	margin-top: 0px;
}

/* 見出し直下設定 */
h3.mod_h31 + .mod_textbox1,
h4.mod_h41 + .mod_textbox1,
h5.mod_h51 + .mod_textbox1,
h3.mod_h31 + .mod_textbox2,
h4.mod_h41 + .mod_textbox2,
h5.mod_h51 + .mod_textbox2,
h3.mod_h31 + .mod_textbox3,
h4.mod_h41 + .mod_textbox3,
h5.mod_h51 + .mod_textbox3 { 
	margin-top: 20px;
}

/* ボーダー2pxタイプのボックス（タイトル有無・カラー切替有） */
.mod_textbox4 {
	margin-top: 30px;
}

.mod_textbox4 .text {
	overflow: hidden;
	padding: 23px;
	padding-bottom: 13px;
	border: 2px solid #e2e2e2;
	border-radius: 2px;
	background: #ffffff;
}

.mod_textbox4 h4 {
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.4;
}

.mod_textbox4 p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.8;
}

.mod_textbox4 p:first-child {
	margin-top: 0;
}

.mod_textbox4 p:last-child {
	margin-bottom: 10px;
}

.mod_textbox4 ul li p {
	margin-bottom: 0px !important;
}

.mod_textbox4 ul li:last-child {
	margin-bottom: 10px !important;
}

.mod_textbox4 .imgposi-r + p,
.mod_textbox4 .imgposi-l + p {
	margin-top: 0px;
}

.mod_textbox4 .text img {
	margin-top: 0px;
}

.mod_textbox4 p.small {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.4;
}

.mod_textbox4 a {
	color: #049fd7;
	text-decoration: none;
}

.mod_textbox4 a:hover {
	text-decoration: underline;
}

.mod_textbox4 h3 {
	border: 0;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	padding: 20px 25px;
	font-size: 15px;
	color: #222;
	background: #e2e2e2;
}

.mod_textbox4 h3 + .text {
	margin-top: 0;
	border-radius: 0;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
}

.mod_textbox4.color1 .text {
	border: 2px solid #f2cac8;
}

.mod_textbox4.color1 h3 {
	background: #f2cac8;
}

@media screen and (max-width: 640px) {

/* センター配置に */

  .mod_textbox2 .imgposi-r,
  .mod_textbox2 .imgposi-l,
  .mod_textbox4 .imgposi-r,
  .mod_textbox4 .imgposi-l {
	margin: 0 auto 15px;
	padding: 0;
	float: none;
	display: block;
}

/* 回り込みのまま */

/*  .mod_textbox2 .imgposi-r {
	margin: 5px 0 10px 15px;
	text-align: left;
	float: right;
}

  .mod_textbox2 .imgposi-l {
	margin: 5px 15px 10px 0;
	text-align: left;
	float: left;
}*/

  .mod_textbox2 .imgposi-r,
  .mod_textbox2 .imgposi-l,
  .mod_textbox4 .imgposi-r,
  .mod_textbox4 .imgposi-l {
	max-width: 100% !important;
}

  .mod_textbox2 .imgposi-r img,
  .mod_textbox2 .imgposi-l img,
  .mod_textbox4 .imgposi-r img,
  .mod_textbox4 .imgposi-l img {
	max-width: 100% !important;
	height: auto;
  }
}

/* ------ リンクグループ ------ */

.mod_linkgroup1 {
	display: block;
}

.mod_linkgroup1 p {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.5;
}

.mod_linkgroup1 p:first-child,
.mod_linkgroup1 p:last-child {
	margin-top: 0;
	margin-bottom: 0;
}

.mod_linkgroup1 .linkgroup_heading {
	font-weight: bold;
	margin-bottom: 5px !important;
	float: left;
}

.mod_linkgroup1 ul {
	margin-bottom: 10px;
	float: left;
}

.mod_linkgroup1 ul li {
	margin-right: 15px;
	float: left;
}

@media screen and (max-width: 1000px) {
	
  .mod_linkgroup1 .heading {
	float: none;
  }
  
}

/* ------ テーブル ------ */

.scroll-txt {
	display: none;
}

table.tb1 {
	margin: 20px auto 0px auto;
	padding: 0px 0px 0px 0px;
	border-collapse: separate;
	border-spacing: 0;
	width: 100%;
	border-top: 1px solid #d1d1d1;
	border-left: 1px solid #d1d1d1;
}

table.tb1 th {
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 10px 0px;
	background-color: #ececec;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	font-weight: normal;
	vertical-align: top;
}

table.tb1 td {
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 10px 0px;
	border-right: 1px solid #d1d1d1;
	border-bottom: 1px solid #d1d1d1;
	vertical-align: top;
}

table.tb1 th p, 
table.tb1 td p {
	margin: 10px 11px 0px 11px;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.5;
	text-align: left;
}

table.tb2 {
	width: 100%;
	margin-top: 20px;
}

table.tb2.bt {
	border-top: 1px solid #d1d1d1;
}

table.tb2 tr {
	border-bottom: 1px solid #d1d1d1;
	font-size: 13px;
	font-size: 1.3rem;
}

table.tb2 tr th {
	padding: 15px 0 13px;
	text-align: left;
}

table.tb2 tr td {
	padding: 15px;
	text-align: left;
}

table.tb2 th p, 
table.tb2 td p {
	margin-top: 0px;
	line-height: 1.3;
}

table.tb2 th p + p, 
table.tb2 td p + p {
	margin-top: 10px;
}

table.tb4 {
	width: 100%;
	margin-top: 20px;
}

table.tb4.bt {
	border-top: 1px solid #d1d1d1;
}

table.tb4 tr {
	border-bottom: 1px solid #d1d1d1;
	font-size: 13px;
	font-size: 1.3rem;
}

table.tb4 tr th {
	width: 10%;
	padding: 10px 0;
	text-align: left;
}

table.tb4 tr td {
	width: 90%;
	padding: 1em;
}

table.tb4 th p, 
table.tb4 td p {
	margin-top: 0px;
	line-height: 1.3;
}

table.tb4 th p + p, 
table.tb4 td p + p {
	margin-top: 10px;
}

/* テーブル内リスト設定 */

table.tb1 td ul.mod_ul1 {
	margin: 0px 11px 0px 11px;
	padding: 5px 0px 0px 0px;
}

table.tb4 td ul.mod_ul1 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table td ul.mod_ul1 li p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table.tb1 td ul.mod_ul2 {
	margin: 0px 11px 0px 11px;
	padding: 6px 0px 0px 0px;
}

table.tb4 td ul.mod_ul2 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table td ul.mod_ul2 li p {
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* コンテンツボックス内テーブル設定 */

.mod_conbox1 table.tb1 {
	margin-top: 0;
}

.mod_conbox1 table.tb1 th p, 
.mod_conbox1 table.tb1 td p {
	margin-left: 11px !important;
	margin-right: 11px !important;
}

.mod_conbox1 table td ul.mod_ul1 li p,
.mod_conbox1 table td ul.mod_ul2 li p {
	margin-left: 0px !important;
	margin-right: 0px !important;
}

.mod_conbox1 table td ul.mod_ul1 li p + p,
.mod_conbox1 table td ul.mod_ul2 li p + p {
	margin-top: 5px;
}

/* 上に画像などの要素がある場合 */

.mod_conbox1 dd table.tb1 {
	margin-top: 15px;
}

@media screen and (max-width: 1000px) {
	
  table.tb4 tr th {
	width: 25%;
  }
  
  table.tb4 tr td {
	width: 75%;
  }

 .scroll-txt {
    display: block;
    color: #e2231a;
    text-align: center;
    margin-top: 20px;
  }
}

@media screen and (max-width: 1200px) {
  table.table-style10 {
    display: block;
    width: 906px;
    margin-right: 1px;
  }
  .table-scroll2 {
    overflow: auto;
  }
}
/* テーブルに対して見出しやキャプションがつく場合 */

.table_wrap {
	margin: 20px auto 0;
	width: 100%;
}

.table_wrap h5 {
	margin-top: 0px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.3;
	font-weight: bold;
}

.table_wrap table.tb1,
.table_wrap table.tb4 {
	margin-top: 8px;
}

/* ------ ダウンロードリスト ------ */

.mod_download-box-area .download-category {
  font-size: 1.8rem;
  color: #222;
  padding-top: 28px;
}
.mod_download-box-area .download-list-item {
  display: block;
  float: left;
  vertical-align: top;
  box-sizing: border-box;
  width: 49.5%;
  padding-top: 28px;
}
.mod_download-box-area .download-list-item >dl {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 20px;
}
.mod_download-box-area .download-list {
  width: 100%;
  overflow: hidden;
}
.mod_download-box-area .download-list .download-list-item:nth-child(odd) {
  padding-right: 28px;
}
.mod_download-box-area .download-image {
  text-align: center;
}
.mod_download-box-area .download-image img {
  border: 1px solid #d1d1d1;
}
.mod_download-box-area .download-text-area {
  margin-top: 17px;
}
.mod_download-box-area .download-text-area a {
  color: #049fd7;
}
.mod_download-box-area .download-text-area a:hover {
  text-decoration: underline;
}
.mod_download-box-area .download-text-area .icon-pdf_1_2 {
  font-size: 1.6rem;
  margin: 0 2px;
}
.mod_download-box-area .link-text {
  font-size: 1.5rem;
  line-height: 1.5;
  text-decoration: none;
}
.mod_download-box-area .link-text .detail {
  padding-left: 6px;
}
.mod_download-box-area .download-data {
  font-size: 1.5rem;
}
.mod_download-box-area .download-text,
.mod_download-box-area .download-sup {
  line-height: 1.5;
  margin-top: 6px;
  font-size: 1.3rem;
}

.mod_download-box-area .main .box-photo.bg-gray {
  padding-bottom: 0px;
}

/* icon-font */
.mod_download-box-area a .icon-win_2_1 {
  padding-left: 6px !important;
  font-size: 16px !important;
  font-size: 1.6rem !important;
}

@media screen and (max-width: 640px) {
  /* 640 download */
  .mod_download-box-area .download-list {
    text-align: center;
  }
  .mod_download-box-area .download-list .download-list-item:nth-child(odd) {
    padding-right: 0;
  }
  .mod_download-box-area .download-list-item {
    display: block;
    float: none;
    width: 100%;
  }
  .mod_download-box-area .download-list-item >dl {
    text-align: left;
  }
} 

/* ------ ボタンエリア ------ */

.mod_btnarea1,
.mod_btnarea2 {
	margin: 30px auto 0;
}

/* ボタン1つ */
/* インラインでaにmax-widthを指定 */

.mod_btnarea1 a {
	padding: 13px 15px 14px;
	display: block !important;
	box-sizing: border-box;
	font-size: 15px;
	font-size: 1.6rem;
	line-height: 1.3;
	text-align: center;
	border-radius: 3px;
	text-decoration: none;
}
.mod_btnarea1 a:hover {
	text-decoration: underline;
}

/* ボタン2つ並び */
/* インラインでbtnarea2とaにmax-widthを指定 */

.mod_btnarea2 a {
	padding: 13px 15px 14px;
	float: left;
	width: 100%;
	box-sizing: border-box;
	font-size: 15px;
	font-size: 1.6rem;
	line-height: 1.3;
	text-align: center;
	border-radius: 3px;	
}

.mod_btnarea2 a:first-child {
	margin-right: 30px;
}

/* 本文中ボタン */
.mod_btnarea3 {
	margin: 10px 0 0;
	display: inline-block;
}

.mod_btnarea3 a {
	padding: 6px 15px 6px;
	box-sizing: border-box;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.3;
	text-align: center;
	border-radius: 3px;
	display: block !important;
}

.mod_btnarea3 a .icon-mv_1_1 {
	font-size: 16px;
	font-size: 1.6rem;
	vertical-align: text-bottom;
}

@media screen and (max-width: 1000px) {
	
  .mod_btnarea2 a {
	margin: 0 auto;
	max-width: 100% !important;
	display: block !important;
	float: none;
  }
  
  .mod_btnarea2 a:last-child {
	margin-top: 15px;
  }

}

/* ------ ボタンテキスト ------ */

.mod_btntext1 {
	width: 100%;
	margin-top: 60px;
}

.mod_btntext1 a {
	position: relative;
	display: block !important;
	width: 100%;
	margin: 0 auto;
	padding: 1em 0;
	border: 1px solid #d1d1d1;
	border-bottom: 1px solid #b4b4b4;
	border-radius: 2px;
	background-color: #fafafa;
	background-image: -webkit-linear-gradient(top, #fafafa 0%, #f0f0f0 100%);
	background-image: linear-gradient(to bottom, #fafafa 0%, #f0f0f0 100%);
	color: #049fd7;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	text-decoration: none !important;
}

.mod_btntext1 a:hover {
	background-color: #f0f0f0;
	background-image: -webkit-linear-gradient(top, #f0f0f0 0%, #fafafa 100%);
	background-image: linear-gradient(to bottom, #f0f0f0 0%, #fafafa 100%);
}

.mod_btntext1 a span.text {
	position: relative;
	padding-left: 96px;
	text-align: left;
}

.mod_btntext1 a span.text:before {
	content: "";
	position: absolute;
	display: inline-block;
	top: -3px;
	left: 0;
	width: 90px;
	height: 24px;
	background: url("/business/img/nextpage.svg") no-repeat;
}

.mod_btntext1 a span.next {
	display: none;
}

@media screen and (max-width: 640px) {

  .mod_btntext1 a span.text {
	display: block;
	width: 95%;
	margin: 0 auto;
	padding: 0;
	text-align: center;
  }
  
  .mod_btntext1 a span.text:before {
	display: none;
  }
  
  .mod_btntext1 a span.next {
	display: none;
  }
  
}

/* ------ 関連ボックス ------ */

.mod_work_box {
	margin: 0;
	padding: 0;
}

.mod_work_box .work_box_wrap ul {
	overflow: hidden;
}

.mod_work_box .work_box_wrap ul li {
	margin-top: 30px;
	display: table;
	float: left;
	width: 48%;
	max-width: 537px;
	border: 1px solid #d1d1d1;
	background: #fff;
}

.mod_work_box .work_box_wrap ul li:nth-child(2n) {
  float: right;
}

.mod_work_box .work_box_wrap ul li .list_img {
	display: table-cell;
	width: 20%;
	max-width: 167px;
	max-height: 170px;
	padding-right: 15px;
}

.mod_work_box .work_box_wrap ul li .list_img:hover {
	border: none;
}

.mod_work_box .work_box_wrap ul li .list_img img {
	width: 152px;
	margin-left: 15px;
	margin-right: 10px;
}

.mod_work_box .work_box_wrap ul li .list_text {
	display: table-cell;
	padding: 15px 15px 15px 15px;
	vertical-align: middle;
}

.mod_work_box .work_box_wrap ul li .list_text a {
	display: block;
	color: #049fd7;
	font-size: 16px;
	font-size: 1.6rem;
	text-decoration: none;
}

.mod_work_box .work_box_wrap ul li .list_text a:hover {
	text-decoration: underline;
	border: none;
}

.mod_work_box .work_box_wrap ul li .list_text a .icon-win_2_1,
.mod_work_box .work_box_wrap ul li .list_text a .icon-arrow_4_2 {
	display: inline;
	padding-left: 6px;
}

.mod_work_box .work_box_wrap ul li .list_text span {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	ine-height: 1.4;
}

.mod_work_box .work_box_wrap ul li .list_text p {
	margin-top: 8px;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.4;
}

.mod_work_box .work_box_wrap ul li .list_text .product_link {
	font-size: 13px;
	font-size: 1.3rem;
}

.mod_work_box .work_box_wrap ul li .list_text .btn {
	font-size: 13px;
	font-size: 1.3rem;
	display: block;
	width: 80%;
	margin: 10px 0 0;
	padding: 4px 5px;
	border: 1px solid #049fd7;
	border-radius: 3px;
	text-align: center;
}

.mod_work_box .work_box_wrap ul li .list_text .btn:hover {
	background: #049fd7;
	color: #fff;
}

.mod_work_box .work_box_wrap ul li.on {
	cursor: pointer;
}

.mod_work_box .work_box_wrap ul li.on a.on {
	text-decoration: underline;
}

@media screen and (max-width: 640px) {
  .mod_work_box .work_box_wrap ul li {
	float: none !important;
	width: 100%;
	max-width: none;
	margin: 30 auto 0px;
  }
  
  .mod_work_box .work_box_wrap ul li .list_img {
	width: 10%;
  }

}

.mod_work_box2 {
	margin-top: 30px;
	margin-bottom: 0;
	padding-top: 30px;
	width: 100%;
	background: #e6e6e6;
}

.mod_work_box2 .work_box_wrap {
	margin: 0 auto;
	padding-top: 0;
	width: 93.79%;
}

.mod_work_box2 .work_box_wrap h3 {
	margin-bottom: 30px;
	font-size: 18px;
	font-size: 1.8rem;
}
.mod_work_box2 .work_box_wrap ul {
	overflow: hidden;
	margin: 0 auto;
}

.mod_work_box2 .work_box_wrap ul > li {
	float: left;
	width: 48.32%;
	overflow: hidden;
	margin-bottom: 20px;
}

.mod_work_box2 .work_box_wrap a {
	color: #049fd7;
	text-decoration: none;
}

.mod_work_box2 .work_box_wrap a:hover {
	text-decoration: underline;
}

.mod_work_box2 .work_box_wrap h2 {
	margin-bottom: 30px;
	font-size: 18px;
	font-size: 1.8rem;
}

.mod_work_box2 .work_box_wrap p.list_img {
	position: absolute;
	width: 128px;
	text-align: center;
}

.mod_work_box2 .work_box_wrap p.list_img img {
	width: 128px;
}

.mod_work_box2 .work_box_wrap .list_text {
	min-height: 96px;
	padding-left: 143px;
	line-height: 1.5;
	margin-bottom: 15px;
}

.mod_work_box2 .work_box_wrap h4 {
	padding-top: 3px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.3;
}

.mod_work_box2 .work_box_wrap h4 + .detail {
	margin-top: 8px;
}

.mod_work_box2 .work_box_wrap .text,
.mod_work_box2 .work_box_wrap .small,
.mod_work_box2 .work_box_wrap .title,
.mod_work_box2 .work_box_wrap .detail {
	display: block;
}

.mod_work_box2 .work_box_wrap .detail,
.mod_work_box2 .work_box_wrap .text,
.mod_work_box2 .work_box_wrap .small {
	font-size: 13px;
	font-size: 1.3rem;
}

.mod_work_box2 .work_box_wrap .text {
	margin-top: 8px;
}

.mod_work_box2 .work_box_wrap ul > li:nth-child(2n) {
	margin-left: 3.32%;
}

@media screen and (max-width: 640px) {
  .mod_work_box2 .work_box_wrap > ul > li {
	float: none;
	width: 100%;
	min-height: 111px;
	padding: 0;
  }
  
  .mod_work_box2 .work_box_wrap > ul > li:nth-child(2n) {
	margin-left: 0;
  }
}

/* ------ コンタクトボックス ------ */

.mod_contactbox1 {
	margin: 40px 0 0;
	padding: 0 20px 20px;
	background: #e2eefa;
}

.mod_contactbox1 h4 {
	padding: 20px 0;
	color: #222;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
	text-align: center;
}

.mod_contactbox1  > .box_wrap {
	overflow: hidden;
}

.mod_contactbox1  > .box_wrap > div {
	float: left;
	width: 423px;
	margin: 0 auto;
}

.mod_contactbox1 > .box_wrap > div + div {
	float: right;
}

.mod_contactbox1 .title {
	padding: 18px 15px;
	background: #3e8ddd;
	font-size: 15px;
	font-size: 1.5rem;
	color: #fff;
	text-align: center;
}

.mod_contactbox1 .text {
	padding: 20px;
	background-color: #fff;
}

.mod_contactbox1 .text p {
	margin-top: 10px;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.4;
	color: #333;
}

.mod_contactbox1 .text p:first-child {
	margin-top: 0px;
}

.mod_contactbox1 .text .logo,
.mod_contactbox1 .text .tel {
	line-height: 23px;
	margin-top: 20px;
	text-align: center;
}

.mod_contactbox1 .text .logo img,
.mod_contactbox1 .text .tel img {
	max-width: 100%;
}

/* ボタン1つ */
/* インラインでaにmax-widthを指定 */

.mod_contactbox1 .text .btnarea1 {
	margin-top: 20px;
	text-align: center;
}

.mod_contactbox1 .text .btnarea1 a {
	margin: 0 auto;
	padding: 13px 10px 14px;
	display: block;
	box-sizing: border-box;
	font-size: 15px;
	font-size: 1.6rem;
	line-height: 1.3;
	text-align: center;
	border-radius: 3px;
}

/* ボタン2つ並び */
/* インラインでbtnarea2とaにmax-widthを指定／clearfix必須 */

.mod_contactbox1 .text .btnarea2 {
	margin: 20px auto 0;
}

.mod_contactbox1 .text .btnarea2 a {
	margin: 0 auto;
	padding: 13px 10px 14px;
	display: block;
	float: left;
	width: 100%;
	box-sizing: border-box;
	font-size: 15px;
	font-size: 1.6rem;
	line-height: 1.3;
	text-align: center;
	border-radius: 3px;
}

.mod_contactbox1 .text .btnarea2 a:first-child {
	margin-right: 30px;
}

.mod_contactbox1 .text span {
	color: #049fd7;
	font-size: 15px;
	font-size: 1.5rem;
}

.mod_contactbox1 .text a {
	color: #049fd7;
	text-decoration: none;
}

.mod_contactbox1 .text a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 1200px) {
  .mod_contactbox1 > .box_wrap > div {
	float: none;
	width: 100%;
  }
  .mod_contactbox1 > .box_wrap > div + div {
	float: none;
	padding-top: 20px;
  }

}

@media screen and (max-width: 1000px) {
  .mod_contactbox1 .text .btnarea2 a {
	margin: 0 auto;
	max-width: 100% !important;
	float: none;
  }
  
  .mod_contactbox1 .text .btnarea2 a:last-child {
	margin-top: 10px;
  }
}

/* ボックス2つ並び */

.mod_contactbox2 {
	margin: 40px 0 0;
	padding: 0 20px 20px;
	background: #e2eefa;
}

.mod_contactbox2 h4 {
	padding: 20px 0;
	color: #222;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1;
	text-align: center;
}

.mod_contactbox2 .box_wrap {
	overflow: hidden;
}

.mod_contactbox2 .box_wrap .heading {
	padding: 18px 15px;
	background: #3e8ddd;
	font-size: 15px;
	font-size: 1.5rem;
	color: #fff;
	text-align: center;
}

.mod_contactbox2 .box_wrap .boxarea {
	float: left;
	width: 49%;
	margin: 0 auto;
}

.mod_contactbox2 .box_wrap .boxarea + .boxarea {
	float: right;
}

.mod_contactbox2 .box_wrap .box {
	padding: 20px;
	background: #fff;
}

.mod_contactbox2 .box p {
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.4;
	color: #333;
}

.mod_contactbox2 .box p:first-child {
	margin-top: 0px;
}

.mod_contactbox2 .box .btnarea {
	margin-top: 20px;
	text-align: center;
}

.mod_contactbox2 .box .btnarea a {
	display: block;
	width: 282px;
	width: 100%;
	max-width: 282px;
	height: 46px;
	margin: 0 auto;
	border: 1px solid #049fd7;
	box-sizing: border-box;
	color: #049fd7;
	font-size: 15px;
	font-size: 1.6rem;
	text-align: center;
	line-height: 44px;
	border-radius: 3px;
}

.mod_contactbox2 .box .btnarea a:hover {
	background: #049fd7;
	color: #fff;
}

.mod_contactbox2 .box .imgarea {
	margin-top: 20px;
	text-align: center;
}

.mod_contactbox2 .box .imgarea img {
	max-width: 100%;
}

/* telareaはmod_contactbox1&2で共通 */

.mod_contactbox1 .text .telarea,
.mod_contactbox2 .box .telarea {
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 1.2;
	text-align: center;
	color: #222222;
}

.mod_contactbox1 .text .telarea span,
.mod_contactbox2 .box .telarea span {
	margin-right: 6px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.4;
	vertical-align: middle;
	color: #222222;
}

@media screen and (max-width: 1200px) {
  .mod_contactbox2 .box_wrap .boxarea {
	float: none;
	width: 100%;
  }
  .mod_contactbox2 .box_wrap .boxarea + .boxarea {
	float: none;
	padding-top: 20px;
  }
}

@media screen and (max-width: 640px) {
  .mod_contactbox1 .text .telarea span,
  .mod_contactbox2 .box .telarea span {
	margin-right: 0px;
	display: block;
  }
}

/* ------ リンク ------ */

.mod_textarea1 a {
	display: inline;
	color: #049fd7;
	text-decoration: none;
}

.mod_textarea1 a:hover {
	text-decoration: underline;
}

.mod_linktext {
	margin-top: 20px !important;
	line-height: 1.6 !important;
}

.mod_linktext + .mod_linktext {
	margin-top: 10px !important;
}

.mod_linktext a {
	font-size: 15px;
	font-size: 1.5rem;
}

/* ------ ボタンリンク、アンカー ------ */

.mod_btn-tab {
  overflow: hidden;
  margin: 30px auto 0;
}
.mod_btn-tab .btn-tab-item {
  float: left;
  margin-top: 15px;
  line-height: 1.2;
  list-style: none;
  padding: 0;
}
.mod_btn-tab .btn-tab-item4 {
  width: 23%;
  margin-right: 2.6%;
}
.mod_btn-tab .btn-tab-item3 {
  width: 31%;
  margin-right: 3.4%;
}
.mod_btn-tab .btn-tab-item2 {
  width: 48.25%;
  margin-right: 3.5%;
}
.mod_btn-tab .btn-tab-item a,
.mod_btn-tab .btn-tab-item > span {
  display: block;
  padding: 1em 1em;
  border: 1px solid #049fd7;
  border-radius: 3px;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
  text-decoration: none;
}
.mod_btn-tab .btn-tab-item a {
  color: #049fd7;
  min-height: 48px; /* for ie */
}
.mod_btn-tab .btn-tab-item a:hover {
  background: #049fd7;
  color: #fff;
}
.mod_btn-tab .btn-tab-item a span {
  padding-left: 5px;
  font-size: 16px;
  font-size: 1.6rem;
}
.mod_btn-tab .btn-tab-item a .icon-anchor_1_2 {
  position: relative;
  top: 3px;
}
.mod_btn-tab .btn-tab-item > span.current {
  background: #d1d1d1;
  border: 0;
}
/*ボタンの色・緑*/
.mod_btn-tab .btn-tab-item_g {}
.mod_btn-tab .btn-tab-item_g a,
.mod_btn-tab .btn-tab-item_g > span {border: 1px solid #68bf4b !important;}
.mod_btn-tab .btn-tab-item_g a {color:#68bf4b !important;}
.mod_btn-tab .btn-tab-item_g a:hover {background:#68bf4b !important;color:#fff !important;}
/*ボタンの色・ピンク*/
.mod_btn-tab .btn-tab-item_p {}
.mod_btn-tab .btn-tab-item_p a,
.mod_btn-tab .btn-tab-item_p > span {border: 1px solid #ff6699 !important;}
.mod_btn-tab .btn-tab-item_p a {color:#ff6699 !important;}
.mod_btn-tab .btn-tab-item_p a:hover {background:#ff6699 !important;color:#fff !important;}


@media screen and (min-width: 1001px) {
  .mod_btn-tab .btn-tab-item4:nth-child(4n),
  .mod_btn-tab .btn-tab-item3:nth-child(3n),
  .mod_btn-tab .btn-tab-item2:nth-child(2n) {
    margin-right: 0;
  }
  .mod_btn-tab .btn-tab-item4:nth-of-type(1),
  .mod_btn-tab .btn-tab-item4:nth-of-type(2),
  .mod_btn-tab .btn-tab-item4:nth-of-type(3),
  .mod_btn-tab .btn-tab-item4:nth-of-type(4),
  .mod_btn-tab .btn-tab-item3:nth-of-type(1),
  .mod_btn-tab .btn-tab-item3:nth-of-type(2),
  .mod_btn-tab .btn-tab-item3:nth-of-type(3),
  .mod_btn-tab .btn-tab-item2:nth-of-type(1),
  .mod_btn-tab .btn-tab-item2:nth-of-type(2) {
    margin-top: 0;
  }
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
  .mod_btn-tab .btn-tab-item {
    width: 48.25%;
  }
  .mod_btn-tab .btn-tab-item:nth-child(2n) {
    margin-right: 0;
  }
  .mod_btn-tab .btn-tab-item:nth-of-type(1),
  .mod_btn-tab .btn-tab-item:nth-of-type(2) {
    margin-top: 0;
  }
}
@media screen and (max-width: 640px) {
  .mod_btn-tab  {
    margin-top: 0;
  }
  .mod_btn-tab .btn-tab-item {
    float: none;
    width: 100%;
  }
}

.mod_btn-tab2 {
  overflow: hidden;
  float: left;
  width: 48.25%;
}
div > .mod_btn-tab2:first-child {
	margin-right: 3.5%;
}
.mod_btn-tab2 .btn-tab-item {
  margin-top: 15px;
}
.mod_btn-tab2 .btn-tab-item:first-child {
  margin-top: 0px;
}
.mod_btn-tab2 .btn-tab-item a,
.mod_btn-tab2 .btn-tab-item > span {
  display: block;
  padding: 1em 1em;
  border: 1px solid #049fd7;
  border-radius: 3px;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
  text-decoration: none;
}
.mod_btn-tab2 .btn-tab-item a {
  color: #049fd7;
}
.mod_btn-tab2 .btn-tab-item a:hover {
  background: #049fd7;
  color: #fff;
}
.mod_btn-tab2 .btn-tab-item a span {
  padding-left: 5px;
  font-size: 16px;
  font-size: 1.6rem;
}
.mod_btn-tab2 .btn-tab-item a .icon-anchor_1_2 {
  position: relative;
  top: 3px;
}
.mod_btn-tab2 .btn-tab-item > span.current {
  background: #d1d1d1;
  border: 0;
}

@media screen and (max-width: 640px) {
  .mod_btn-tab2 {
    float: none;
    width: 100%;
  }
  div .mod_btn-tab2:nth-of-type(2) .btn-tab-item:first-child {
	margin-top: 15px;
  }
  
}

/* ------ リスト内条件追加 ------ */

.mod_ul1 .mod_linktext {
	margin-top: 0px !important;
}

/* ------ ボタン ------ */

a.btn1 {
	background-color: #5ca7f3;
	background-image: -webkit-linear-gradient(top, #5ca7f3 0%, #3e8ddd 100%);
	background-image: linear-gradient(to bottom, #5ca7f3 0%, #3e8ddd 100%);
	  border: none;
	color: #ffffff !important;
	text-shadow: 0 1px rgba(0,0,0,0.5);
}

a.btn1:hover {
	background-color: #7db9f5;
	background-image: -webkit-linear-gradient(top, #7db9f5 0%, #65a4e4 100%);
	background-image: linear-gradient(to bottom, #7db9f5 0%, #65a4e4 100%);
	text-decoration: underline;
}

a.btn2 {
	background-color: #90979e;
	background-image: -webkit-linear-gradient(top, #90979e 0%, #6d747d 100%);
	background-image: linear-gradient(to bottom, #90979e 0%, #6d747d 100%);
	border: nonet;
	color: #ffffff !important;
	text-shadow: 0 1px rgba(0,0,0,0.5);
}

a.btn2:hover {
	background-color: #a6acb1;
	background-image: -webkit-linear-gradient(top, #a6acb1 0%, #8a9097 100%);
	background-image: linear-gradient(to bottom, #a6acb1 0%, #8a9097 100%);
		text-decoration: underline;
}

a.btn3 {
	background-color: #f64e46;
	background-image: -webkit-linear-gradient(top, #f64e46 0%, #e2241b 100%);
	background-image: linear-gradient(to bottom, #f64e46 0%, #e2241b 100%);
	border: none;
	color: #ffffff !important;
	text-shadow: 0 1px rgba(0,0,0,0.5);
}

a.btn3:hover {
	background-color: #f8716b;
	background-image: -webkit-linear-gradient(top, #f8716b 0%, #e85049 100%);
	background-image: linear-gradient(to bottom, #f8716b 0%, #e85049 100%);
	text-decoration: underline;
}

a.btn4 {
	background-color: #8cdd6d;
	background-image: -webkit-linear-gradient(top, #8cdd6d 0%, #6abf4a 100%);
	background-image: linear-gradient(to bottom, #8cdd6d 0%, #6abf4a 100%);
	border: none;
	color: #ffffff !important;
	text-shadow: 0 1px rgba(0,0,0,0.5);
}
a.btn4:hover {
	background-color: #a3e48a;
	background-image: -webkit-linear-gradient(top, #a3e48a 0%, #88cc6e 100%);
	background-image: linear-gradient(to bottom, #a3e48a 0%, #88cc6e 100%);
	text-decoration: underline;
}

a.btn5 {
	border: 1px solid #049fd7;
	box-sizing: border-box;
}
a.btn5:hover {
	background: #049fd7;
	color: #fff;
	text-decoration: underline;
}

a.btn6 {
	background-color: #e96baf;
	background-image: -webkit-linear-gradient(top, #f281be 0%, #e96baf 100%);
	background-image: linear-gradient(to bottom, #f281be 0%, #e96baf 100%);
	border: none;
	color: #ffffff !important;
	text-shadow: 0 1px rgba(0,0,0,0.5);
}
a.btn6:hover {
	background-color: #f59acb;
	background-image: -webkit-linear-gradient(top, #f59acb 0%, #ed89bf 100%);
	background-image: linear-gradient(to bottom, #f59acb 0%, #ed89bf 100%);
	text-decoration: underline;
}

a.btn7 {
	background-color: #fc8530;
	background-image: -webkit-linear-gradient(top, #fc8530 0%, #ff6a00 100%);
	background-image: linear-gradient(to bottom, #fc8530 0%, #ff6a00 100%);
	border: none;
	color: #ffffff !important;
	text-shadow: 0 1px rgba(0,0,0,0.5);
}
a.btn7:hover {
	background-color: #fd9d59;
	background-image: -webkit-linear-gradient(top, #fd9d59 0%, #ff8834 100%);
	background-image: linear-gradient(to bottom, #fd9d59 0%, #ff8834 100%);
	text-decoration: underline;
}

/* ------ 文中画像 ------ */

.imgposi-c {
	margin: 10px auto 0;
	text-align: center;
	max-width: 100%;
}

.imgposi-c p {
	text-align: left;
}

.imgposi-r {
	margin: 5px 0 10px 15px;
	text-align: left;
	float: right;
}

.imgposi-l {
	margin: 5px 15px 10px 0;
	text-align: left;
	float: left;
}

.imgposi-r,
.imgposi-l {
	max-width: 100%;
}

.imgposi-c img,
.imgposi-r img,
.imgposi-l img {
	margin-top: 10px;
	max-width: 100%;
	height: auto;
}

/* 見出し直下or見出しなし先頭設定 */

h3.mod_h31 + .imgposi-r,
h3.mod_h31 + .imgposi-l,
h4.mod_h41 + .imgposi-r,
h4.mod_h41 + .imgposi-l,
h5.mod_h51 + .imgposi-r,
h5.mod_h51 + .imgposi-l { 
	margin-top: 15px
}

.mod_textarea1 > .imgposi-r:first-child + p,
h3.mod_h31 + .imgposi-r + p,
h3.mod_h31 + .imgposi-l + p,
h4.mod_h41 + .imgposi-r + p,
h4.mod_h41 + .imgposi-l + p,
h5.mod_h51 + .imgposi-r + p,
h5.mod_h51 + .imgposi-l + p { 
	margin-top: 20px
}

.mod_textarea1 > .imgposi-r:first-child img { 
	margin-top: 0px
}

.mod_textarea1 h3.mod_h31 + .mod_ul1,
.mod_textarea1 h3.mod_h31 + .mod_ul2,
.mod_textarea1 h4.mod_h41 + .mod_ul1,
.mod_textarea1 h4.mod_h41 + .mod_ul2,
.mod_textarea1 h5.mod_h51 + .mod_ul1,
.mod_textarea1 h5.mod_h51 + .mod_ul2 { 
	padding-top: 15px
}

.mod_textarea1 .imgposi-c + p { 
	margin-top: 20px
}

@media screen and (max-width: 640px) {

  .imgposi-r,
  .imgposi-l {
	float: none;
	margin: 0 auto 15px;
	padding: 0;
	display: block;
  }
  
  .imgposi-c img,
  .imgposi-r img,
  .imgposi-l img {
	width: 100% !important;
}
  
  /* 見出し直下or見出しなし先頭配置設定 */
  
  h3.mod_h31 + .imgposi-r,
  h3.mod_h31 + .imgposi-l,
  h4.mod_h41 + .imgposi-r,
  h4.mod_h41 + .imgposi-l,
  h5.mod_h51 + .imgposi-r,
  h5.mod_h51 + .imgposi-l { 
	margin-top: 10px
  }

  h3.mod_h31 + .imgposi-r + p,
  h3.mod_h31 + .imgposi-l + p,
  h4.mod_h41 + .imgposi-r + p,
  h4.mod_h41 + .imgposi-l + p,
  h5.mod_h51 + .imgposi-r + p,
  h5.mod_h51 + .imgposi-l + p { 
	margin-top: 10px
  }

.mod_textarea1 > .imgposi-r:first-child img { 
	margin-top: 20px
}

}

/* ------ 画像2列 ------ */
/* mod_modal_img:空き20px */
/* mod_modal_img2:空き30px */

.mod_modal_img,
.mod_modal_img2 {
	width: 100%;
	max-width: 906px;
	margin: 25px auto 0;
}

.mod_modal_img img {
	width: 48.89%;
	height: auto;
}

.mod_modal_img2 img {
	width: 48.34%;
	height: auto;
}

.mod_modal_img img:nth-child(2n+0) {
	margin-left: 2.2%;
}

.mod_modal_img2 img:nth-child(2n+0) {
	margin-left: 3.3%;
}

@media screen and (max-width: 880px) {
	
  .mod_modal_img img {
	margin: 0 auto;
	width: 100%;
	max-width: 443px;
	height: auto;
	display: block;
  }
  
  .mod_modal_img2 img {
	margin: 0 auto;
	width: 100%;
	max-width: 438px;
	height: auto;
	display: block;
  }
  
  .mod_modal_img img:nth-child(2n+0),
  .mod_modal_img2 img:nth-child(2n+0) {
	margin: 20px auto 0px auto;
  }
  
}

/* ------ 埋め込み動画 ------ */

.mod_moviearea {
	width: 80%;
	margin: 0 auto;
	padding-top: 30px;
}

.wrap-movie {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.wrap-movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 640px) {
 
  .mod_moviearea {
	width: 100%;
  }
  
}

/* ------ アイコンフォント ------ */

a .icon-win_1_1,
a .icon-win_1_2,
a .icon-win_2_1,
a .icon-win_2_2,
a .icon-arrow_4_1,
a .icon-arrow_4_2 {
	padding-left: 6px !important;
	font-size: 16px !important;
	font-size: 1.6rem !important;
}

a .icon-pdf_1_2,
a .icon-mv_1_1,
a .icon-dl_1_1 {
	padding-left: 6px !important;
	font-size: 18px !important;
	font-size: 1.8rem !important;
}

/* ------ ボーダー ------ */

hr {
	margin: 10px 0 0;
}

hr.border2 {
	border-width: 2px 0 0 0;
	border-style: solid;
}

hr.red {
	border-color: #e2231a;
}

/* ------ h1エリア ------ */

.mod_h1areaarticle {
	padding: 25px 3.125%;
	background-color: #989da4;
	margin-top: 1px;
}
.mod_h1areaarticle h1 {
	font-size: 30px;
	font-size: 3.0rem;
	line-height: 1.4;
	color: #ffffff;
	margin: 0 !important;
	width: 100%;
}


/* ------ h2見出し（製品情報／お知らせ／その他記事のみの特殊設定） ------ */

/* ------ h2エリア ------ */

.mod_h2areaarticle {
  padding: 25px 3.125%;
  background-color: #989da4;
  margin-top: 1px;
}
.mod_h2areaarticle h2 {
  font-size: 30px;
  font-size: 3.0rem;
  line-height: 1.4;
  color: #ffffff;
}

/* ------ h1見出し（SNSボタンなし） ------ */

h1.product .title2 {
	font-size: 22px;
	font-size: 2.2rem;
}

/* ------ ラジオボタン（タブ配下の選択エリアに使用） ------ */

.mod_selectlist {
  margin-top: 30px;
  font-size: 13px;
  font-size: 1.3rem;
}
.mod_selectlist label {
  display: inline-block;
  float: none;
  width: 30.6%;
  margin-right: 3.315%;
  padding: 10px 0;
  border-bottom: 1px solid #e2e2e2;
  vertical-align: top;
  cursor: pointer;
}
.mod_selectlist label:nth-child(3n) {
  margin-right: 0;
}
.mod_selectlist label.n4 {
  width: 22.51%;
}
.mod_selectlist label.n4:nth-child(3n) {
  margin-right: 3.315%;
}
.mod_selectlist label.n4:nth-child(4n) {
  margin-right: 0;
}
.mod_selectlist label span {
  padding-left: 5px;
  color: #049fd7;
}
.mod_selectlist label input[type="radio"]:checked + span {
  color: #333;
}

/* -- ラベル大 -- */
.mod_selectlist.selectlist_l {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
}
.mod_selectlist.selectlist_l label {
  padding: 10px 0px 8px 0px;
}
.mod_selectlist.selectlist_l label input {
  margin-top: 0px;
  margin-bottom: 0px;
}

@media screen and (max-width: 640px) {
  .mod_selectlist label{
    width: 100%;
    margin-right: 0;
  }
  .mod_selectlist label.n4{
    width: 100%;
    margin-right: 0;
  }
  .mod_selectlist label:first-child {
    padding-top: 0;
  }
}

/* ------ 製品情報内リスト設定（キャンペーン） ------ */

.mod_textarea1 .mod_spec ul {
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom: 0;
	width: auto;
	border: none;
}
.mod_textarea1 .mod_spec ul li {
	position: relative;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
	list-style: none;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	text-align: left !important;
	float: none;
	width: 100%;
}
.mod_textarea1 .mod_spec ul li:before {
	content: '';
	position: absolute;
	display: inline-block;
	top: 9px;
	width: 8px;
	height: 1px;
	margin-left: -14px;
	background: #e2231a;
}

/* ------ ボタンエリア4 ------ */
.mod_btnarea4 {
	margin: 20px 0px 12px 0px;
}
.mod_btnarea4 a {
	padding: 10px 5px 10px 5px;
	display: inline-block;
	font-size: 14px;
	font-size: 1.4rem;
	text-align: center;
	width: 31.8%;
	margin-left: 2.3%;
	vertical-align: top;
	text-decoration: none;
	border-radius: 3px;
}
.mod_btnarea4 a:first-child {
	margin-left: 0px;
}
@media screen and (max-width: 640px) {
	.mod_btnarea4 a {
		margin-top: 10px;
		margin-left: 0px;
		width: 100%;
	}
	.mod_btnarea4 a:first-child {
		margin-top: 0px;
	}
}

/* ソートボックス */

.list-item-filter {
	width: 100%;
}
.list-item-filter th {
  padding-left: 12px;
  padding-right: 11px;
  white-space: nowrap;
}
.list-item-filter th,
.list-item-filter td {
  background: #e6e6e6;
  vertical-align: middle;
  font-size: 13px;
  line-height: 2;
  padding: 3px 0;
}
.list-item-filter td {
	padding-right: 5px;
}
.list-item-filter th h3 {
  font-size: 13px;
  color: #333;
  padding: 2px 10px 0;
  text-align: left;
}

.list-item-filter th p,
.list-item-filter td p {
  display: table;
}
.list-item-filter td p {
	float: left;
	margin-right: 8px;
}
.list-item-filter td p > * {
	display: table-cell;
}
@media all and (-ms-high-contrast:none){
	.list-item-filter td p > * {
		vertical-align: bottom;
	}
	.list-item-filter td p > input {
		margin-top: 6px;
	}
}
.list-item-filter th [type="checkbox"] + label,
.list-item-filter td [type="checkbox"] + label {
  cursor: pointer;
  color: #049fd7;
}
.list-item-filter th [type="checkbox"]:checked + label,
.list-item-filter td [type="checkbox"]:checked + label {
  color: #333;
}
.list-item-filter td [type="checkbox"]:disabled + label {
  cursor: auto;
  color: #aaa;
}

@media screen and (max-width: 410px) {
	.list-item-filter th,
	.list-item-filter td {
      line-height: 1.5;
	}
}

/* ------ 製品&サービス／ラジオボタンで選択するselect-box初期状態 ------ */

.select-contents .select-box {
    display: none;
}

/* ------ SP版スペック表示なし（キャンペーン） ------ */

@media screen and (min-width: 640px) {
	.mod_textarea1 .mod_spec h4 {
		text-align:left !important;
	}
	.mod_textarea1 .mod_spec p {
		text-align:left !important;
	}
}
@media screen and (max-width: 640px) {
	.mod_textarea1 .mod_spec p {
		display: none;
	}
	.mod_textarea1 .mod_spec ul {
		display: none;
	}
}

/* ------ 特集 製品特集ページ用指定 ------ */
.mod_textarea1 h4.psp {
	margin-top: 20px;
	font-size: 25px;
	font-size: 2.5rem;
	line-height: 1.5;
}
.mod_textarea1 p.psp {
	margin-top: 15px;
	font-size: 13px;
	font-size: 1.3rem;
	line-height: 1.8;
}