@charset "utf-8";

/* =Responsive Structure
----------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

@media (max-width: 1950px) {
.top_hd_point span.nnmo {
display:inline-block;
  width: 1px;
  height: 50px;
  margin: 0px 65px 0px 65px;
  margin: 0px 4.2% 0px 4.2%;
  margin: 0px 3.5% 0px 3.5%;
  background-color: #ee5a24;
  transform: skewX(-15deg);
  align-self: center;
  position: relative;
  top:-9px;
}
}

@media (max-width: 1750px) {
.top_hd_point {
box-sizing: border-box;
width: 90%;
height: 80px;
  /* 背景色や文字色はお好みで設定 */
  background-color: #fff;
  color: #333;
  font-size: 23px;
   font-size: 22px;
  padding: 18px 35px 20px 3%;
  margin:-40px 0 0px 0;
  line-height: 1.5em;
  font-weight: 700;
  border-bottom: 4px solid #f4901e;
  
  /* 右上を起点にして右下へ斜めに切り抜く */
  clip-path: polygon(0 0, 100% 0, 98% 100%, 0 100%);
  position: relative;
  z-index: 22;
}

.top_hd_point_bk {
box-sizing: border-box;
width: 90%;
height: 80px;
  /* 背景色や文字色はお好みで設定 */
  background-color: #f4901e;
  color: #333;
  font-size: 23px;
  font-size: 22px;
  padding: 18px 35px 20px 3%;
  margin:-79px 0 0px 2px;
  line-height: 1.5em;
  font-weight: 700;
  
  /* 右上を起点にして右下へ斜めに切り抜く */
  clip-path: polygon(0 0, 100% 0, 98% 100%, 0 100%);
  position: relative;
  z-index: 20;
}
.top_hd_point span.nnmo {
display:inline-block;
  width: 1px;
  height: 50px;
  margin: 0px 65px 0px 65px;
  margin: 0px 3% 0px 3%;
  background-color: #ee5a24;
  transform: skewX(-15deg);
  align-self: center;
  position: relative;
  top:-9px;
}
}

@media (max-width: 1550px) {
.top_hd_point span.nnmo {
display:inline-block;
  width: 1px;
  height: 50px;
  margin: 0px 65px 0px 65px;
  margin: 0px 3% 0px 3%;
  margin: 0px 2.5% 0px 2.5%;
  background-color: #ee5a24;
  transform: skewX(-15deg);
  align-self: center;
  position: relative;
  top:-9px;
}
}


@media (max-width: 1550px) {
.hd_slogo {
float:left;
	width: 480px;
	width: 420px;
	margin: 22px 0 0 1.0%;
	margin: 25px 0 0 1.0%;
	padding: 0 0 0px 0;
	overflow:hidden;
}
.hd_slogo img {
	max-width: 100%;
	height: auto;
}
}



@media (max-width: 1500px) {
.descaling_hd_point {
box-sizing: border-box;
width: 90%;
height: 80px;
height: 100px;
  /* 背景色や文字色はお好みで設定 */
  background-color: #fff;
  color: #333;
  font-size: 22px;
  font-size: 21px;
  padding: 20px 40px 10px 2%;
  margin:-40px 0 0px 0;
  margin:-65px 0 0px 0;
  line-height: 1.35em;
  font-weight: 600;
  border-bottom: 4px solid #f4901e;
  
  /* 右上を起点にして右下へ斜めに切り抜く */
  clip-path: polygon(0 0, 100% 0, 98.5% 100%, 0 100%);
  position: relative;
  z-index: 22;
  display: flex; /* 横並びにする */
  justify-content: space-between; /* 両端の要素を端に寄せ、間隔を均等にする */
}

.descaling_hd_point_bk {
box-sizing: border-box;
width: 90%;
height: 80px;
height: 100px;
  /* 背景色や文字色はお好みで設定 */
  background-color: #f4901e;
  color: #4d4d4d;
  font-size: 22px;
  font-size: 21px;
  padding: 20px 40px 10px 2%;
  margin:-79px 0 0px 2px;
  margin:-101px 0 50px 2px;
  line-height: 1.35em;
  font-weight: 600;
  
  /* 右上を起点にして右下へ斜めに切り抜く */
  clip-path: polygon(0 0, 100% 0, 98.5% 100%, 0 100%);
  position: relative;
  z-index: 20;
}

.descaling_hd_point span.icon {
display:inline-block;
width: 48px;
padding: 0px 4px 0px 0px;
color: #ee5a24;
position: relative;
top:4px;
}

.descaling_hd_point span.txt {
display:inline-block;
padding: 0px 0px 0px 0px;
line-height: 1.35em;
position: relative;
top:14px;
}
.descaling_hd_point span.orng {
display:inline-block;
padding: 0px 0px 0px 0px;
color: #ee5a24;
position: relative;
}

.descaling_hd_point span.nnmo {
display:inline-block;
  width: 1px;
  height: 50px;
  height: 70px;
  margin: 0px 65px 0px 65px;
  margin: 0px 1.5% 0px 1.5%;
  background-color: #ee5a24;
  transform: skewX(-15deg);
  align-self: center;
  position: relative;
  top:-35px;
   top:-5px;
}
}
@media (max-width: 1500px) {
.wwcooler_hd_point {
box-sizing: border-box;
width: 90%;
height: 80px;
height: 100px;
  /* 背景色や文字色はお好みで設定 */
  background-color: #fff;
  color: #333;
  font-size: 22px;
  font-size: 20px;
  padding: 20px 40px 10px 2%;
  margin:-40px 0 0px 0;
  margin:-65px 0 0px 0;
  line-height: 1.35em;
  font-weight: 600;
  border-bottom: 4px solid #f4901e;
  
  /* 右上を起点にして右下へ斜めに切り抜く */
  clip-path: polygon(0 0, 100% 0, 98.5% 100%, 0 100%);
  position: relative;
  z-index: 22;
  display: flex; /* 横並びにする */
  justify-content: space-between; /* 両端の要素を端に寄せ、間隔を均等にする */
}

.wwcooler_hd_point_bk {
box-sizing: border-box;
width: 90%;
height: 80px;
height: 100px;
  /* 背景色や文字色はお好みで設定 */
  background-color: #f4901e;
  color: #4d4d4d;
  font-size: 22px;
  font-size: 20px;
  padding: 20px 40px 10px 2%;
  margin:-79px 0 0px 2px;
  margin:-101px 0 50px 2px;
  line-height: 1.35em;
  font-weight: 600;
  
  /* 右上を起点にして右下へ斜めに切り抜く */
  clip-path: polygon(0 0, 100% 0, 98.5% 100%, 0 100%);
  position: relative;
  z-index: 20;
}
.top_hd_point span.nnmo {
display:inline-block;
  width: 1px;
  height: 50px;
  margin: 0px 65px 0px 65px;
  margin: 0px 2.5% 0px 2.5%;
  margin: 0px 2.3% 0px 2.3%;
  background-color: #ee5a24;
  transform: skewX(-15deg);
  align-self: center;
  position: relative;
  top:-9px;
}

.wwcooler_hd_point span.icon {
display:inline-block;
width: 60px;
padding: 0px 4px 0px 0px;
color: #ee5a24;
position: relative;
top:0px;
}

.wwcooler_hd_point span.txt {
display:inline-block;
padding: 0px 0px 0px 0px;
line-height: 1.35em;
position: relative;
top:0px;
}
.wwcooler_hd_point span.orng {
display:inline-block;
padding: 0px 0px 0px 0px;
color: #ee5a24;
position: relative;
}

.wwcooler_hd_point span.nnmo {
display:inline-block;
  width: 1px;
  height: 50px;
  height: 70px;
  margin: 0px 65px 0px 65px;
  margin: 0px 1.5% 0px 1.5%;
  background-color: #ee5a24;
  transform: skewX(-15deg);
  align-self: center;
  position: relative;
  top:-35px;
   top:-5px;
}
}



@media (max-width: 1450px) {
.top_hd_point {
box-sizing: border-box;
width: 90%;
height: 80px;
  /* 背景色や文字色はお好みで設定 */
  background-color: #fff;
  color: #333;
  font-size: 22px;
  font-size: 20px;
  padding: 18px 35px 20px 2%;
  margin:-40px 0 0px 0;
  line-height: 1.5em;
  font-weight: 700;
  border-bottom: 4px solid #f4901e;
  
  /* 右上を起点にして右下へ斜めに切り抜く */
  clip-path: polygon(0 0, 100% 0, 98.5% 100%, 0 100%);
  position: relative;
  z-index: 22;
}

.top_hd_point_bk {
box-sizing: border-box;
width: 90%;
height: 80px;
  /* 背景色や文字色はお好みで設定 */
  background-color: #f4901e;
  color: #333;
  font-size: 22px;
   font-size: 20px;
  padding: 18px 35px 20px 2%;
  margin:-79px 0 0px 2px;
  line-height: 1.5em;
  font-weight: 700;
  
  /* 右上を起点にして右下へ斜めに切り抜く */
  clip-path: polygon(0 0, 100% 0, 98.5% 100%, 0 100%);
  position: relative;
  z-index: 20;
}
.top_hd_point span.nnmo {
display:inline-block;
  width: 1px;
  height: 50px;
  margin: 0px 65px 0px 65px;
  margin: 0px 2.5% 0px 2.5%;
  margin: 0px 2.2% 0px 2.2%;
  background-color: #ee5a24;
  transform: skewX(-15deg);
  align-self: center;
  position: relative;
  top:-9px;
}
}

@media (max-width: 1500px) {
.hd_slogo {
float:left;
	width: 480px;
	width: 380px;
	margin: 22px 0 0 1.0%;
	margin: 25px 0 0 1.0%;
	margin: 27px 0 0 1.0%;
	padding: 0 0 0px 0;
	overflow:hidden;
}



#hd_menu0 {
float:left;
text-align:right;
margin:0px 0% 0px 0%;
	padding: 0px 0px 0px 0px;
	  z-index: 10;
  position: relative;
}
/* =メニュー
----------------------------------------------- */
.hd_menu {
  z-index: 150;
  position: relative;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
	clear: both;
	height:auto;
	border-bottom: 0px solid #aaaaaa;
	background: #fff;
}

/* =遅延対応メニュー　ここから ------------------------ */
ul.menulist {
	display: table;
	line-height:1.4em; 
	text-align: center;
	padding: 5px 0px 0px 0px;
	margin:0px auto 0px auto;
}
ul.menulist > li {
	display: table-cell;
	width: auto;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  font-size: 15px;
	vertical-align: top;
	padding: 0px 0px 0px 10px;
}
ul.menulist > li:after {
}
ul.menulist li a {
  display: block;
	color: #333;
	padding: 5px 0px 0px 10px;
  border: 0px solid #ffffff;
	background-color: #fff;
	font-weight: normal; 
}
ul.menulist > li a:hover {
	opacity: 0.7;
	opacity: 1.0;
	color: #0068b7;
	text-decoration:none;
}
ul.menulist > li:hover > a {
border-bottom: 0px solid #0032fa;
}
ul.menulist li ul.second {
	display: none;
}
ul.menulist li.hover ul.second {
	display: block;
	width: 200%;
	width: 220px;
	width: 210px;
	position: absolute;
	 margin-left: -70px;
	margin-top: 15px;
	padding: 0;
}
ul.menulist li ul.second li {
	position: relative;
	list-style-type: none;
}
ul.menulist li ul.second > li:after {
}
ul.menulist li:last-child ul.second > li:after {
  margin-left: 0px;
	margin-top: 0px;
	padding: 0;
  border-left-color: transparent;
  border-right-color: #fff;
}
ul.menulist li ul.second li a {
	font-size: 15px;
	background:rgba(250,250,250,0.95);
	border-bottom: 1px solid #aaaaaa;
}
/* =遅延対応メニュー　ここまで ------------------------ */

#wpfront-scroll-top-container {
	margin-right: -10px;
	z-index: 99999999 !important;
}
}

@media (max-width: 1320px) {
ul.menulist {
	display: table;
	line-height:1.4em; 
	text-align: center;
	padding: 5px 0px 0px 0px;
	margin:0px auto 0px auto;
}
ul.menulist > li {
	display: table-cell;
	width: auto;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  font-size: 15px;
	vertical-align: top;
	padding: 0px 0px 0px 8px;
}
ul.menulist > li:after {
}
ul.menulist li a {
  display: block;
	color: #333;
	padding: 5px 0px 0px 8px;
  border: 0px solid #ffffff;
	background-color: #fff;
	font-weight: normal; 
}
ul.menulist > li a:hover {
	opacity: 0.7;
	opacity: 1.0;
	color: #0068b7;
	text-decoration:none;
}
}

@media (max-width: 1300px) {
.hd_main_img_cts {
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	height: 630px;
	background: url(images/top_main_img_1300.jpg) no-repeat center center;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
z-index: 10;
}
}


@media (max-width: 1300px) {
body {
width: 1300px; 
}
}




@media (max-width: 574px) {
	
body {
width: auto; 
min-width: initial; 
}
	
	/* Simplify the basic layout */
	#main #content {
		margin: 0 3%;
		margin: 0 3%;
		width: auto;
	}
	#main #content2 {
		margin: 0 0%;
	
		width: auto;
	}
	#main #content22 {
		margin: 0 3%;
		margin: 0 3%;
		width: auto;
	}
	#main #content3 {
		margin: 0 3%;
		margin: 0 3%;
		width: auto;
	}
	#nav-below {
		border-bottom: 1px solid #ddd;
		margin-bottom: 1.5em;
	}
	#main #secondary {
		float: none;
		margin: 0 3%;
		margin: 0 3%;
		width: auto;
	}
	/* Simplify the showcase template */
	.page-template-showcase-php .featured-posts {
		min-height: 280px;
	}
	.featured-posts section.featured-post {
		height: auto;
	}
	.page-template-showcase-php section.recent-posts {
		float: none;
		margin: 0;
		width: 100%;
	}
	.page-template-showcase-php #main .widget-area {
		float: none;
		margin: 0;
		width: auto;
	}
	.page-template-showcase-php .other-recent-posts {
		border-bottom: 1px solid #ddd;
	}
	/* Simplify the showcase template when small feature */
	section.featured-post .attachment-small-feature,
	.one-column section.featured-post .attachment-small-feature {
		border: none;
		display: block;
		float: left;
		height: auto;
		margin: 0.625em auto 1.025em;
		max-width: 30%;
		position: static;
	}
	article.feature-image.small {
		float: right;
		margin: 0 0 1.5em;
		width: 64%;
	}
	.one-column article.feature-image.small .entry-summary {
		height: auto;
	}
	article.feature-image.small .entry-summary p a {
		left: 0;
		padding-left: 10px;
		padding-right: 10px;
		width: auto;
	}
	/* Remove the margin on singular articles */
	.singular .entry-header,
	.singular .entry-content,
	.singular footer.entry-meta,
	.singular #comments-title {
		width: 100%;
	}
	/* Simplify the pullquotes and pull styles */
	.singular blockquote.pull {
		margin: 0 0 1.5em;
	}
	.singular .pull.alignleft {
		margin: 0 1.5em 0 0;
	}
	.singular .pull.alignright {
		margin: 0 0 0 1.5em;
	}
	.singular .entry-meta .edit-link a {
		left: 0;
		position: absolute;
		top: 20px;
	}
	.singular #author-info {
		margin: 2.2em -8.8% 0;
		padding: 20px 8.8%;
	}
	/* Make sure we have room for our comment avatars */
	.commentlist {
		width: 100%;
	}
	.commentlist > li.comment,
	.commentlist .pingback {
		margin-left: 20px;
		width: auto;
	}
	/* And a full-width comment form */
	#respond {
		width: auto;
	}
	/* No need to float footer widgets at this size */
	#colophon #supplementary .widget-area {
		float: none;
		margin-right: 0;
		width: auto;
	}
	/* No need to float 404 widgets at this size */
	.error404 #main .widget {
		float: none;
		margin-right: 0;
		width: auto;
	}
	
		/* @media (max-width: 650px) Reduce font-sizes for better readability on smaller devices */
	body, input, textarea {
		font-size: 14px;
	}
	#site-title a {
		font-size: 16px;
	}
	#site-description {
		font-size: 13px;
	}
	#access ul {
		font-size: 13px;
	}
	#branding .only-search + #access div {
		padding-right: 0;
	}
	article.intro .entry-content {
		font-size: 14px;
	}
	.entry-title {
		font-size: 16px;
	}
	.featured-post .entry-title {
		font-size: 14px;
	}
	.singular .entry-title {
		font-size: 17px;
	}
	.entry-meta {
		font-size: 13px;
	}
	blockquote {
		margin: 0;
	}
	blockquote.pull {
		font-size: 17px;
	}
	/* Reposition the site title and description slightly */
	#site-title {
		padding: 0em 0 0;
	}
	#site-title,
	#site-description {
		margin-right: 0;
	}
	/* Make sure the logo and search form don't collide */
	#branding #searchform {
		top: 0em !important;
	}
	/* Floated content doesn't work well at this size */
	.alignleft,
	.alignright {
		display: block;
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
	/* Make sure the post-post navigation doesn't collide with anything */
	#nav-single {
		display: block;
		position: static;
	}
	.singular .hentry {
		padding: 0em 0 0;
	}
	.singular.page .hentry {
		padding: 0em 0 0;
	}
	.singular .entry-header .entry-meta,
	.singular .entry-header .entry-format,
	.singular .entry-meta .edit-link a {
		position: static;
	}
	/* Talking avatars take up too much room at this size */
	.commentlist > li.comment,
	.commentlist > li.pingback {
		margin-left: 0 !important;
	}
	.commentlist .avatar {
		background: transparent;
		display: block;
		padding: 0;
		position: static;
	}
	.commentlist .children .avatar {
		background: none;
		left: 2.2em;
		padding: 0;
		position: absolute;
		top: 2.2em;
	}
	/* Use the available space in the smaller comment form */
	#respond input[type="text"] {
		width: 95%;
	}
	#content .gallery-columns-3 .gallery-item {
		width: 31%;
		padding-right: 2%;
	}
	#content .gallery-columns-3 .gallery-item img {
		width: 100%;
		height: auto;
	}
	
.entry-content,
.entry-summary {
	padding: 1.0em 0 1.0em 0;
	padding: 1.0em 0 0.5em 0;
	margin: 0em;
	line-height: 1.6em;
}

.pc_on {
	display:none;
}
.sp_on {
	display:block;
}
/* =Structure
----------------------------------------------- */
#page0 {
	width: auto;
	padding: 0px 0px 0px 0px;
	margin: 0em auto;
	position: relative;
	z-index: 10;
	height: auto;
}
[id] {
    scroll-margin-top: 0px;
}

#top_contents {
	width: auto;
	margin: 0 auto 30px auto;
	overflow:hidden;
}
#page {
	margin: 0em auto;
	width: auto;
}

#primary {
	float: left;
	float: none;
	margin: 0 0% 0 0;
	width: auto;
}
#content {
	margin: 0 0% 0 0%;
	width: auto;
	border-right: 0px solid #bcbadb;
	padding: 0px 0% 0px 0%;
}
#content2 {
	clear: both;
	width: auto;
	max-width: 600px;
	margin: 0 auto;
		padding: 0px 1% 0px 0%;
		padding: 0px 0% 0px 0%;
		padding: 0px 0% 0px 0%;
}

#secondary {
	float: none;
	margin: 0 0%;
	width: auto;
	padding: 0px 0% 0px 3%;
}
	

.error404 #primary #content {
	margin: 0 2.5% 0 2.5%;
	width: auto;
}

/* Alignment */
.alignleft {
	display: inline;
	float: left;
	display: block;
	float: none;
	margin-right: 0em;
}
.alignright {
	display: inline;
	float: right;
	display: block;
	float: none;
	margin-left: 0em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignnone {
	display: inline;
	margin-right: 1em;
}

/* =Global
----------------------------------------------- */
body, input, textarea {
	color: #333333;
	font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ","Meiryo","Helvetica Neue", "Arial", sans-serif; 
	font-size: 14px;
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 300;
	font-weight: 400;
	line-height: 1.5;
}

/* Text elements */
p {
	margin: 0 0 0em;
	margin-bottom: 1.0em;
}
p span {
	margin: 0 0 0em;
	margin-bottom: 1.0em;
}
p img {
	margin-bottom: 0.5em;
	}
.entry-content p {
	margin-bottom: 0.4em !important;
}
	
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.0em;
}

	
/* =Header  ------------------------------- */
#header0 {
box-sizing: border-box;
width: auto;
min-width: 1280px; 
min-width: initial; 
margin:0px 3% 0px 3%;
padding: 0px 0px 0px 0px;
border-bottom: 0px solid #0068B7;
height: 85px;
overflow:hidden;
}

#header {
box-sizing: border-box;
width: auto; 
height:auto;
margin:0px auto 0px auto;
padding: 0px 0px 15px 0px;
overflow:hidden;
}


.hd_slogo {
box-sizing: border-box;
float:left;
float:none;
	width: 480px;
	width: 78% ;
	margin: 20px 0 0 0%;
	padding: 0 0 0px 0;
	overflow:hidden;
}


.hd_right {
display:none;
float:right;
float:none;
text-align:left;
text-align:left;
margin:0px 0% 0px 0;
padding: 0px 0px 0px 0px;
}

.hd_right1 {
	width: auto;
	margin: 0px 0 0 0%;
	padding: 0 0 0px 0;
	overflow:hidden;
}
.hd_right2 {
	width: auto;
	text-align:right;
	margin: 0px 20px 0 0%;
	padding: 0 0 0px 0;
	overflow:hidden;
}


.hd_corporate_bn {
float:right;
	box-sizing: border-box;
	width: 220px;
	height: 46px;
	text-align:center;
	margin:0px auto 0px auto;
	padding: 10px 0px 0px 0px;
	background-color: #0068b7;
	position: relative;
z-index: 5;
}
.hd_corporate_bn a {
   display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}
.hd_corporate_bn a:hover{
	 opacity: 0.20;
    background-color: #ffffff;
}

.hd_corporate_bn_txt {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-align:center;
	letter-spacing: 0.0em;
	line-height: 1.5em;
	margin: 0px 0 0 0;
	padding: 1px 0px 0px 30px;
	text-transform: none;
	background: url(images/hd_corporate_icn.svg) no-repeat 26px 4px;
}


.hd_ctt_bn {
float:right;
	box-sizing: border-box;
	width: 220px;
	width: 200px;
	height: 46px;
	text-align:center;
	margin:0px auto 0px auto;
	padding: 10px 0px 0px 0px;
	padding: 12px 0px 0px 0px;
	background-color: #0068b7;
	position: relative;
z-index: 5;
}
.hd_ctt_bn a {
   display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}
.hd_ctt_bn a:hover{
	 opacity: 0.20;
    background-color: #ffffff;
}

.hd_ctt_bn_txt {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	text-align:center;
	letter-spacing: 0.0em;
	line-height: 1.5em;
	margin: 0px 0 0 0;
	padding: 0px 0px 0px 0px;
	text-transform: none;
}


.hd_ctt {
box-sizing: border-box;
float:right;
 font-size: 16px;
 color: #333;
margin:13px 22px 0px 0%;
	padding: 0px 0px 0px 0px;
	  z-index: 10;
  position: relative;
  font-feature-settings: "palt" 1;
}
.hd_ctt a {
 color: #333;
}
.hd_ctt a:hover {
color: #0068B7;
text-decoration: none;
}

.hd_corporate {
box-sizing: border-box;
float:right;
 font-size: 16px;
 color: #333;
margin:13px 22px 0px 0%;
margin:12px 37px 0px 0%;
	padding: 0px 0px 0px 0px;
	  z-index: 10;
  position: relative;
  font-feature-settings: "palt" 1;
  padding: 1px 0px 0px 30px;
  padding: 1px 0px 0px 27px;
	text-transform: none;
	background: url(images/hd_corporate_bicn.svg) no-repeat 26px 4px;
	background: url(images/hd_corporate_bicn.svg) no-repeat 0px 6px;
}
.hd_corporate a {
 color: #333;
}
.hd_corporate a:hover {
color: #0068B7;
text-decoration: none;
}



.hd_tel {
box-sizing: border-box;
float:right;
width: 186px;
margin:7px 20px 0px 0%;
	padding: 0px 0px 0px 0px;
	  z-index: 10;
  position: relative;
}
.hd_tel a:hover img {
  -moz-opacity: 1.0 !important;
  -ms-filter: "alpha(opacity=100)" !important;
  filter: alpha(opacity=100) !important;
  opacity: 1.0 !important;
}


#hd_menu0 {
float:left;
text-align:right;
margin:0px 0% 0px 0%;
	padding: 0px 0px 0px 0px;
	  z-index: 10;
  position: relative;
}


/* =トップメインイメージ
----------------------------------------------- */
.hd_main_img {
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}


.hd_main_img_cts {
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
	height: 630px;
	height: auto;
	background: url(images/top_main_img.jpg) no-repeat center top;
	background: url(images/top_main_img_1300.jpg) no-repeat center top;
	background-size: cover;
	background-size:140%;
	background-size:170%;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
background-color: #e0f6ff;
position: relative;
overflow:hidden;
z-index: 10;
background-color: #e0f6ff;
}

h1.top_ttl_box {
		box-sizing: border-box;
		float: none;
		width: auto;
		margin: 0;
		padding: 44% 0 0 0;
		position: relative;
		overflow: hidden;
		z-index: 15;
	}

.top_ttl1 {
		box-sizing: border-box;
		display: block;
		width: 350px;
		height: 40px;
		background-color: #006ec8;
		color: #fff;
		font-size: 16px;
		padding: 8px 15px 5px 10px;
		margin: 0 0 8px 0;
		line-height: 1.5em;
		font-weight: 600;
		clip-path: polygon(0 0, 100% 0, 97% 100%, 0 100%);
	}


	.top_ttl2 {
		box-sizing: border-box;
		display: block;
		width: 270px;
		height: 40px;
		background-color: #006ec8;
		color: #fff;
		font-size: 16px;
		padding: 8px 15px 5px 10px;
		margin: 0 0 12px 0;
		line-height: 1.5em;
		font-weight: 600;
		clip-path: polygon(0 0, 100% 0, 97% 100%, 0 100%);
	}

/* スマホでは「電気代削減と」を1つ目の帯に入れる */
	.sp_no_break {
		display: inline;
	}

	/* スマホでは2つ目の帯から「電気代削減と」を消す */
	.pc_only {
		display: none;
	}



.top_hd_point {
box-sizing: border-box;
width: 97%;
height: 78px;
  /* 背景色や文字色はお好みで設定 */
  background-color: #fff;
  color: #333;
  font-size: 23px;
  font-size: 15px;
  padding: 15px 15px 15px 3%;
  padding: 8px 10px 8px 2%;
  margin:-40px 0 0px 0;
  margin:-30px 0 0px 0;
  line-height: 1.5em;
  line-height: 1.9em;
  font-weight: 700;
  border-top: 1px solid #f4901e;
  border-bottom: 4px solid #f4901e;
  
  /* 右上を起点にして右下へ斜めに切り抜く */
  clip-path: polygon(0 0, 100% 0, 97% 100%, 0 100%);
  position: relative;
  z-index: 22;
  word-break: keep-all;       /* 単語の途中での改行を防ぐ */
  overflow-wrap: break-word; 
}

.top_hd_point_bk {
box-sizing: border-box;
width: 97%;
height: 78px;
  /* 背景色や文字色はお好みで設定 */
  background-color: #f4901e;
  color: #333;
  font-size: 23px;
    font-size: 15px;
  padding: 18px 35px 20px 3%;
  margin:-79px 0 0px 2px;
  line-height: 1.5em;
  font-weight: 700;
  
  /* 右上を起点にして右下へ斜めに切り抜く */
  clip-path: polygon(0 0, 100% 0, 97% 100%, 0 100%);
  position: relative;
  z-index: 20;
}

.top_hd_point span.lg {
display:inline-block;
padding: 0px 5px 0px 5px;
font-size: 18px;
position: relative;
top:0px;
}

.top_hd_point span.nnmo {
display:inline-block;
  width: 1px;
  height: 50px;
  height: 25px;
  margin: 0px 65px 0px 65px;
  margin: 0px 3% 0px 3%;
  background-color: #ee5a24;
  transform: skewX(-15deg);
  align-self: center;
  position: relative;
  top:-9px;
   top:0px;
}
.top_hd_point span.pcon {
display:none;
}


/* =トップ メッセージ
----------------------------------------------- */
.top_message {
    box-sizing: border-box;
	max-width: 1200px;
margin:100px auto 0px auto;
margin:40px 5% 0px 5%;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.top_message_cp {
color: #333;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8em;
	text-align:left;
	margin: 0px auto 30px auto;
	padding: 0 0 0px 0;
}

/* =トップ 井戸水クーラー
----------------------------------------------- */
.top_wwcoole_area{
    position:relative;
}
.top_wwcoole_link{
    position:absolute;
    left:0;
    top:100px;
	top:0px;
    width:100%;
    height:450px;
	height:500px;
    z-index:100;
}
.top_wwcoole_hover{
    position:absolute;
    left:0;
    top:100px;
	top:0px;
    width:100%;
    height:450px;
	height:450px;
	height:400px;
    background:rgba(255,255,255,.30);
    opacity:0;
    transition:.3s;
    pointer-events:none;
    z-index:50;
}
.top_wwcoole_link:hover + .top_wwcoole_hover{
    opacity:1;
}

.top_descaling_area {
    position:relative;
}
.top_descaling_link{
    position:absolute;
    left:0;
    top:100px;
	top:0px;
    width:100%;
    height:500px;
    z-index:100;
}
.top_descaling_hover{
   position:absolute;
    left:0;
    top:100px;
	top:30px;
    width:100%;
    height:450px;
	height:350px;
    background:rgba(255,255,255,.30);
    opacity:0;
    transition:.3s;
    pointer-events:none;
    z-index:50;
}
.top_descaling_link:hover + .top_descaling_hover{
    opacity:1;
}


.top_wwcoole_cts_bk {
box-sizing: border-box;
	width: 100%;
	height: 450px;
	height: 300px;
	height: 400px;
	height: 370px;
	background-color: #e0f6ff;
margin:0px auto -380px auto;
margin:0px auto -280px auto;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 10;
top:-380px;
top:-280px;
overflow:hidden;
}

.top_wwcoole_img {
box-sizing: border-box;
float:right;
width: 46%;
width: 47%;
height: 420px;
height: 300px;
background: url(images/top_wwcoole_img.jpg) no-repeat top left;
background: url(images/top_wwcoole_img_sp.jpg) no-repeat left top;
background-size:130%;
clip-path: polygon(90px 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(50px 0, 100% 0, 100% 100%, 0 100%);
margin:100px auto 0px auto;
margin:20px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 20;
}

.top_wwcoole_cts {
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
margin:0px auto -280px auto;
margin:0px auto -330px auto;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 30;
top:-380px;
top:-270px;
top:-370px;
top:-340px;
}

.top_wwcoole_box {
box-sizing: border-box;
	max-width: 1200px;
margin:0px 5% 0px 5%;
padding: 0px 0px 0px 0px;
position: relative;
}
h2.top_business_sttl {
color: #005bac;
	font-size: 36px;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4em;
	margin: 0 0 25px 0;
	padding: 0 0 0px 0;
	overflow:hidden;
}
h3.top_business_cp {
color: #333;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6em;
	margin: 0 0 40px 0;
	margin: 0 0 20px 0;
	padding: 0 0 0px 0;
	overflow:hidden;
}

.top_wwcoole_point {
box-sizing: border-box;
max-width: 970px;
margin:0px 0 0px -15px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}

.top_wwcoole_pbox {
box-sizing: border-box;
float:left;
float:none;
width: 300px;
width: 95%;
height: 124px;
height: 50px;
height: auto;
  padding: 10px 10px 10px 15px;
   padding: 5px 5px 5px 15px;
  margin:0px 0px 10px 0px;
  background-color: #fff;
  color: #333;
   border: 1px solid #f4901e;
  /* X軸方向に -15deg 傾ける */
  transform: skewX(-15deg);
  overflow:hidden;
}
.top_wwcoole_pbox_box {
transform: skewX(15deg);
position: relative;
}

.top_bns_point_icn {
width: 36px;
width: 24px;
width: 20px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top:-5px;
left:-5px;
}
.top_bns_point_icn img {
max-width: 100%;
height: auto;
}

.top_wwcoole_pticn {
box-sizing: border-box;
float:left;
width: 66px;
width: 30px;
max-width: 30px;
max-width: 28px;
width: 20%;
width: 18%;
margin:0px 3% 0px 0px;
padding: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.top_wwcoole_pticn img {
max-width: 100%;
height: auto;
}


.top_wwcoole_ptcp1 {
float:left;
width: 80%;
color: #4d4d4d;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35em;
	margin: 0 0 0em;
	padding: 3px 0 0px 0;
	text-align:left;
}
.top_wwcoole_ptcp1 span {
color: #ee5a24;
}

.top_wwcoole_ptcp2 {
float:left;
width: 80%;
color: #4d4d4d;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35em;
	margin: 0 0 0em;
	text-align:left;
	padding: 3px 0 0px 0;
}
.top_wwcoole_ptcp2 span {
color: #ee5a24;
}
.top_wwcoole_ptcp3 {
float:left;
width: 80%;
color: #4d4d4d;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.35em;
	text-align:left;
	margin: 0 0 0em;
	padding: 3px 0 0px 0;
}
.top_wwcoole_ptcp3 span {
color: #ee5a24;
}

/* =トップ 水処理 基本 wwcoole 追加分のみ
----------------------------------------------- */
.top_descaling_img {
box-sizing: border-box;
float:right;
width: 46%;
width: 47%;
height: 420px;
height: 300px;
background: url(images/top_descaling_img.jpg) no-repeat top left;
background: url(images/top_descaling_img.jpg) no-repeat left top;
background-size:130%;
clip-path: polygon(90px 0, 100% 0, 100% 100%, 0 100%);
clip-path: polygon(50px 0, 100% 0, 100% 100%, 0 100%);
margin:30px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
z-index: 20;
}



/* =トップ　スライド
----------------------------------------------- */
.top_slider {
clear:both;
		width: 100%;
		background: #ffffff;
		border-top: 4px solid #fff;
		border-top: 6px solid #fff;
		border-bottom: 5px solid #fff;
	margin:0px auto 120px auto;
	margin:30px auto 60px auto;
	margin:40px auto 30px auto;
		padding: 0px 0px 0px 0px;
		position: absolute; 
		position: relative;
		bottom: 0px;
		z-index: 999;
}
#img1,#img2,#img3,#img4,#img5,#img6,#img7,#img8,#img9 {
min-width: 244px;
min-width: initial;
min-width: auto;
max-width: 115px;
max-width: 200px;
}

.slide {
	display:none;
	position:relative;
	overflow:hidden;
}

.slidePrev {
	position:absolute;
	cursor:pointer;
	z-index:100;
}

.slideNext {
	position:absolute;
	cursor:pointer;
	z-index:100;
}

.slidePrev img {
	position:absolute;
	width:50px !important;
	height:60px !important;
}

.slideNext img {
	position:absolute;
	width:50px !important;
	height:60px !important;
}

.slideInner {
	position:relative;
	margin:0 0 5px 0;
	margin:0 0 4px 0;
	padding:0px;
}
.slideInner li {
	float:left;
	margin:0;
	padding:0;
	list-style:none;
}
.slideInner li img {
	margin:0 5px;
	margin:0 2px -4px 2px;
	margin:0 4px 0px 4px;
	padding:0;
}

.filterPrev {
	position:absolute;
	left:0;
	opacity:0.5;
	filter:alpha(opacity=50);
	opacity:0.7;
	filter:alpha(opacity=70);
	background-color:#cde0f3;
	background-color:#ffffff;
	opacity:0.0;
	filter:alpha(opacity=0);
}

.filterNext {
	position:absolute;
	right:0;
	opacity:0.5;
	filter:alpha(opacity=50);
	opacity:0.7;
		filter:alpha(opacity=70);
		background-color:#cde0f3;
	background-color:#ffffff;
	opacity:0.0;
	filter:alpha(opacity=0);
}

.controlNav {
	position:relative;
	margin-bottom:0px;
	float:left;
	left:50%;
}
.controlNav span {
	position:relative;
	left:-50%;
	float:left;
	margin:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	width:10px;
	height:10px;
	overflow:hidden;
	background:#ccc;
	text-indent:-9999px;
	vertical-align:middle;
}
.controlNav span:hover {
	background:#999;
	cursor:pointer;
}
.controlNav span.current {
		background:#f19500;
		background:#006ec8;
}


/* =トップ　導入実績･参考データ
----------------------------------------------- */
.top_example_cts {
box-sizing: border-box;
	width: 100%;
	background-color: #edf8ff;
margin:0px auto 50px auto;
padding: 90px 10px 120px 10px;
padding: 50px 5% 10px 5%;
position: relative;
overflow:hidden;
}
.top_example_cts_box {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.top_example_ej {
box-sizing: border-box;
	max-width: 340px;
	max-width: 220px;
	margin: 0 auto 4px auto;
	padding: 0 0 0px 0;
	overflow:hidden;
}
.top_example_ej img {
	max-width: 100%;
	height: auto;
}

h2.top_example_ttlbox {
max-width: 300px;
	text-align:center;
	margin: 0 auto 0px auto;
	padding: 0 0 0px 0;
	overflow:hidden;
}
.top_example_ttl {
color: #4d4d4d;
	font-size: 20px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5em;
	text-align:center;
	margin: 0 auto 40px auto;
	margin: 0 auto 25px auto;
	padding: 0 0 0px 0;
	 position: relative;
    display: inline-block;
    padding: 0 55px;
	padding: 0 30px;
}
.top_example_ttl:before,
.top_example_ttl:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 18px;
    height: 2px;
    background-color: #00a7ea;
}
.top_example_ttl:before {
    left: 0;
}
.top_example_ttl:after {
    right: 0;
}

h3.top_example_cp {
color: #333;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6em;
	text-align:center;
	text-align:left;
	margin: 0 auto 35px auto;
	padding: 0 0 0px 0;
}


/* =一覧ボタン */
.top_example_bn {
box-sizing: border-box;
float:right;
width: 110px;
width: 100px;
	height: 40px;
	height: 36px;
	margin: 0px auto 0px auto;
	margin: 0px auto 10px auto;
	padding: 0 0 0px 0;
	background-color: #fff;
	border-top: 1px solid #00a7ea;
border-bottom: 1px solid #00a7ea;
position: absolute;
position: relative;
overflow:hidden;
top:-80px;
top:-10px;
right:0px;
z-index: 10;
}
.top_example_bn a {
   display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}
.top_example_bn a:hover{
	 opacity: 0.30;
    background-color: #ffffff;
}
.top_example_bn_txt {
	color: #4d4d4d;
	font-size: 18px;
	font-size: 15px;
	font-weight: 500;
	text-align:center;
	line-height: 1.5em;
	margin: 0px auto 0 auto;
	padding: 6px 20px 0px 0px;
	position: relative;
}
.top_example_bn_ya {
box-sizing: border-box;
width: 20px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top:6px;
right:12px;
}
.top_example_bn_ya img {
max-width: 100%;
height: auto;
}


.top_example_zone {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.top_examples {
box-sizing: border-box;
float:left;
width: 300px;
width: 50%;
border-right: 1px solid #969696;
margin:0px 0% 30px 0;
padding: 0px 3% 10px 3%;
position: relative;
overflow:hidden;

}
.top_examples:nth-child(1) {
box-sizing: border-box;
float:left;
width: 300px;
width: 50%;
border-left: 0px solid #969696;
border-right: 1px solid #969696;
margin:0px 0% 30px 0;
padding: 0px 2% 10px 0px;
padding: 0px 3% 10px 0%;
position: relative;
overflow:hidden;
}
.top_examples:nth-child(4n+1) {
box-sizing: border-box;
float:left;
width: 300px;
width: 50%;
border-left: 0px solid #969696;
border-right: 1px solid #969696;
margin:0px 0% 30px 0;
padding: 0px 2% 10px 0px;
padding: 0px 3% 10px 0%;
position: relative;
overflow:hidden;
}
.top_examples:nth-child(2n) {
margin:0px 0 30px 0;
padding: 0px 0% 10px 3%;
border-right: 0px solid #969696 !important;
}
.top_examples:nth-child(2n+1) {
clear:both;
float:left;
padding: 0px 3% 10px 0%;
}

.top_examples_ct {
box-sizing: border-box;
width: auto;
max-width: 260px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
display: flex;
flex-wrap: wrap;
}

.top_examples_cat1 {
box-sizing: border-box;
width: 148px;
width: 140px;
color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5em;
	text-align:center;
margin:0px 0 0px 0;
padding: 4px 4px 4px 4px;
background-color: #39b24a;
position: relative;
overflow:hidden;
z-index:15;
}
.top_examples_cat2 {
box-sizing: border-box;
width: 148px;
width: 140px;
color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5em;
	text-align:center;
margin:0px 0 0px 0;
padding: 4px 4px 4px 4px;
background-color: #0068b7;
position: relative;
overflow:hidden;
z-index:15;
}
.top_examples_cat3 {
box-sizing: border-box;
width: 148px;
width: 140px;
color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5em;
	text-align:center;
margin:0px 0 0px 0;
padding: 4px 4px 4px 4px;
background-color: #00a7ea;
position: relative;
overflow:hidden;
z-index:15;
}
.top_examples_cat4 {
box-sizing: border-box;
width: 148px;
width: 140px;
color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5em;
	text-align:center;
margin:0px 0 0px 0;
padding: 4px 4px 4px 4px;
background-color: #f18d00;
position: relative;
overflow:hidden;
z-index:15;
}
.top_examples_cat5 {
box-sizing: border-box;
width: 148px;
width: 140px;
color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5em;
	text-align:center;
margin:0px 0 0px 0;
padding: 4px 4px 4px 4px;
background-color: #9c5ca3;
position: relative;
overflow:hidden;
z-index:15;
}


.top_examples_img {
box-sizing: border-box;
width: auto;
max-width: 260px;
margin:-15px auto 0px auto;
padding: 0px 0px 8px 0px;
position: relative;
overflow:hidden;
z-index:10;
}
.top_examples_img img {
max-width: 100%;
height: auto;
}

.top_examples_sttl {
box-sizing: border-box;
color: #0064c8;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35em;
	text-align:left;
margin:0px 0 12px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.top_examples_sttl a {
box-sizing: border-box;
color: #0064c8;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35em;
	text-align:left;
margin:0px 0 12px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.top_examples_cp1 {
box-sizing: border-box;
color: #333;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4em;
	text-align:left;
margin:0px 0 10px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.top_examples_cp02 {
box-sizing: border-box;
width: 100%;
color: #333;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.4em;
	text-align:left;
	border-top: 1px solid #0064c8;
margin:0px 0 0px 0;
padding: 15px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.top_examples_cp2 {
box-sizing: border-box;
color: #333;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5em;
	text-align:left;
margin:0px 0 10px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.top_examples_cp3 {
box-sizing: border-box;
color: #0064c8;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5em;
	text-align:left;
margin:0px 0 6px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.top_examples_cp4 {
box-sizing: border-box;
float:left;
width: auto;
color: #fff;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.5em;
	text-align:left;
	background-color: #0068b7;
margin:0px 8px 10px 0;
padding: 4px 5px 4px 5px;
position: relative;
overflow:hidden;
}
.top_examples_cp44 {
box-sizing: border-box;
float:left;
color: #0068b7;
	font-size: 24px;
	font-weight: 600;
	line-height: 1.5em;
	text-align:left;
margin:-5px 0 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.top_examples_cp44 span {
color: #0068b7;
	font-size: 20px;
}

.top_examples_cp5 {
clear:both;
box-sizing: border-box;
color: #be272d;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.5em;
	text-align:left;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.top_examples_cp5 span {
color: #be272d;
	font-size: 18px;
}



/* =トップ　シミュレーション
----------------------------------------------- */
.top_simulation_bar {
box-sizing: border-box;
	width: auto;
	max-width: 1100px;
	height: 280px;
	height: auto;
	background-color: #edf8ff;
margin:0px 6% 50px 7%;
padding: 30px 20px 20px 30px;
padding: 20px 20px 20px 60px;
padding: 25px 30px 30px 30px;
border-top: 1px solid #0068b7;
border-bottom: 1px solid #0068b7;
position: relative;
}
.top_simulation_bar a {
   display: block;
    position: absolute;
    top: 0;
     width: 100%;
	height: 100%;
 	left: 0;
 }  
.top_simulation_bar a:hover{
	 opacity: 0.20;
	 opacity: 0.30;
    background-color: #ffffff;
}


.top_simulation_bar_icn {
box-sizing: border-box;
width: 28px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top:-8px;
left:-5px;
}

.top_simulation_cts1 {
box-sizing: border-box;
float:left;
float:none;
width: auto;
max-width: 630px;
max-width: 400px;
margin:0px auto 25px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.top_simulation_pcimg {
box-sizing: border-box;
float:right;
float:none;
width: auto;
max-width: 360px;
max-width: 250px;
margin:0px auto 10px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.top_simulation_pcimg img {
max-width: 100%;
height: auto;
}

h2.top_simulation_ttl {
color: #0068b7;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5em;
	margin: 0 0 15px 0;
	padding: 0 0 0px 0;
}
.top_simulation_cp {
color: #333;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.6em;
	margin: 0 0 20px 0;
	padding: 0 0 0px 0;
}

.top_simulation_sbox {
	margin: 0 0 0px 0;
	padding: 0 0 0px 0;
	overflow:hidden;
}
.top_simulation_sbox_cp {
box-sizing: border-box;
float:none;
width: auto;
max-width: 360px;
color: #333;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5em;
	margin: 0 0px 20px 0;
	padding: 0 0 0px 0;
	overflow:hidden;
}

.top_simulation_bn {
box-sizing: border-box;
float:right;
float:none;
width: 240px;
width: 260px;
	height: 54px;
	margin: 0 auto 0px auto;
	padding: 0 0 0px 0;
	background-color: #fff;
	border-top: 1px solid #00a7ea;
border-bottom: 1px solid #00a7ea;
position: relative;
overflow:hidden;
}

.top_simulation_bn_txt {
	color: #0068b7;
	font-size: 18px;
	font-weight: 600;
	text-align:center;
	line-height: 1.5em;
	margin: 0px auto 0 auto;
	padding: 10px 0px 0px 0px;
	text-transform: none;
}
.top_simulation_bn_ya {
box-sizing: border-box;
width: 25px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top:12px;
right:15px;
}



/* =トップ　インフォメーション
----------------------------------------------- */
.top_info_cts {
box-sizing: border-box;
	width: 100%;
	background-color: #edf8ff;
margin:0px auto 50px auto;
padding: 50px 5% 50px 5%;
position: relative;
overflow:hidden;
}
.top_info_cts_box {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.top_info_ej {
box-sizing: border-box;
	max-width: 340px;
	max-width: 220px;
	margin: 0 auto 4px auto;
	padding: 0 0 0px 0;
	overflow:hidden;
}
.top_info_ej img {
	max-width: 100%;
	height: auto;
}

h2.top_info_ttlbox {
max-width: 300px;
	text-align:center;
	margin: 0 auto 0px auto;
	padding: 0 0 0px 0;
	overflow:hidden;
}
.top_info_ttl {
color: #4d4d4d;
	font-size: 20px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5em;
	text-align:center;
	margin: 0 auto 40px auto;
	margin: 0 auto 25px auto;
	padding: 0 0 0px 0;
	 position: relative;
    display: inline-block;
    padding: 0 55px;
	padding: 0 30px;
}
.top_info_ttl:before,
.top_info_ttl:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 18px;
    height: 2px;
    background-color: #00a7ea;
}
.top_info_ttl:before {
    left: 0;
}
.top_info_ttl:after {
    right: 0;
}

.top_info_zone {
box-sizing: border-box;
	max-width: 1000px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
border-top: 1px solid #4d8dcb;
position: relative;
overflow:hidden;
}

.top_news_box {
	box-sizing: border-box;
	border-bottom: 1px solid #4d8dcb;
	margin:0px 0px 0px 0;
	padding: 22px 20px 22px 50px;
	padding: 20px 20px 20px 20px;
	overflow:hidden;
}	
	
.top_news_date {
	float:left;
	width: 100px;
	color: #333;
	text-align:left;
  font-weight: normal;
  font-size: 15px;
  line-height: 1.5;
	margin:0px 10px 0px 0;
	padding: 3px 0px 0px 0px;
}
.top_news_cat {
	float:left;
	width: 130px;
	color: #fff;
	text-align:left;
	margin:0px 0px 10px 0;
	padding: 0px 0px 0px 0px;
}

.top_news_catb {
	width: 130px;
	color: #fff;
	text-align:left;
	text-align:center;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
  background-color: #0068b7;
	margin:0px 0px 0px 0;
	padding: 3px 2px 3px 2px;
	position: relative;
}
.top_news_catb a {
	color: #fff;
	font-weight: 600;
}

.top_news_cato {
	width: 130px;
	color: #fff;
	text-align:center;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
  background-color: #f4901e;
	margin:0px 0px 0px 0;
	padding: 3px 2px 3px 2px;
	position: relative;
}
.top_news_cato a {
	color: #fff;
	font-weight: 600;
}

.top_news_catg {
	width: 130px;
	color: #fff;
	text-align:center;
  font-weight: 600;
  font-size: 14px;
  line-height: 1.5;
  background-color: #f4901e;
	margin:0px 0px 0px 0;
	padding: 3px 2px 3px 2px;
	position: relative;
}
.top_news_catg a {
	color: #fff;
	font-weight: 600;
}

.top_news_cat_ya {
box-sizing: border-box;
width: 18px;
color: #fff;
font-size: 15px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top:4px;
left:2px;
}

h3.top_news_ttl {
	float:left;
	float:none;
	clear:both;
	width: auto;
	color: #4d4d4d;
	text-align:left;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.4;
	margin:0px 0px 0px 0;
	padding: 2px 15px 0px 0px;
}	
h3.top_news_ttl a {
color: #4d4d4d;
}				
			
.topnew {
	display:inline-block;
	font-size: 15px;
	color: #ff1c24;
	font-weight: normal;
	line-height: 1.5em;
	padding: 0px 0px 0px 0em;
	margin: 0 0 0em 0;
}	


/* =一覧ボタン */
.top_news_bn {
float:right;
box-sizing: border-box;
width: 110px;
width: 100px;
	height: 40px;
	height: 36px;
	margin: 0px auto 0px auto;
	margin: 15px auto 0px auto;
	padding: 0 0 0px 0;
	background-color: #fff;
	border-top: 1px solid #00a7ea;
border-bottom: 1px solid #00a7ea;
position: absolute;
position: relative;
overflow:hidden;
z-index: 10;
}
.top_news_bn a {
   display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}
.top_news_bn a:hover{
	 opacity: 0.30;
    background-color: #ffffff;
}
.top_news_bn_txt {
	color: #4d4d4d;
	font-size: 15px;
	font-weight: 500;
	text-align:center;
	line-height: 1.5em;
	margin: 0px auto 0 auto;
	padding: 6px 20px 0px 0px;
	position: relative;
}
.top_news_bn_ya {
box-sizing: border-box;
width: 20px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top:6px;
right:12px;
}
.top_news_bn_ya img {
max-width: 100%;
height: auto;
}


/* =トップ　事業部紹介バナー
----------------------------------------------- */
.top_about_bar {
box-sizing: border-box;
	width: auto;
	max-width: 1000px;
	max-width: 500px;
	height: 290px;
	height: auto;
	background-color: #fff;
margin:0px 7% 50px 7%;
padding: 0px 0px 0px 0px;
border-top: 3px solid #f18d00;
border-bottom: 3px solid #0068b7;
position: relative;
overflow:hidden;
}
.top_about_bar a {
   display: block;
    position: absolute;
    top: 0;
     width: 100%;
	height: 100%;
 	left: 0;
 }  
.top_about_bar a:hover{
	 opacity: 0.20;
	 opacity: 0.30;
    background-color: #ffffff;
}

.top_about_bar_img {
box-sizing: border-box;
float:none;
width: auto;
max-width: 500px;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.top_about_bar_img img {
max-width: 100%;
height: auto;
}

.top_about_bar_cts {
box-sizing: border-box;
float:none;
width: auto;
max-width: 500px;
margin:0px 0 0px 0;
padding: 35px 0px 0px 0px;
padding: 15px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.top_about_bar_logo {
box-sizing: border-box;
width: 220px;
width: 200px;
margin:0px auto 10px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.top_about_bar_logo img {
max-width: 100%;
height: auto;
}

.top_about_bar_ttlbox {
max-width: 420px;
	text-align:center;
	margin: 0 auto 0px auto;
	padding: 0 0 0px 0;
	overflow:hidden;
}
.top_about_bar_ttl {
color: #4d4d4d;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.6em;
	text-align:center;
	margin: 0 auto 20px auto;
	padding: 0 0 0px 0;
	 position: relative;
    display: inline-block;
    padding: 0 55px;
	padding: 0 25px;
}
.top_about_bar_ttl:before,
.top_about_bar_ttl:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 18px;
    height: 2px;
    background-color: #00a7ea;
}
.top_about_bar_ttl:before {
    left: 0;
}
.top_about_bar_ttl:after {
    right: 0;
}

.top_about_bar_cp {
	font-size: 16px;
	color: #333;
	font-weight: 500;
	line-height: 1.4em;
	text-align:center;
	padding: 0px 0px 0px 0em;
	margin: 0 0 20px 0;
}	


/* =トップ　採用情報バナー
----------------------------------------------- */
.top_recruit_bar {
box-sizing: border-box;
	width: auto;
	max-width: 1000px;
	max-width: 500px;
	height: 212px;
	height: auto;
	background-color: #edf8ff;
margin:0px 7% 50px 7%;
padding: 30px 20px 20px 30px;
padding: 0px 0px 20px 65px;
padding: 20px 40px 20px 40px;
border-top: 1px solid #0068b7;
border-bottom: 1px solid #0068b7;
position: relative;
}
.top_recruit_bar a {
   display: block;
    position: absolute;
    top: 0;
     width: 100%;
	height: 100%;
 	left: 0;
 }  
.top_recruit_bar a:hover{
	 opacity: 0.20;
	 opacity: 0.30;
    background-color: #ffffff;
}

.top_recruit_bar_icn {
box-sizing: border-box;
width: 28px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top:-8px;
left:0px;
}

.top_recruit_bar_cts {
box-sizing: border-box;
float:none;
width: auto;
max-width: 400px;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.top_recruit_bar_ttl {
color: #0068b7;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4em;
	text-align:left;
	margin: 0 auto 10px auto;
	padding: 0 0 0px 0;
	 position: relative;
}
.top_recruit_bar_cp {
color: #4d4d4d;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4em;
	text-align:left;
	margin: 0 auto 20px auto;
	padding: 0 0 0px 0;
	 position: relative;
}

.top_recruit_bar_img {
display:none;
}

.top_recruit_bar_img_sp {
display:block;
box-sizing: border-box;
float:none;
text-align:right;
text-align:center;
width: auto;
max-width: 500px;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.top_recruit_bar_img_sp img {
max-width: 100%;
height: auto;
}

/* =トップ　パートナー募集バナー
----------------------------------------------- */
.top_partner_bar {
box-sizing: border-box;
	width: auto;
	max-width: 1000px;
	max-width: 500px;
	height: 212px;
	height: auto;
	background-color: #edf8ff;
margin:0px auto 70px auto;
margin:0px 7% 30px 7%;
padding: 30px 20px 20px 30px;
padding: 0px 0px 20px 65px;
padding: 20px 40px 20px 40px;
border-top: 1px solid #0068b7;
border-bottom: 1px solid #0068b7;
position: relative;
}
.top_partner_bar a {
   display: block;
    position: absolute;
    top: 0;
     width: 100%;
	height: 100%;
 	left: 0;
 }  
.top_partner_bar a:hover{
	 opacity: 0.20;
	 opacity: 0.30;
    background-color: #ffffff;
}

.top_partner_bar_icn {
box-sizing: border-box;
width: 28px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top:-8px;
left:0px;
}

.top_partner_bar_cts {
box-sizing: border-box;
float:none;
width: auto;
max-width: 400px;
margin:0px 0 0px 0;
padding: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.top_partner_bar_ttl {
color: #0068b7;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4em;
	text-align:left;
	margin: 0 auto 10px auto;
	padding: 0 0 0px 0;
	 position: relative;
}
.top_partner_bar_cp {
color: #4d4d4d;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4em;
	text-align:left;
	margin: 0 auto 20px auto;
	padding: 0 0 0px 0;
	 position: relative;
}

.top_partner_bar_img {
display:none;
}


.top_partner_bar_img_sp {
display:block;
box-sizing: border-box;
float:none;
text-align:right;
text-align:center;
width: auto;
max-width: 500px;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.top_partner_bar_img_sp img {
max-width: 100%;
height: auto;
}


/* =フッターコンタクト
----------------------------------------------- */
.ft_contact_cts {
clear:both;
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
	height: 360px;
	height: auto;
	background-color: #0068b7;
margin:0px auto 0px auto;
padding: 38px 8% 40px 8%;
overflow:hidden;
}
.ft_contact_cts_box {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.ft_contact_cts1 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 670px;
margin:0px 0px 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.ft_contact_cts2 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 520px;
margin:0px 0px 0px 0;
padding: 24px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.ft_contact_cts_ttlbox {
box-sizing: border-box;
margin:0px 0px 24px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.ft_contact_cts_ej {
box-sizing: border-box;
float:left;
width: 234px;
width: 150px;
margin:0px 20px 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.ft_contact_cts_ej img {
max-width: 100%;
height: auto;
}

.ft_contact_cts_ttl {
float:left;
color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.6em;
	text-align:center;
	margin: 5px 0 0px 0;
	padding: 0 0 0px 0;
	 position: relative;
    display: inline-block;
    padding: 0 55px;
	padding: 0 25px;
}
.ft_contact_cts_ttl:before,
.ft_contact_cts_ttl:after {
    content: '';
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 18px;
    height: 2px;
    background-color: #fff;
}
.ft_contact_cts_ttl:before {
    left: 0;
}
.ft_contact_cts_ttl:after {
    right: 0;
}

.ft_contact_cts_cp {
color: #fff;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5em;
	text-align:left;
	margin: 0 0 20px 0px;
	padding: 0 0 0px 0;
	 position: relative;
}
.ft_contact_cts_cp2 {
color: #fff;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5em;
	text-align:left;
	margin: 0 0 0px 0px;
	padding: 0 0 0px 0;
	 position: relative;
}


.ft_contact_tel_bn {
	box-sizing: border-box;
	width: auto;
	max-width: 520px;
	height: 100px;
	height: 80px;
	text-align:center;
	margin:0px auto 20px auto;
	padding: 15px 0px 0px 0px;
	background-color: #fff;
	border-bottom: 6px solid #f18d00;
	position: relative;
z-index: 5;
}
.ft_contact_tel_bn a {
   display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}
.ft_contact_tel_bn a:hover{
	 opacity: 0.30;
    background-color: #ffffff;
}
.ft_contact_tel_bn_tel {
box-sizing: border-box;
	width: 288px;
	width: 230px;
	margin: 0px auto 4px auto;
	padding: 0px 0px 0px 0px;
overflow:hidden;
}
.ft_contact_tel_bn_tel img {
	max-width: 100%;
	height: auto;
}
.ft_contact_tel_bn_cp {
box-sizing: border-box;
	color: #0068b7;
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	line-height: 1.5em;
	margin: 0 auto 0em auto;
	padding: 0 0 0px 0;
}

.ft_contact_mail_bn {
	box-sizing: border-box;
	width: auto;
	max-width: 520px;
	height: 100px;
	height: 80px;
	text-align:center;
	margin:0px auto 0px auto;
	padding: 22px 0px 0px 0px;
	background-color: #fff;
	border-bottom: 6px solid #f18d00;
	position: relative;
z-index: 5;
}
.ft_contact_mail_bn a {
   display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}
.ft_contact_mail_bn a:hover{
	 opacity: 0.30;
    background-color: #ffffff;
}

.ft_contact_mail_bn_mail{
box-sizing: border-box;
	width: 288px;
	width: 240px;
	margin: 0px auto 4px auto;
	padding: 0px 0px 0px 0px;
overflow:hidden;
}
.ft_contact_mail_bn_mail img {
	max-width: 100%;
	height: auto;
}




/* =井戸水クーラーページ　ヘッダ
----------------------------------------------- */
.hd_wwcooler_img {
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}


.hd_wwcooler_img_cts {
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
	height: 500px;
	height: auto;
	background: url(images/wwcooler_main_img.jpg) no-repeat center center;
	background: url(images/wwcooler_main_img.jpg) no-repeat right top;
	background-size:160%;
margin:0px auto 0px auto;
padding: 0px 0px 30px 0px;
background-color: #e0f6ff;
position: relative;
overflow:hidden;
z-index: 10;
}

h1.wwcooler_ttl_box {
box-sizing: border-box;
width: 100%;
max-width: 1280px;
margin:0px auto 0px auto;
padding: 90px 0px 0px 0px;
padding: 40px 0px 0px 0px;
padding: 28% 0px 0px 0px;
position: relative;
overflow:hidden;
z-index: 15;
}

.wwcooler_ttl1 {
box-sizing: border-box;
width: 690px;
height: 80px;
width: 250px;
width: 280px;
height: 40px;
  /* 背景色や文字色はお好みで設定 */
  background-color: #fff;
  background-color: #006ec8;
  color: #005bac;
   color: #fff;
  font-size: 44px;
  font-size: 18px;
  padding: 5px 15px 5px 10px;
  margin:0px 0 8px 0;
  line-height: 1.5em;
  font-weight: 600;
  border-bottom: 0px solid #005bac;
  border-right: 0px solid #005bac;
  
  /* 右上を起点にして右下へ斜めに切り抜く */
  clip-path: polygon(0 0, 100% 0, 97% 100%, 0 100%);
}

.wwcooler_ttl2 {
box-sizing: border-box;
width: 660px;
height: 80px;
width: 240px;
width: 270px;
height: 40px;
  /* 背景色や文字色はお好みで設定 */
  background-color: #fff;
  background-color: #006ec8;
  color: #005bac;
   color: #fff;
  font-size: 44px;
    font-size: 18px;
  padding: 5px 15px 5px 10px;
  line-height: 1.5em;
  font-weight: 600;
  border-bottom: 0px solid #005bac;
  border-right: 0px solid #005bac;
  
  /* 右上を起点にして右下へ斜めに切り抜く */
  clip-path: polygon(0 0, 100% 0, 97% 100%, 0 100%);
}


.wpc {
display:none;
}
.wpc_sp {
display:block;
}

.wwcooler_hd_point {
box-sizing: border-box;
width: 97%;
height: 80px;
height: 105px;
height: 58px;
  /* 背景色や文字色はお好みで設定 */
  background-color: #fff;
  color: #333;
  font-size: 24px;
  font-size: 15px;
  padding: 18px 35px 10px 3%;
  padding: 18px 50px 10px 3%;
  padding: 8px 20px 8px 2%;
  margin:-40px 0 0px 0;
  margin:-20px 0 0px 0;
  line-height: 1.35em;
  font-weight: 600;
  border-bottom: 4px solid #f4901e;
  
  /* 右上を起点にして右下へ斜めに切り抜く */
  clip-path: polygon(0 0, 100% 0, 98.5% 100%, 0 100%);
   clip-path: polygon(0 0, 100% 0, 96% 100%, 0 100%);
  position: relative;
  z-index: 22;
  display: flex; /* 横並びにする */
  justify-content: space-between; /* 両端の要素を端に寄せ、間隔を均等にする */
}

.wwcooler_hd_point_bk {
box-sizing: border-box;
width: 97%;
height: 80px;
height: 105px;
height: 58px;
  /* 背景色や文字色はお好みで設定 */
  background-color: #f4901e;
  color: #4d4d4d;
  font-size: 24px;
  padding: 18px 35px 10px 3%;
  padding: 18px 50px 10px 3%;
  margin:-79px 0 0px 2px;
  margin:-106px 0 50px 2px;
  margin:-59px 0 50px 2px;
  line-height: 1.35em;
  font-weight: 600;
  
  /* 右上を起点にして右下へ斜めに切り抜く */
  clip-path: polygon(0 0, 100% 0, 98.5% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 96% 100%, 0 100%);
  position: relative;
  z-index: 20;
}


.wwcooler_hd_point span.icon {
display:inline-block;
width: 60px;
width: 30px;
padding: 0px 0px 0px 0px;
color: #ee5a24;
position: relative;
top:3px;
}
.wwcooler_hd_point span.icon img {
max-width: 100%;
height: auto;
}
.wwcooler_hd_point span.txt {
display:inline-block;
padding: 0px 0px 0px 0px;
line-height: 1.35em;
position: relative;
}
.wwcooler_hd_point span.orng {
display:inline-block;
padding: 0px 0px 0px 0px;
color: #ee5a24;
position: relative;
}

.wwcooler_hd_point span.nnmo {
display:inline-block;
  width: 1px;
  height: 50px;
  height: 40px;
  margin: 0px 65px 0px 65px;
  margin: 0px 3% 0px 3%;
  background-color: #ee5a24;
  transform: skewX(-15deg);
  align-self: center;
  position: relative;
  top:-35px;
  top:-3px;
  top:0px;
}

.wwcooler_hd_point2 {
box-sizing: border-box;
width: 97%;
height: 80px;
height: 105px;
height: 58px;
  /* 背景色や文字色はお好みで設定 */
  background-color: #fff;
  color: #333;
  font-size: 24px;
  font-size: 15px;
  padding: 18px 35px 10px 3%;
  padding: 18px 50px 10px 3%;
  padding: 8px 20px 8px 2%;
  margin:-40px 0 0px 0;
  margin:--40px 0 0px 0;
  line-height: 1.35em;
  font-weight: 600;
  border-bottom: 4px solid #f4901e;
  
  /* 右上を起点にして右下へ斜めに切り抜く */
  clip-path: polygon(0 0, 100% 0, 98.5% 100%, 0 100%);
   clip-path: polygon(0 0, 100% 0, 96% 100%, 0 100%);
  position: relative;
  z-index: 22;
  display: flex; /* 横並びにする */
  justify-content: space-between; /* 両端の要素を端に寄せ、間隔を均等にする */
}

.wwcooler_hd_point2_bk {
box-sizing: border-box;
width: 97%;
height: 80px;
height: 105px;
height: 58px;
  /* 背景色や文字色はお好みで設定 */
  background-color: #f4901e;
  color: #4d4d4d;
  font-size: 24px;
  padding: 18px 35px 10px 3%;
  padding: 18px 50px 10px 3%;
  margin:-79px 0 0px 2px;
  margin:-106px 0 50px 2px;
  margin:-59px 0 50px 2px;
  line-height: 1.35em;
  font-weight: 600;
  
  /* 右上を起点にして右下へ斜めに切り抜く */
  clip-path: polygon(0 0, 100% 0, 98.5% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 96% 100%, 0 100%);
  position: relative;
  z-index: 20;
}


.wwcooler_hd_point2 span.icon {
display:inline-block;
width: 60px;
width: 30px;
padding: 0px 0px 0px 0px;
color: #ee5a24;
position: relative;
top:3px;
}
.wwcooler_hd_point2 span.icon img {
max-width: 100%;
height: auto;
}
.wwcooler_hd_point2 span.txt {
display:inline-block;
padding: 0px 0px 0px 0px;
line-height: 1.35em;
position: relative;
}
.wwcooler_hd_point2 span.orng {
display:inline-block;
padding: 0px 0px 0px 0px;
color: #ee5a24;
position: relative;
}

.wwcooler_hd_point2 span.nnmo {
display:inline-block;
  width: 1px;
  height: 50px;
  height: 40px;
  margin: 0px 65px 0px 65px;
  margin: 0px 3% 0px 3%;
  background-color: #ee5a24;
  transform: skewX(-15deg);
  align-self: center;
  position: relative;
  top:-35px;
  top:-3px;
  top:0px;
}


/* =水処理ページ　ヘッダ
----------------------------------------------- */
.hd_descaling_img {
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}


.hd_descaling_img_cts {
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
	height: 500px;
	height: auto;
	background: url(images/descaling_main_img.jpg) no-repeat center center;
	background: url(images/descaling_main_img.jpg) no-repeat right top;
	background-size:160%;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
background-color: #e0f6ff;
position: relative;
overflow:hidden;
z-index: 10;
}

h1.descaling_ttl_box {
box-sizing: border-box;
width: 100%;
max-width: 1280px;
margin:0px auto 0px auto;
padding: 90px 0px 0px 0px;
padding: 28% 0px 0px 0px;
position: relative;
overflow:hidden;
z-index: 15;
}

.descaling_ttl1 {
box-sizing: border-box;
width: 720px;
height: 80px;
width: 300px;
height: 40px;
  /* 背景色や文字色はお好みで設定 */
  background-color: #fff;
  background-color: #006ec8;
  color: #005bac;
   color: #fff;
  font-size: 44px;
  font-size: 18px;
  padding: 5px 35px 5px 25px;
  padding: 5px 15px 5px 10px;
  margin:0px 0 8px 0;
  line-height: 1.5em;
  font-weight: 600;
  border-bottom: 0px solid #005bac;
  border-right: 0px solid #005bac;
  
  /* 右上を起点にして右下へ斜めに切り抜く */
  clip-path: polygon(0 0, 100% 0, 97% 100%, 0 100%);
}

.descaling_ttl2 {
box-sizing: border-box;
width: 730px;
height: 80px;
width: 300px;
height: 40px;
  /* 背景色や文字色はお好みで設定 */
  background-color: #fff;
  background-color: #006ec8;
  color: #005bac;
   color: #fff;
  font-size: 44px;
  font-size: 18px;
  padding: 5px 15px 5px 10px;
  line-height: 1.5em;
  font-weight: 600;
  border-bottom: 0px solid #005bac;
  border-right: 0px solid #005bac;
  
  /* 右上を起点にして右下へ斜めに切り抜く */
  clip-path: polygon(0 0, 100% 0, 97% 100%, 0 100%);
}


.dpc {
display:none;
}
.dpc_sp {
display:block;
}

.descaling_hd_point {
box-sizing: border-box;
width: 97%;
height: 80px;
height: 105px;
height: 58px;
height: 50px;
  /* 背景色や文字色はお好みで設定 */
  background-color: #fff;
   color: #333;
  font-size: 24px;
  font-size: 14px;
  padding: 18px 35px 10px 3%;
  padding: 18px 50px 10px 3%;
  padding: 4px 20px 8px 2%;
  margin:-40px 0 0px 0;
  margin:-20px 0 0px 0;
  line-height: 1.35em;
  font-weight: 600;
  border-bottom: 4px solid #f4901e;
  
  /* 右上を起点にして右下へ斜めに切り抜く */
  clip-path: polygon(0 0, 100% 0, 98.5% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 96% 100%, 0 100%);
  position: relative;
  z-index: 22;
  display: flex; /* 横並びにする */
  justify-content: space-between; /* 両端の要素を端に寄せ、間隔を均等にする */
}

.descaling_hd_point_bk {
box-sizing: border-box;
width: 97%;
height: 80px;
height: 105px;
height: 58px;
height: 50px;
  /* 背景色や文字色はお好みで設定 */
  background-color: #f4901e;
  color: #4d4d4d;
  font-size: 24px;
  padding: 20px 50px 10px 3%;
  padding: 20px 50px 10px 3%;
  margin:-79px 0 0px 2px;
  margin:-101px 0 50px 2px;
  margin:-59px 0 50px 2px;
  margin:-51px 0 50px 2px;
  line-height: 1.35em;
  font-weight: 600;
  
  /* 右上を起点にして右下へ斜めに切り抜く */
  clip-path: polygon(0 0, 100% 0, 98.5% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 96% 100%, 0 100%);
  position: relative;
  z-index: 20;
}


.descaling_hd_point span.icon {
display:inline-block;
width: 48px;
width: 20px;
padding: 0px 0px 0px 0px;
color: #ee5a24;
position: relative;
top:8px;
}
.descaling_hd_point span.icon img {
max-width: 100%;
height: auto;
}
.descaling_hd_point span.txt {
display:inline-block;
padding: 0px 0px 0px 0px;
line-height: 1.35em;
position: relative;
top:10px;
}
.descaling_hd_point span.orng {
display:inline-block;
padding: 0px 0px 0px 0px;
color: #ee5a24;
position: relative;
}

.descaling_hd_point span.nnmo {
display:inline-block;
  width: 1px;
  height: 50px;
  height: 70px;
  height: 36px;
  margin: 0px 65px 0px 65px;
  margin: 0px 2% 0px 2%;
  background-color: #ee5a24;
  transform: skewX(-15deg);
  align-self: center;
  position: relative;
  top:-35px;
   top:-5px;
   top:2px;
}

.descaling_hd_point2 {
box-sizing: border-box;
width: 97%;
height: 80px;
height: 105px;
height: 58px;
height: 50px;
  /* 背景色や文字色はお好みで設定 */
  background-color: #fff;
   color: #333;
  font-size: 24px;
  font-size: 14px;
  padding: 18px 35px 10px 3%;
  padding: 18px 50px 10px 3%;
  padding: 4px 30px 7px 2%;
  margin:-40px 0 0px 0;
  margin:-40px 0 0px 0;
  line-height: 1.35em;
  font-weight: 600;
  border-bottom: 4px solid #f4901e;
  
  /* 右上を起点にして右下へ斜めに切り抜く */
  clip-path: polygon(0 0, 100% 0, 98.5% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 96% 100%, 0 100%);
  position: relative;
  z-index: 22;
  display: flex; /* 横並びにする */
  justify-content: space-between; /* 両端の要素を端に寄せ、間隔を均等にする */
}

.descaling_hd_point2_bk {
box-sizing: border-box;
width: 97%;
height: 80px;
height: 105px;
height: 58px;
height: 50px;
  /* 背景色や文字色はお好みで設定 */
  background-color: #f4901e;
  color: #4d4d4d;
  font-size: 24px;
  padding: 20px 50px 10px 3%;
  margin:-79px 0 0px 2px;
  margin:-101px 0 50px 2px;
  margin:-59px 0 50px 2px;
  margin:-51px 0 50px 2px;
  line-height: 1.35em;
  font-weight: 600;
  
  /* 右上を起点にして右下へ斜めに切り抜く */
  clip-path: polygon(0 0, 100% 0, 98.5% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 96% 100%, 0 100%);
  position: relative;
  z-index: 20;
}


.descaling_hd_point2 span.icon {
display:inline-block;
width: 48px;
width: 20px;
padding: 0px 0px 0px 0px;
color: #ee5a24;
position: relative;
top:8px;
}
.descaling_hd_point2 span.icon img {
max-width: 100%;
height: auto;
}
.descaling_hd_point2 span.txt {
display:inline-block;
padding: 0px 0px 0px 0px;
line-height: 1.35em;
position: relative;
top:10px;
}
.descaling_hd_point2 span.orng {
display:inline-block;
padding: 0px 0px 0px 0px;
color: #ee5a24;
position: relative;
}

.descaling_hd_point2 span.nnmo {
display:inline-block;
  width: 1px;
  height: 50px;
  height: 70px;
  height: 36px;
  margin: 0px 65px 0px 65px;
  margin: 0px 2% 0px 2%;
  background-color: #ee5a24;
  transform: skewX(-15deg);
  align-self: center;
  position: relative;
  top:-35px;
   top:-5px;
   top:2px;
}


/* =他ページヘッダ
----------------------------------------------- */
.hd_other_page {
clear:both;
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
	height: 210px;
	height: 80px;
	background-color: #d9f4ff;
margin:0px auto 30px auto;
padding: 0px 5% 0px 5%;
position: relative;
overflow:hidden;
}
.hd_other_page_0 {
clear:both;
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
	height: 210px;
	height: 80px;
	background-color: #d9f4ff;
margin:0px auto 0px auto;
padding: 0px 5% 0px 5%;
position: relative;
overflow:hidden;
}
.hd_other_page_box {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 0px auto;
padding: 10px 0px 10px 0px;
position: relative;
overflow:hidden;
}
.hd_other_pagettl_1 {
	color: #005bac;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.0em;
	line-height: 1.4em;
	padding: 50px 0 0px 0px;
	padding: 18px 0 0px 0px;
	position: relative;
overflow:hidden;
z-index: 10;
}
.hd_other_pagettl_2 {
	color: #005bac;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 0.0em;
	line-height: 1.4em;
	padding: 32px 0 0px 0px;
	padding: 9px 0 0px 0px;
	position: relative;
overflow:hidden;
z-index: 10;

}
.hd_other_e-tec_logo {
box-sizing: border-box;
	width: 540px;
	width: 160px;
	 position: absolute;
	padding: 0 0 0px 0px;
	margin:0px auto 0px auto;
	bottom:0px;
	right:0px;
	z-index: 5;
}
.hd_other_e-tec_logo img {
	max-width: 100%;
	height: auto;
}

					
/* =Content
----------------------------------------------- */
#main {
	clear: both;
	padding: 0em 0 0em 0;
	word-break:break-all;
}
.page-title {
	color: #0068B7;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.0em;
	line-height: 1.6em;
	margin: 0 0 1.0em;
	padding: 0 0 0px 0;
	text-transform: none;
}
.page-title a {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1.5em;
	text-transform: none;
}
.hentry,
.no-results {
	border-bottom: 0px solid #ddd !important;
	margin: 0 0 1.5em;
	padding: 0 0 1.5em;
	margin: 0 0 0.5em;
	padding: 0 0 0.5em;
	position: relative;
}
.hentry:last-child,
.no-results {
	margin: 0 0 1.0em !important;
	padding: 0em 0 1.0em !important;
	border-bottom: none;
}

#content2 .hentry,
#content2 .no-results {
	border-bottom: 0px solid #ddd !important;
	margin: 0 0 1.0em;
	padding: 0em 0 1.0em;
	margin: 0 0 0.5em;
	padding: 0em 0 0.5em;
	position: relative;
}
#content2 p {
max-width: 600px;
font-size: 14px;
line-height: 1.6em;
padding: 0px 0% 0px 0%;
margin: 0em auto 1.0em auto;
}

					
.entry-title {
	clear: both;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5;
	padding-bottom: 0em;
	padding: 4px 5px 4px 0px;
	margin: 0 0 0.5em 0;
	border-bottom: solid 1px #0068B7;
	border-bottom: solid 1px #bbbbbb;
}
					
/* 404エラー------------------------ */
.nothing {
	color: #0068B7;
	clear: both;
	margin: 0 auto;
	font-size: 16px;
	text-align:center;
	line-height: 1.45em;
	margin-top: 2.0em;
	margin-bottom: 5.0em;
	overflow:hidden;
}	
					
/* Alignment */
.entry-content .alignleft {
	display: inline;
	float: left;
	display: block;
	float: none;
	margin-right: 0em;
}
.entry-content .alignright {
	display: inline;
	float: right;
	display: block;
	float: none;
	margin-left: 0em;
}
.entry-content .aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.entry-content .alignnone {
	display: inline;
	margin-right: 1em;
}	
					
pre {
	background: #fcebed;
	font: 14px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ","Meiryo","Helvetica Neue", "Arial", sans-serif; 
	font: 14px 'Noto Sans JP', sans-serif;
	line-height: 1.6em;
	color: #333;
	border: 1px solid #cf9fb9 !important;
	margin-bottom: 1.5em;
	padding: 1.0em 1.3em;
	white-space:pre-wrap;
	white-space:-moz-pre-wrap;
	white-space:-o-pre-wrap;
	white-space:-pre-wrap;
	word-wrap:break-word;
	-webkit-border-radius:6px; 
	-moz-border-radius: 6px;
	border-radius: 6px;
	overflow: hidden;
}
				
.entry-content h1,
.comment-content h1 {
	margin: 0em 0em 1em 0em;
  padding: 0px 0px 0.2em 0px;
  color: #333;
  font-weight: bold;
  font-size: 17px;
}
.entry-content h2,
.comment-content h2 {
  color: #0068b7;
  font-weight: bold;
  font-size: 17px;
  line-height: 1.5em;
  letter-spacing: 0em;
  text-transform: none;
  padding: 0px 0px 5px 0px;
  margin: 0em 0em 0.5em 0em;
  border-bottom: solid 1px #0068b7;
}
.entry-content h3,
.comment-content h3 {
  color: #ef7a00;
  font-weight: bold;
  font-size: 17px;
  line-height: 1.5em;
  letter-spacing: 0em;
  text-transform: none;
  padding: 0px 0px 0px 0px;
  margin: 0em 0em 0.5em 0em;
}
.entry-content h4,
.comment-content h4 {
  border-left: 4px solid #0068b7;
  color: #4d4d4d;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.6em;
  letter-spacing: 0em;
  text-transform: none;
  padding: 0px 0px 0em 10px;
  margin: 0em 0em 0.5em 0em;
}
.entry-content h5,
.comment-content h5 {
  background: #f4ece0;
  color: #0068b7;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5em;
  padding: 4px 4px 4px 12px;
  margin: 0em 0em 0.5em 0em;
}
.entry-content h6,
.comment-content h6 {
  color: #ef7a00;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5em;
  margin: 0 0 0.5em 0;
  padding: 0px 0px 5px 0px;
  border-bottom: solid 1px #ef7a00;
}
				
.entry-content table,
.comment-content table {
	border: 1px solid #b6b6b6;
	border-collapse: collapse;
	margin: 0 0 1.0em 0em;
	width: 100%;
	font-size: 14px;
}
.entry-content th,
.comment-content th {
	color: #333;
	font-weight: 500;
	font-size: 14px;
	vertical-align: middle;
	letter-spacing: 0.0em;
	line-height: 1.5em;
	text-transform: none;
}
.entry-content td,
.comment-content td {
	border: 1px solid #b6b6b6;
	font-size: 14px;
	padding: 10px 10px 10px 10px;
	line-height: 1.5em;
	vertical-align: middle;
	word-break:break-all;
}

					
.wp-caption .wp-caption-text,
.gallery-caption {
	color: #666;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ","Meiryo","Helvetica Neue", "Arial", sans-serif; 
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 14px;
}
.wp-caption .wp-caption-text {
	margin: 0;
	margin-bottom: 0.6em;
	padding: 5px 4px 0px 0px;
	line-height: 1.4em;
	position: relative;
}
.wp-caption .wp-caption-text:before {
	color: #666;
	content: '\2014';
	content: '';
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
	margin-right: 0px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.alignleft[id*="attachment_"] {
    padding: 0px;
    margin: 0 0 0px 0;
    display: inline;
    float: left;
    margin-right: 1.0em;
    margin-bottom: 0.0em;
}
.alignright[id*="attachment_"] {
    padding: 0px;
    margin: 0 0 0px 0px;
    display: inline;
    float: right;
    margin-bottom: 0.0em;
    margin-left: 1.0em;
}
.aligncenter[id*="attachment_"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.0em;
}
.alignnone[id*="attachment_"] {
    display: block;
    padding: 0px;
    margin: 0em;
    margin-bottom: 0.0em;
    margin-left: 0em;
    margin-right: 0em;
}
#content .gallery {
	margin: 0 auto 0.5em;
}
#content .gallery a img {
	border: none;
}
#content2 .gallery {
	margin: 0 auto 0.5em;
}
#content2 .gallery a img {
	border: none;
}

img#wpstats {
	display: block;
	margin: 0 auto 1.5em;
}

.gallery-item dd {
	margin-bottom: 1.5em;
	margin-bottom: 0.2em;
}



#content .gallery-columns-2 .gallery-item {
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 10px;
}
#content .gallery-columns-2 .gallery-item:nth-child(2n+1) {
clear:both !important;
float:left !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 10px;
}

#content .gallery-columns-3 .gallery-item {
	width: 31% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 10px;
}
#content .gallery-columns-3 .gallery-item:nth-child(3n+1) {
clear:none !important;
float:left !important;
	width: 31% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 10px;
}
#content .gallery-columns-3 .gallery-item:nth-child(2n+1) {
clear:both !important;
float:left !important;
	width: 31% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 10px;
}

#content .gallery-columns-4 .gallery-item {
	width: 23% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}
#content .gallery-columns-4 .gallery-item:nth-child(4n+1) {
clear:none !important;
float:left !important;
	width: 23% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}
#content .gallery-columns-4 .gallery-item:nth-child(2n+1) {
clear:both !important;
float:left !important;
	width: 23% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}

#content .gallery-columns-5 .gallery-item {
	width: 18% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}
#content .gallery-columns-5 .gallery-item:nth-child(5n+1) {
clear:none !important;
float:left !important;
	width: 18% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}
#content .gallery-columns-5 .gallery-item:nth-child(2n+1) {
clear:both !important;
float:left !important;
	width: 18% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}

#content .gallery-columns-6 .gallery-item {
	width: 14% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}
#content .gallery-columns-6 .gallery-item:nth-child(6n+1) {
clear:none !important;
float:left !important;
	width: 14% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}
#content .gallery-columns-6 .gallery-item:nth-child(2n+1) {
clear:both !important;
float:left !important;
	width: 14% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}


#content2 .gallery-columns-2 .gallery-item {
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 10px;
}
#content2 .gallery-columns-2 .gallery-item:nth-child(2n+1) {
clear:both !important;
float:left !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 10px;
}

#content2 .gallery-columns-3 .gallery-item {
	width: 31% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 10px;
}
#content2 .gallery-columns-3 .gallery-item:nth-child(3n+1) {
clear:none !important;
float:left !important;
	width: 31% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 10px;
}
#content2 .gallery-columns-3 .gallery-item:nth-child(2n+1) {
clear:both !important;
float:left !important;
	width: 31% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 10px;
}

#content2 .gallery-columns-4 .gallery-item {
	width: 23% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}
#content2 .gallery-columns-4 .gallery-item:nth-child(4n+1) {
clear:none !important;
float:left !important;
	width: 23% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}
#content2 .gallery-columns-4 .gallery-item:nth-child(2n+1) {
clear:both !important;
float:left !important;
	width: 23% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}

#content2 .gallery-columns-5 .gallery-item {
	width: 18% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}
#content2 .gallery-columns-5 .gallery-item:nth-child(5n+1) {
clear:none !important;
float:left !important;
	width: 18% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}
#content2 .gallery-columns-5 .gallery-item:nth-child(2n+1) {
clear:both !important;
float:left !important;
	width: 18% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}

#content2 .gallery-columns-6 .gallery-item {
	width: 14% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}
#content2 .gallery-columns-6 .gallery-item:nth-child(6n+1) {
clear:none !important;
float:left !important;
	width: 14% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}
#content2 .gallery-columns-6 .gallery-item:nth-child(2n+1) {
clear:both !important;
float:left !important;
	width: 14% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}


#content3 .gallery-columns-2 .gallery-item {
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 10px;
}
#content3 .gallery-columns-2 .gallery-item:nth-child(2n+1) {
clear:both !important;
float:left !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 10px;
}

#content3 .gallery-columns-3 .gallery-item {
	width: 31% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 10px;
}
#content3 .gallery-columns-3 .gallery-item:nth-child(3n+1) {
clear:none !important;
float:left !important;
	width: 31% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 10px;
}
#content3 .gallery-columns-3 .gallery-item:nth-child(2n+1) {
clear:both !important;
float:left !important;
	width: 31% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 10px;
}

#content3 .gallery-columns-4 .gallery-item {
	width: 23% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}
#content3 .gallery-columns-4 .gallery-item:nth-child(4n+1) {
clear:none !important;
float:left !important;
	width: 23% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}
#content3 .gallery-columns-4 .gallery-item:nth-child(2n+1) {
clear:both !important;
float:left !important;
	width: 23% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}

#content3 .gallery-columns-5 .gallery-item {
	width: 18% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}
#content3 .gallery-columns-5 .gallery-item:nth-child(5n+1) {
clear:none !important;
float:left !important;
	width: 18% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}
#content3 .gallery-columns-5 .gallery-item:nth-child(2n+1) {
clear:both !important;
float:left !important;
	width: 18% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}

#content3 .gallery-columns-6 .gallery-item {
	width: 14% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}
#content3 .gallery-columns-6 .gallery-item:nth-child(6n+1) {
clear:none !important;
float:left !important;
	width: 14% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}
#content3 .gallery-columns-6 .gallery-item:nth-child(2n+1) {
clear:both !important;
float:left !important;
	width: 14% !important;
	width: 48% !important;
	padding-right: 2%;
	padding-bottom: 6px;
}

					

/* =事業部について
----------------------------------------------- */
.abt_cts_box {
clear:both;
box-sizing: border-box;
	width: 100%;
	width: auto;
	min-width: 1300px;
	min-width: initial; 
margin:0px 5% 0px 5%;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
z-index: 10
}

.abt_cts1 {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

h2.ssnttl_1200 {
  box-sizing: border-box;
  display: block;
  width: auto;
  max-width: 1200px;
  margin: 0 auto 30px auto;
  padding: 0px 0px 30px 0px;
  padding: 0px 0px 20px 0px;
	border-bottom: 3px solid #c9c9c9;
  color: #4d4d4d;
  color: #333;
  font-weight: 600;
	font-size: 19px;
	line-height: 1.4em;
  text-align: center;
}
h2.ssnttl_1200::after {
  display: block;
  position: relative;
  width: 120px;
  margin: 33px auto -33px;
  margin: 23px auto -23px;
  border-bottom: 3px solid #0096ff;
  content: "";
}

h2.ssnttl_1100 {
  box-sizing: border-box;
  display: block;
  width: auto;
  max-width: 1100px;
  margin: 0 auto 30px auto;
  padding: 0px 0px 20px 0px;
	border-bottom: 3px solid #c9c9c9;
  color: #4d4d4d;
  color: #333;
  font-weight: 600;
	font-size: 19px;
	line-height: 1.4em;
  text-align: center;
}
h2.ssnttl_1100::after {
  display: block;
  position: relative;
  width: 120px;
  margin: 23px auto -23px;
  border-bottom: 3px solid #0096ff;
  content: "";
}

h2.ssnttl_1000 {
  box-sizing: border-box;
  display: block;
  width: auto;
  max-width: 1000px;
  margin: 0 auto 30px auto;
  padding: 0px 0px 20px 0px;
	border-bottom: 3px solid #c9c9c9;
  color: #4d4d4d;
  color: #333;
  font-weight: 600;
	font-size: 19px;
	line-height: 1.4em;
  text-align: center;
}
h2.ssnttl_1000::after {
  display: block;
  position: relative;
  width: 120px;
  margin: 23px auto -23px;
  border-bottom: 3px solid #0096ff;
  content: "";
}

h2.ssnttl_b1000 {
box-sizing: border-box;
  display: block;
  width: auto;
  max-width: 1000px;
  margin: 0 auto 30px auto;
  padding: 0px 0px 20px 0px;
	border-bottom: 3px solid #c9c9c9;
  color: #4d4d4d;
  color: #0068b7;
   font-weight: 600;
	font-size: 19px;
	line-height: 1.4em;
  text-align: center;
}
h2.ssnttl_b1000::after {
  display: block;
  position: relative;
  width: 120px;
  margin: 23px auto -23px;
  border-bottom: 3px solid #0096ff;
  content: "";
}

.abt_pt4 {
box-sizing: border-box;
	max-width: 938px;
margin:0px auto 20px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.abt_pt4_box {
box-sizing: border-box;
float:left;
	width: 218px;
	width: 47%;
	color: #4d4d4d;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.5em;
	text-align:center;
margin:0px auto 0px auto;
margin:0px 4% 15px 0;
padding: 12px 0px 12px 0px;
position: relative;
background: url(images/abt_point_bk.svg) no-repeat center center/100% 100%;
}
.abt_pt4_box:nth-child(2) {
margin:0px 0px 15px 0;
}
.abt_pt4_box:nth-child(4) {
margin:0px 0px 15px 0;
}

.abt_cts_cp {
color: #333;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6em;
	text-align:center;
	text-align:left;
	margin: 0 auto 30px auto;
	padding: 0 0 0px 0;
}

.abt_img4_cts {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 20px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.abt_img4 {
box-sizing: border-box;
float:left;
width: 294px;
width: 48%;
margin:0px 3% 10px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.abt_img4 img {
max-width: 100%;
height: auto;
}
.abt_img4:nth-child(2) {
margin:0px 0px 10px 0;
}
.abt_img4:nth-child(4) {
margin:0px 0px 10px 0;
}

.abt_cts_box_bk {
clear:both;
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
	background-color: #edf8ff;
margin:-140px auto 25px auto;
padding: 200px 5% 0px 5%;
padding: 160px 5% 0px 5%;
position: relative;
overflow:hidden;
z-index: 5
}

h3.ssn_sttl {
  color: #1b7fbe;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.6em;
	  margin: 0 auto 20px auto;
  padding: 0px 0px 0px 0px;
  text-align: center;
}

.abt_support_cts {
box-sizing: border-box;
	max-width: 1160px;
margin:0px auto 90px auto;
margin:0px auto 35px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.abt_support {
box-sizing: border-box;
float:none;
width: auto;
width: 98%;
margin:0px auto 15px auto;
padding: 20px 30px 20px 30px;
background:#fff;
border: 1px solid #b0b0b0;
position: relative;
overflow:hidden;
}
.abt_support:nth-child(3) {
margin:0px auto 15px auto;
}

.abt_support_sttl {
  box-sizing: border-box;
  border-bottom: 3px solid #c9c9c9;
  color: #4d4d4d;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.5em;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 15px auto;
}
.abt_support_sttl::after {
  box-sizing: border-box;
  display: block;
  position: relative;
	width: 20%;
	  width: 25%;
  margin: 15px 0 -3px;
  margin: 10px 0 -3px;
  border-bottom: 3px solid #1ea0ff;
  content: "";
}

.abt_support_icn {
  box-sizing: border-box;
  width: 100px;
  width: 60px;
	text-align: center;
	margin: 0 auto 20px auto;
	padding: 0px 0px 0px 0px;
	position: absolute;
	overflow:hidden;
	top:8px;
	left:8px;
}
.abt_support_icn img {
  max-width: 100px;
	height: auto;
}

.abt_support_cp {
  box-sizing: border-box;
  color: #333;
  font-weight: 500;
	font-size: 14px;
	text-align: center;
	margin: 0 auto 0px auto;
}

.abt_cts_cp2 {
color: #333;
	font-size: 20px;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6em;
	text-align:center;
	text-align:left;
	margin: -20px auto 45px auto;
	margin: -10px 2% 30px 2%;
	padding: 0 0 0px 0;
}

.abt_difference_cts {
box-sizing: border-box;
	max-width: 1160px;
margin:0px auto 50px auto;
padding: 30px 30px 25px 30px;
background:#fff;
border: 1px solid #8fd1fd;
position: relative;
overflow:hidden;
}
.abt_difference_sttl_box {
box-sizing: border-box;
	max-width: 240px;
margin:0px auto 20px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}

.abt_support_sttl2 {
  box-sizing: border-box;
  border-bottom: 3px solid #c9c9c9;
  color: #4d4d4d;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.5em;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 10px auto;
}
.abt_support_sttl2::after {
  box-sizing: border-box;
  display: block;
  position: relative;
	width: 20%;
	  width: 25%;
  margin: 15px 0 -3px;
  margin: 10px 0 -3px;
  border-bottom: 3px solid #1ea0ff;
  content: "";
}


.abt_difference_table {
box-sizing: border-box;
width: auto;
max-width: 1000px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
border: 0px solid #b6b6b6;
position: relative;
overflow:hidden;
}

table.difftble {
  box-sizing: border-box;
  width: 100%;
  width: 720px;
  margin: 0 0 10px;
  border: 0px solid #b6b6b6;
  border-collapse: collapse;
  color: #4d4d4d;
  font-size: 14px;
  font-weight: 600;
}

table.difftble tr:nth-child(even) {
  background-color: #fff;
}
table.difftble tr:nth-child(odd) {
  background-color: #f6f6f6;
}

table.difftble tr.trtop{
box-sizing: border-box;
 background-color: #f6f6f6;
}
table.difftble tr.trtop td{
box-sizing: border-box;
text-align:center;
font-size: 14px;
line-height: 1.6em;
 padding: 15px 0 15px 0px !important;
 border: 0px solid #b6b6b6;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  border-collapse: collapse;
font-weight: 600 !important;
}
table.difftble tr.trtop td:nth-child(2){
font-size: 14px;
font-weight: 700;
}

table.difftble td {
  box-sizing: border-box;
  padding: 10px 0 10px 0px;
  padding: 8px 0 8px 0px;
  border: 0px solid #b6b6b6;
  border-top: 1px solid #b3b3b3;
  font-size: 14px;
  line-height: 1.3em !important;
  text-align:center;
  border-bottom: 1px solid #b3b3b3;
  border-collapse: collapse;
}
table.difftble td:first-of-type{
box-sizing: border-box;
 width: 180px;
 text-align:left;
  font-weight: 600;
  border-right: 1px solid #333 !important;
   padding: 10px 0 10px 20px;
   padding: 8px 0 8px 20px;
}
table.difftble td:nth-child(2){
box-sizing: border-box;
width: 140px;
font-size: 20px;
color: #005bac;
border-right: 1px solid #333 !important;
 background-color: #ceeaff;
}
table.difftble td:nth-child(3){
box-sizing: border-box;
width: 130px;
font-size: 20px;
border-right: 1px solid #333 !important;
}
table.difftble td:nth-child(4){
box-sizing: border-box;
width: 130px;
font-size: 20px;
border-right: 1px solid #333 !important;
}

table.difftble td:last-of-type {
box-sizing: border-box;
width: 130px;
font-size: 20px;
}

.abt_cts_box_bk2 {
clear:both;
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
	background-color: #edf8ff;
margin:0px auto 40px auto;
padding: 50px 5% 0px 5%;
position: relative;
overflow:hidden;
z-index: 5
}

.abt_cts2 {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.abt_cts_cp3 {
color: #333;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6em;
	text-align:center;
	text-align:left;
	margin: 0px auto 30px auto;
	padding: 0 0 0px 0;
}


.abt_solution_menu_cts {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 40px auto;
padding: 10px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.abt_solution_menu {
box-sizing: border-box;
float:left;
float:none;
width: 220px;
width: 98%;
height: 360px;
height: auto;
margin:0px 0px 15px 0;
padding: 25px 25px 25px 25px;
padding: 15px 15px 5px 25px;
background:#fff;
border: 1px solid #b0b0b0;
position: relative;
}
.abt_solution_menu:nth-child(5) {
margin:0px 0px 0px 0;
}
.abt_solution_menu_icn {
box-sizing: border-box;
width: 28px;
width: 20px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top:-8px;
left:0px;
}
.abt_solution_menu_icn img {
max-width: 100%;
height: auto;
}

.abt_support_sttl31 {
  box-sizing: border-box;
  border-bottom: 3px solid #c9c9c9;
  color: #4d4d4d;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.4em;
	text-align: center;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 10px auto;
}
.abt_support_sttl31::after {
  box-sizing: border-box;
  display: block;
  position: relative;
	width: 20%;
	  width: 25%;
  margin: 15px 0 -3px;
  margin: 30px 0 -18px;
   margin: 10px 0 -3px;
  border-bottom: 3px solid #1ea0ff;
  content: "";
}

.abt_support_sttl32 {
  box-sizing: border-box;
  border-bottom: 3px solid #c9c9c9;
  color: #4d4d4d;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.4em;
	text-align: center;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 10px auto;
}
.abt_support_sttl32::after {
  box-sizing: border-box;
  display: block;
  position: relative;
	width: 20%;
	  width: 25%;
  margin: 15px 0 -3px;
  margin: 10px 0 -3px;
  border-bottom: 3px solid #1ea0ff;
  content: "";
}

.abt_solution_menu_img {
box-sizing: border-box;
width: 170px;
width: 100px;
margin:0px auto 15px auto;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
overflow:hidden;
top:5px;
right:5px;
}
.abt_solution_menu_img img {
max-width: 100%;
height: auto;
}

.abt_solution_menu_cp {
color: #333;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4em;
	text-align:center;
	text-align:left;
	margin: 0px auto 10px auto;
	padding: 0 0 0px 0;
}


.abt_info_cts {
box-sizing: border-box;
	max-width: 1200px;
margin:0px 5% 40px 5%;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.abt_info1 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 575px;
margin:0px auto 15px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.abt_info2 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 575px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.abt_info_sttl {
color: #333;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5em;
	text-align:left;
	margin: 0px auto 10px auto;
	padding: 0 0 0px 0;
}

table.info {
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 10px;
  border: 0px solid #b6b6b6;
  border-collapse: collapse;
  color: #333;
  font-size: 15px;
  font-weight: 600;
}

table.info td {
float:left;
clear:both;
width: 100%;
  box-sizing: border-box;
  padding: 10px 0 15px 20px;
  border: 0px solid #b6b6b6;
  border-top: 1px solid #b0b0b0;
 text-align:left;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5em;
  border-bottom: 0px solid #b0b0b0;
  border-collapse: collapse;
}
table.info td:first-of-type{
float:left;
clear:both;
box-sizing: border-box;
 width: 160px;
 width: 100%;
 text-align:left;
 background-color: #e5f2ff;
 vertical-align: top;
  font-weight: 400;
  font-size: 15px;
  line-height: 1.5em;
  border-top: 0px solid #b0b0b0;
  border-bottom: 0px solid #b0b0b0;
   padding: 8px 0 8px 20px;
}
table.info td:last-of-type{
border-bottom: 1px solid #b0b0b0;
}

.abt_access {
box-sizing: border-box;
width: auto;
max-width: 575px;
height: 350px;
height: 150px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}



/* =施工パートナー募集
----------------------------------------------- */
.ptn_cts_box {
clear:both;
box-sizing: border-box;
	width: 100%;
	width: auto;
	min-width: 1300px;
	min-width: initial; 
margin:0px auto 150px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
z-index: 10
}

.ptn_cts1 {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 160px auto;
margin:0px 5% 80px 5%;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.ptn_cts_cp {
color: #333;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6em;
	text-align:center;
	text-align:left;
	margin: 0 auto 45px auto;
	padding: 0 0 0px 0;
}


.ptn_bosyu_cts {
box-sizing: border-box;
	max-width: 1200px;
	background-color: #e8f6ff;
margin:0px auto 40px auto;
padding: 30px 4% 30px 4%;
position: relative;
overflow:hidden;
}

h3.ssn_sttl2 {
 color: #1b7fbe;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.6em;
	  margin: 0 auto 25px auto;
  padding: 0px 0px 0px 0px;
  text-align: center;
}

.bosyu_pt6 {
box-sizing: border-box;
	max-width: 1060px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.bosyu_pt6_box {
box-sizing: border-box;
float:left;
	width: 334px;
	width: 46%;
	height: 95px;
	height: 80px;
	height: 70px;
	text-align:center;
margin:0px auto 0px auto;
margin:0px 29px 25px 0;
margin:0px 4% 10px 0;
padding: 0px 0px 0px 0px;
position: relative;
background: url(images/ptn_point_bk.svg) no-repeat center center/100% 100%;
overflow:hidden;
}
.bosyu_pt6_box:nth-child(3n) {
margin:0px 0px 25px 0;
margin:0px 0 10px 0;
}
.bosyu_pt6_box:nth-child(3n+1) {
clear:none;
float:left;
margin:0px 0 10px 0;
}
.bosyu_pt6_box:nth-child(2n) {
margin:0px 0px 25px 0;
margin:0px 0 10px 0;
}
.bosyu_pt6_box:nth-child(2n+1) {
clear:none;
float:left;
margin:0px 4% 10px 0;
}

.bosyu_txt1 {
	color: #4d4d4d;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4em;
	text-align:center;
padding: 24px 0px 0px 0px;
}
.bosyu_txt2 {
	color: #4d4d4d;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4em;
	text-align:center;
padding: 15px 0px 0px 0px;
}
.bosyu_txt12 {
	color: #4d4d4d;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4em;
	text-align:center;
padding: 15px 0px 0px 0px;
}

.ptn_img4_cts {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 30px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.ptn_img4 {
box-sizing: border-box;
float:left;
width: 294px;
width: 48%;
margin:0px 3% 10px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.ptn_img4 img {
max-width: 100%;
height: auto;
}
.ptn_img4:nth-child(2) {
margin:0px 0px 10px 0;
}
.ptn_img4:nth-child(4) {
margin:0px 0px 10px 0;
}

.ptn_cts_cp2 {
color: #333;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6em;
	text-align:center;
	text-align:left;
	margin: 0 auto 20px auto;
	padding: 0 0 0px 0;
}

.partner_ctt_bn {
box-sizing: border-box;
	width: 498px;
	width: auto;
	max-width: 320px;
	height: 76px;
	height: auto;
	text-align:center;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
background: url(images/partner_ctt_bn_bk.svg) no-repeat center center/100% 100%;
overflow:hidden;
}
.partner_ctt_bn a {
   display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}
.partner_ctt_bn a:hover{
	 opacity: 0.20;
    background-color: #ffffff;
}
.partner_ctt_bn_txt {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-align:center;
	letter-spacing: 0.0em;
	line-height: 1.5em;
	margin: 0px 0 0 0;
	padding: 15px 20px 15px 0px;
	text-transform: none;
}


.ptn_cts2 {
box-sizing: border-box;
	max-width: 1200px;
margin:0px 5% 30px 5%;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.ptn_jobs_cts {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 35px auto;
padding: 10px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.ptn_jobs_menu {
box-sizing: border-box;
float:left;
float:none;
width: 220px;
width: 98%;
height: 360px;
height: auto;
height: auto;
margin:0px 0px 15px 0;
padding: 25px 0px 0px 0px;
padding: 15px 15px 5px 25px;
background:#fff;
border: 1px solid #b0b0b0;
position: relative;
}
.ptn_jobs_menu:nth-child(5) {
margin:0px 0px 0px 0;
}
.ptn_jobs_menu_icn {
box-sizing: border-box;
width: 28px;
width: 20px;
width: 16px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top:-8px;
left:0px;
}
.ptn_jobs_menu_icn img {
max-width: 100%;
height: auto;
}

.ptn_jobs_ctsbox {
box-sizing: border-box;
margin:0px auto 0px auto;
padding: 0px 25px 0px 25px;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.ptn_jobs_sttl31 {
  box-sizing: border-box;
  border-bottom: 3px solid #c9c9c9;
  color: #4d4d4d;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.4em;
	text-align: center;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 10px auto;
}
.ptn_jobs_sttl31::after {
  box-sizing: border-box;
  display: block;
  position: relative;
	width: 20%;
	  width: 25%;
  margin: 15px 0 -3px;
  margin: 30px 0 -18px;
  margin: 10px 0 -3px;
  border-bottom: 3px solid #f4901e;
  content: "";
}

.ptn_jobs_sttl32 {
  box-sizing: border-box;
  border-bottom: 3px solid #c9c9c9;
  color: #4d4d4d;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.4em;
	text-align: center;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 10px auto;
}
.ptn_jobs_sttl32::after {
  box-sizing: border-box;
  display: block;
  position: relative;
	width: 20%;
	  width: 25%;
  margin: 15px 0 -3px;
  margin: 10px 0 -3px;
  border-bottom: 3px solid #f4901e;
  content: "";
}
.ptn_jobs_menu_cp {
color: #333;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4em;
	text-align:center;
	text-align:left;
	margin: 0px auto 10px auto;
	padding: 0 0 0px 0;
}

.ptn_jobs_menu_img {
box-sizing: border-box;
width: 218px;
width: 100px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
overflow:hidden;
top:5px;
right:5px;
}
.ptn_jobs_menu_img img {
max-width: 100%;
height: auto;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
}

.ptn_cts_cp3 {
color: #333;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4em;
	text-align:center;
	text-align:left;
	margin: 0 auto 40px auto;
	padding: 0 0 0px 0;
}



.ptn_cts_box_bk {
clear:both;
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
	background-color: #edf8ff;
margin:0px auto 50px auto;
padding: 50px 5% 30px 5%;
position: relative;
overflow:hidden;
z-index: 5
}

.ptn_merit_cts {
box-sizing: border-box;
	max-width: 1140px;
margin:0px auto 10px auto;
padding: 10px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.ptn_merit {
box-sizing: border-box;
float:none;
width: auto;
width: 98%;
margin:0px auto 15px auto;
padding: 20px 30px 15px 30px;
background:#fff;
border: 1px solid #b0b0b0;
position: relative;
}
.ptn_merit:nth-child(3) {
margin:0px 0px 15px 0;
}
.ptn_merit_cts_icn {
box-sizing: border-box;
width: 28px;
width: 20px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top:-8px;
left:0px;
}

.ptn_merit_sttl {
  box-sizing: border-box;
  border-bottom: 3px solid #c9c9c9;
  color: #4d4d4d;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.4em;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 15px auto;
}
.ptn_merit_sttl::after {
  box-sizing: border-box;
  display: block;
  position: relative;
	width: 20%;
	  width: 25%;
  margin: 15px 0 -3px;
  margin: 10px 0 -3px;
  border-bottom: 3px solid #1ea0ff;
  content: "";
}

.ptn_merit_icn {
  box-sizing: border-box;
  width: 100px;
   width: 50px;
	text-align: center;
	margin: 0 auto 25px auto;
	padding: 0px 0px 0px 0px;
	position: absolute;
	overflow:hidden;
	top:8px;
	right:8px;
}
.ptn_merit_icn img {
  max-width:100%;
	height: auto;
}

.ptn_merit_cp {
  box-sizing: border-box;
  color: #333;
  font-weight: 500;
	font-size: 14px;
	text-align: left;
	line-height: 1.5em;
	padding: 0px 10px 0px 10px;
	margin: 0 auto 10px auto;
}



.ptn_cts3 {
box-sizing: border-box;
	max-width: 1200px;
margin:0px 5% 50px 5%;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.ptn_cts3_cp {
  box-sizing: border-box;
  color: #333;
  font-weight: 500;
	font-size: 15px;
	text-align: center;
	text-align: left;
	line-height: 1.6em;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 30px auto;
}

.ptn_wwcooler_bn {
box-sizing: border-box;
width: auto;
max-width: 280px;
	height: 62px;
	height: auto;
	text-align:center;
	margin: 0 auto 0px auto;
	padding: 0 0 0px 0;
	background-color: #fff;
	border-top: 1px solid #00a7ea;
border-bottom: 1px solid #00a7ea;
position: relative;
overflow:hidden;
}
.ptn_wwcooler_bn a {
   display: block;
    position: absolute;
    top: 0;
     width: 100%;
	height: 100%;
 	left: 0;
 }  
.ptn_wwcooler_bn a:hover{
	 opacity: 0.20;
	 opacity: 0.30;
    background-color: #ffffff;
}
.ptn_wwcooler_bn_txt {
	color: #333;
	font-size: 16px;
	font-weight: 600;
	text-align:center;
	text-align:center;
	line-height: 1.5em;
	margin: 0px auto 0 auto;
	padding: 9px 0px 10px 0px;
	text-transform: none;
}
.ptn_wwcooler_bn_ya {
box-sizing: border-box;
width: 25px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top:10px;
right:15px;
}


.ptn_cts_box_bk2 {
clear:both;
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
	background-color: #edf8ff;
margin:0px auto 50px auto;
padding: 50px 5% 30px 5%;
position: relative;
overflow:hidden;
z-index: 5
}

.ptn_faq_cts {
box-sizing: border-box;
	max-width: 1000px;
margin:-40px auto 50px auto;
margin:-30px auto 30px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.faq_cts_box {
box-sizing: border-box;
margin:0px auto 0px auto;
padding: 30px 0px 30px 90px;
padding: 25px 4% 25px 4%;
border-bottom: 1px solid #808080;
position: relative;
overflow:hidden;
}

.faq_cts_qa_item_q {
  color: #0068b7;
  font-size: 15px;
  font-weight: 600;
  text-align:left;
  vertical-align: middle;
  margin:0px auto 10px auto;
padding: 0px 0px 0px 0px;
}

.faq_cts_qa_item_q span,
.faq_cts_qa_item_a span {
display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: -3px;
  font-size: 18px;
}

.faq_cts_qa_item_a {
  font-size: 15px;
   color: #333;
  line-height: 1.6em;
   text-align:left;
  font-weight: 500;
  margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
}



.ptn_cts4 {
box-sizing: border-box;
	max-width: 1200px;
margin:0px 5% 30px 5%;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.ptn_aim_pt4 {
box-sizing: border-box;
	max-width: 938px;
margin:0px auto 20px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.ptn_aim_box {
box-sizing: border-box;
float:left;
	width: 218px;
	width: 47%;
	height: 104px;
	height: 76px;
margin:0px auto 0px auto;
margin:0px 4% 15px 0;
padding: 0px 0px 0px 0px;
position: relative;
background: url(images/partner_aim_bk.svg) no-repeat center center/100% 100%;
}
.ptn_aim_box:nth-child(2) {
margin:0px 0px 15px 0;
}
.ptn_aim_box:nth-child(4) {
margin:0px 0px 15px 0;
}
.aim_txt1 {
	color: #4d4d4d;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4em;
	text-align:center;
padding: 36px 0px 0px 0px;
padding: 28px 0px 0px 0px;
}
.aim_txt2 {
	color: #4d4d4d;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.4em;
	text-align:center;
padding: 24px 0px 0px 0px;
padding: 16px 0px 0px 0px;
}
.ptn_aim_cp {
  box-sizing: border-box;
  color: #333;
  font-weight: 500;
	font-size: 15px;
	text-align: center;
	text-align: left;
	line-height: 1.6em;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 20px auto;
}


.ptn_ctt_box_bk {
clear:both;
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
	background-color: #edf8ff;
margin:0px auto 0px auto;
margin:0px auto 0px auto;
padding: 50px 5% 20px 5%;
position: relative;
overflow:hidden;
z-index: 5
}

.ptn_ctt_cts {
box-sizing: border-box;
	max-width: 1100px;
margin:0px auto 20px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.ptn_ctt_cp {
  box-sizing: border-box;
  color: #333;
  font-weight: 500;
	font-size: 15px;
	text-align: center;
	text-align: left;
	line-height: 1.6em;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 40px auto;
	overflow:hidden;
}

.ptn_ctt_cts_tel {
box-sizing: border-box;
	max-width: 580px;
	max-width: 280px;
margin:0px auto 30px auto;
padding: 0px 0px 10px 0px;
border-bottom: 2px solid #0096ff;
position: relative;
overflow:hidden;
}
.ptn_ctt_tel {
box-sizing: border-box;
float:none;
width: 324px;
width: 240px;
margin:0px auto 5px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.ptn_ctt_tel img {
max-width: 100%;
height: auto;
}
.ptn_ctt_tel a:hover img {
  -moz-opacity: 1.0;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1.0;
}
.ptn_ctt_tel_cp {
box-sizing: border-box;
float:none;
color: #333;
  font-weight: 400;
	font-size: 14px;
	text-align: left;
	text-align: center;
	line-height: 1.4em;
	padding: 8px 0px 0px 0px;
	margin: 0 auto 0px auto;
}

.ptn_ctt_form_box {
clear:both;
box-sizing: border-box;
	min-width: 1100px;
	min-width: initial; 
	background-color: #fff;
margin:0px auto 10px auto;
padding: 30px 4% 30px 4%;
position: relative;
overflow:hidden;
border: 1px solid #ccc;
z-index: 5
}

.ptn_ctt_cts_form {
box-sizing: border-box;
	max-width: 580px;
	max-width: 280px;
margin:0px auto 30px auto;
padding: 0px 0px 10px 0px;
border-bottom: 2px solid #0096ff;
position: relative;
overflow:hidden;
}
.ptn_ctt_cts_form_cp {
box-sizing: border-box;
color: #4d4d4d;
  font-weight: 600;
	font-size: 16px;
	text-align: center;
	line-height: 1.6em;
	padding: 0px 0px 0px 30px;
	margin: 0 auto 0px auto;
overflow:hidden;
background: url(images/partner_ctt_mail_icn.svg) no-repeat 15px 5px;
background-size: 20px;
}



/* =井戸水クーラー
----------------------------------------------- */
.wwc_cts1 {
box-sizing: border-box;
	max-width: 1200px;
margin:20px auto 30px auto;
margin:0px 5% 10px 5%;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.trouble_cts_box {
box-sizing: border-box;
clear:both;
	max-width: 1100px;
    margin: -16px auto 15px auto;
	margin:-20px auto 0px auto;
	background-color: #fff;
	text-align:left;
    padding: 0px 0px 10px 0px;
	 padding: 5px 0px 10px 15px;
	 padding: 5px 0px 10px 0px;
}
.trouble_cts {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
	margin-top: 0px;
}
.trouble-card {
    float:left;
	float:none;
	width: 500px;
	width: 520px;
	width: 100%;
	margin: 0px 0px 0 0em;
	margin: -16px 0px 0 0em;
    padding: 18px 0px 18px 0px;
}
.trouble-card ul {
	margin: 10px 0 0px 1.2em;
	margin: 10px 0 0px 0.5em;
	font-size: 20px;
	font-size: 15px;
    line-height: 1.4;
	list-style: none;
}
.trouble-card li {
    margin-bottom: 4px;
	margin-bottom: 8px;
  list-style-type:none;
	background-image: url(images/check_icn.svg);
	background-size: 17px auto;
    background-repeat:no-repeat;
    background-position:0px 2px;
    padding-left:24px;
}
.trouble-card:nth-child(2n) {
	margin: -60px 0px 0px 0em;
	padding: 18px 18px 18px 18px;
	padding: 18px 0px 18px 0px;
}


.wwc_cts_box_bk {
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
	background-color: #edf8ff;
margin:0px auto 15px auto;
padding: 100px 0px 50px 0px;
padding: 50px 5% 0px 5%;
position: relative;
overflow:hidden;
z-index: 5;
}
.wwc_cts2 {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts_cp1 {
color: #333;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6em;
	text-align:center;
	text-align:left;
	margin: 0px auto 45px auto;
	margin: 0px auto 30px auto;
	padding: 0 0 0px 0;
}

.wwc_donyu_cts {
box-sizing: border-box;
max-width: 1200px;
max-width: 1208px;
margin:0px auto 50px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
z-index: 6;
}

.wwc_donyu {
box-sizing: border-box;
float:left;
float:none;
width: 220px;
width: 98%;
height: 250px;
height: auto;
margin:0px 25px 10px 0;
margin:0px 0px 10px 0;
padding: 10px 5px 10px 10px;
background:#fff;
border: 1px solid #b0b0b0;
position: relative;
overflow:hidden;
z-index:10;
}
.wwc_donyu:nth-child(5) {
margin:0px 0px 0px 0;
}

.wwc_donyu_kei {
box-sizing: border-box;
width: 220px;
width: 98%;
height: 250px;
height: auto;
margin:0px 0px 0px 0;
padding: 10px 10px 10px 10px;
background-color: transparent;
border-right: 2px solid #45c0f0;
border-bottom: 2px solid #45c0f0;
position: relative;
position: absolute;
z-index:7;
bottom:-8px;
right:-8px;
}

.wwc_donyu_ttl_zone {
box-sizing: border-box;
float:left;
width: 200px;
width: 40%;
height: 98px;
height: auto;
margin:0px auto 0px auto;
padding: 0px 10px 0px 10px;
border-bottom: 1px solid #00a7ea;
background:#edf8ff;
position: relative;
overflow:hidden;
z-index:10;
}

.wwc_donyu_ttl {
  box-sizing: border-box;
  color: #0068b7;
  font-weight: 600;
	font-size: 14px;
	line-height: 1.4em;
	text-align: center;
	padding: 12px 0px 12px 0px;
	margin: 0 auto 0px auto;
	position: relative;
}
.donyu_ttl2 {
	padding: 5px 0px 5px 0px;
}

.wwc_donyu_ttl_zone_icn {
box-sizing: border-box;
width: 18px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top:-12px;
top:-2px;
left:-2px;
}

.wwc_donyu_cp {
  box-sizing: border-box;
  float:left;
  width: 57%;
  color: #333;
  font-weight: 400;
	font-size: 14px;
	line-height: 1.5em;
	text-align: center;
	text-align: left;
	padding: 0px 0px 0px 30px;
	padding: 0px 0px 0px 3%;
	margin: 0 auto 0px auto;
	position: relative;
}


.wwc_cts_box_bk3 {
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
	background-color: #edf8ff;
margin:0px auto 120px auto;
margin:0px auto 50px auto;
padding: 100px 0px 70px 0px;
padding: 50px 5% 2px 5%;
position: relative;
overflow:hidden;
z-index: 5;
}
.wwc_cts3 {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.wwc_cts3_1{
box-sizing: border-box;
max-width: 1200px;
margin:0px auto 30px auto;
padding: 0px 0px 0px 0px;
border: 1px solid #8ed3f5;
background:#fff;
position: relative;
overflow:hidden;
}

.wwc_cts3_box {
box-sizing: border-box;
max-width: 1000px;
margin:0px auto 0px auto;
padding: 60px 0px 0px 0px;
padding: 20px 30px 0px 30px;
}
.wwc_cts3_box img {
max-width: 100%;
height: auto;
}
.wwc_cts3_left {
box-sizing: border-box;
float:none;
width: 640px;
width: auto;
margin:0px auto 30px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts3_right {
box-sizing: border-box;
float:none;
width: auto;
max-width: 340px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
}

h3.wwc_cts3_sttl {
  box-sizing: border-box;
  border-bottom: 3px solid #c9c9c9;
  color: #4d4d4d;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.4em;
	text-align: left;
	padding: 10px 0px 0px 0px;
	margin: 0 auto 15px auto;
}
h3.wwc_cts3_sttl::after {
  box-sizing: border-box;
  display: block;
  position: relative;
	width: 20%;
	  width: 20%;
  margin: 15px 0 -3px;
  margin: 30px 0 -18px;
  margin: 15px 0 -3px;
  margin: 10px 0 -3px;
  border-bottom: 3px solid #f4901e;
  content: "";
}

.wwc_cts3_cp1 {
  box-sizing: border-box;
  color: #333;
  font-weight: 400;
	font-size: 15px;
	line-height: 1.6em;
	text-align: center;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 10px auto;
	position: relative;
}
.wwc_cts3_cp1 span {
  display:inline-block;
	font-size: 10px;
	margin-top: -5px;
	margin-right: 2px;
	vertical-align: top; 
}
.wwc_cts3_cp2 {
  box-sizing: border-box;
  color: #333;
  font-weight: 400;
	font-size: 15px;
	line-height: 1.6em;
	text-align: center;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 0px auto;
	position: relative;
}

.wwc_cts3_1_img {
box-sizing: border-box;
width: auto;
max-width: 340px;
max-width: 280px;
margin:0px auto 4px auto;
padding: 0px 0px 0px 0px;
position: relative;
}
.wwc_cts3_1_img_cp {
 color: #333;
 max-width: 280px;
  font-weight: 400;
	font-size: 14px;
	line-height: 1.6em;
	text-align: center;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 0px auto;
}
.wwc_cts3_1_img2 {
box-sizing: border-box;
width: 124px;
width: 90px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
overflow:hidden;
top:-28px;
right:-28px;
top:-18px;
right:-18px;
}


.wwc_cts3_1_box0 {
clear:both;
box-sizing: border-box;
max-width: 1000px;
margin:0px auto 0px auto;
margin:0px auto 0px auto;
padding: 30px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts3_1_box {
box-sizing: border-box;
max-width: 1000px;
margin:0px auto 0px auto;
 background-color: #f2faff;
padding: 0px 30px 30px 30px;
position: relative;
overflow:hidden;
}
.wwc_cts3_1_box img {
max-width: 100%;
height: auto;
}

.wwc_cts3_1_cts {
box-sizing: border-box;
max-width: 900px;
margin:0px auto 0px auto;
padding: 30px 0px 30px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts3_1_cts1 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 450px;
margin:0px auto 20px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts3_1_cts2 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 390px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.wwc_cts3_1_sttl {
 color: #0068b7;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.5em;
	text-align: left;
	border-bottom: 1px solid #969696;
	padding: 0px 0px 8px 0px;
	margin: 0 0 10px 0;
	overflow:hidden;
}
.wwc_cts3_1_cp {
 color: #333;
  font-weight: 400;
	font-size: 14px;
	line-height: 1.6em;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0px 0;
	overflow:hidden;
}


.wwc_cts3_1_cts02 {
box-sizing: border-box;
max-width: 900px;
margin:0px auto 0px auto;
padding: 0px 0px 10px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts3_1_cts02_1 {
box-sizing: border-box;
float:none;
width: 182px;
height: 75px;
width: 120px;
height: 75px;
height: auto;
color: #333;
font-size: 15px;
	font-weight: 600;
	line-height: 1.6em;
	text-align:center;
margin:0px auto 0px auto;
margin:0px 0 7px 0;
padding: 18px 0px 0px 0px;
padding: 7px 0px 7px 0px;
position: relative;
overflow:hidden;
background: url(images/ww_cts3_1_sttl_bk.svg) no-repeat center center/100% 100%;
}
.wwc_cts3_1_cts02_2 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 684px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts3_1_cts02_2_sttl {
 color: #0068b7;
  font-weight: 600;
	font-size: 16px;
	line-height: 1.5em;
	text-align: left;
	border-bottom: 1px solid #969696;
	padding: 2px 0px 10px 0px;
	margin: 0 0 10px 0;
	overflow:hidden;
}


.wwc_cts3_1_cts03 {
box-sizing: border-box;
max-width: 900px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts3_1_cts03_1 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 650px;
margin:0px auto 10px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts3_1_cts03_2 {
display:none;
box-sizing: border-box;
float:none;
width: auto;
max-width: 210px;
margin:0px auto 0px auto;
padding: 10px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts3_1_cts03_2_sp {
display:block;
box-sizing: border-box;
float:none;
width: auto;
max-width: 390px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts3_1_cts03_1_cp {
 color: #4d4d4d;
  font-weight: 600;
	font-size: 15px;
	line-height: 1.5em;
	text-align: left;
	padding: 0px 0px 6px 0px;
	margin: 0 0 0px 0;
	overflow:hidden;
}
.wwc_cts3_1_cts03_1_img {
width: 500px;
	padding: 0px 0px 4px 0px;
	margin: 0 0 0px 0;
	overflow:hidden;
}
.wwc_cts3_1_cts03_1_cp2 {
 color: #333;
  font-weight: 500;
	font-size: 13px;
	line-height: 1.5em;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0px 0;
	overflow:hidden;
}



.wwc_cts3_2{
box-sizing: border-box;
max-width: 1200px;
margin:0px auto 30px auto;
padding: 0px 0px 0px 0px;
border: 1px solid #8ed3f5;
background:#fff;
position: relative;
overflow:hidden;
}

.wwc_cts3_2_box0 {
clear:both;
box-sizing: border-box;
max-width: 1000px;
margin:0px auto 0px auto;
padding: 20px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts3_2_box {
box-sizing: border-box;
max-width: 1000px;
margin:0px auto 0px auto;
 background-color: #f2faff;
padding: 0px 30px 30px 30px;
position: relative;
overflow:hidden;
}
.wwc_cts3_2_box img {
max-width: 100%;
height: auto;
}
.wwc_cts3_2_cts {
box-sizing: border-box;
max-width: 900px;
height: 440px;
height: auto;
margin:0px auto 0px auto;
padding: 30px 0px 30px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts3_2_cts1 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 500px;
margin:0px auto 10px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts3_2_cts2 {
display:none;
box-sizing: border-box;
float:none;
width: auto;
max-width: 760px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
position: relative;
overflow:hidden;
top:0px;
right:0px;
}
.wwc_cts3_2_cts2_sp {
display:block;
position: relative;
overflow:hidden;
}
.wwc_cts3_2_cts2_spimg {
display:block;
box-sizing: border-box;
width: 600px;
margin:0px auto 0px auto;
padding: 0px 0px 20px 0px;
position: relative;
position: absolute;
position: relative;
overflow:hidden;
}


.wwc_cts3_2_sttl {
 color: #0068b7;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.5em;
	text-align: left;
	border-bottom: 1px solid #969696;
	padding: 0px 0px 8px 0px;
	margin: 0 0 10px 0;
	overflow:hidden;
}
.wwc_cts3_2_cp {
 color: #333;
  font-weight: 400;
	font-size: 14px;
	line-height: 1.6em;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0px 0;
	overflow:hidden;
}



.wwc_cts3_3{
box-sizing: border-box;
max-width: 1200px;
margin:0px auto 30px auto;
padding: 0px 0px 50px 0px;
border: 1px solid #8ed3f5;
background:#fff;
position: relative;
overflow:hidden;
}


.wwc_cts3_3_img_cp {
 color: #333;
 max-width: 280px;
  font-weight: 500;
	font-size: 15px;
	line-height: 1.6em;
	text-align: center;
	text-align: left;
	padding: 0px 0px 4px 20px;
	margin: 5px auto 0px auto;
	overflow:hidden;
}
.wwc_cts3_3_img {
box-sizing: border-box;
width: auto;
max-width: 340px;
max-width: 280px;
margin:0px auto 4px auto;
padding: 0px 0px 0px 0px;
position: relative;
}

.wwc_cts3_3_img2 {
box-sizing: border-box;
width: 124px;
width: 90px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
overflow:hidden;
top:-28px;
right:-28px;
top:-18px;
right:-18px;
}

.wwc_cts3_3_left {
box-sizing: border-box;
margin:30px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts3_3_left1 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 328px;
margin:0px auto 10px auto;
padding: 0px 0px 0px 0px;
position: relative;
}
.wwc_cts3_3_left2 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 240px;
margin:0px auto 20px auto;
padding: 0px 0px 0px 0px;
position: relative;
}

.wwc_poripori_bn {
box-sizing: border-box;
float:none;
width: 328px;
width: auto;
max-width: 280px;
	height: 50px;
	height: auto;
	margin: 0 auto 10px auto;
	padding: 0 0 0px 0;
	background-color: #fff;
	border-top: 1px solid #00a7ea;
border-bottom: 1px solid #00a7ea;
position: relative;
overflow:hidden;
}
.wwc_poripori_bn a {
   display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}
.wwc_poripori_bn a:hover{
	 opacity: 0.30;
    background-color: #ffffff;
}
.wwc_poripori_bn_txt {
	color: #333;
	font-size: 16px;
	font-weight: 600;
	text-align:center;
	line-height: 1.5em;
	margin: 0px auto 0 auto;
	padding: 10px 0px 10px 0px;
	position: relative;
}
.wwc_poripori_bn_ya {
box-sizing: border-box;
width: 25px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top:10px;
right:15px;
}


.wwc_cts3_46{
box-sizing: border-box;
max-width: 1200px;
margin:0px auto 40px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.wwc_cts3_46_box {
box-sizing: border-box;
float:none;
width: 380px;
width: auto;
height: 480px;
height: auto;
margin:0px auto 30px auto;
padding: 0px 0px 0px 0px;
border: 1px solid #8ed3f5;
background:#fff;
position: relative;
overflow:hidden;
}
.wwc_cts3_46_box img {
max-width: 100%;
height: auto;
}
.wwc_cts3_46_box:nth-child(3) {
margin:0px 0px 0px 0;
}
.wwc_cts3_46_cts {
box-sizing: border-box;
margin:0px auto 0px auto;
padding: 25px 40px 30px 40px;
position: relative;
overflow:hidden;
}

h3.wwc_cts3_46_sttl {
  box-sizing: border-box;
  border-bottom: 3px solid #c9c9c9;
  color: #4d4d4d;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.4em;
	text-align: left;
	padding: 10px 0px 0px 0px;
	margin: 0 auto 15px auto;
}
h3.wwc_cts3_46_sttl::after {
  box-sizing: border-box;
  display: block;
  position: relative;
	width: 20%;
	  width: 20%;
  margin: 15px 0 -3px;
  margin: 30px 0 -18px;
  margin: 10px 0 -3px;
  border-bottom: 3px solid #f4901e;
  content: "";
}
.wwc_cts3_46_cp {
  box-sizing: border-box;
  color: #333;
  font-weight: 400;
	font-size: 15px;
	line-height: 1.6em;
	text-align: center;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 20px auto;
	position: relative;
}
.wwc_cts3_46_cp2 {
  box-sizing: border-box;
  color: #333;
  font-weight: 400;
	font-size: 15px;
	line-height: 1.6em;
	text-align: center;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 25px auto;
	position: relative;
}
.wwc_cts3_46_pt {
  box-sizing: border-box;
  width: 270px;
height: 47px;
  color: #333;
  font-weight: 600;
	font-size: 18px;
	line-height: 1.8em;
	text-align: center;
	padding: 5px 0px 0px 0px;
	margin: 0 auto 8px auto;
	position: relative;
	background: url(images/ww_cts3_4_sttl_bk.svg) no-repeat center center/100% 100%;
}
.wwc_cts3_46_img {
  box-sizing: border-box;
  width: 260px;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 10px auto;
	position: relative;
}


.wwc_cts3_46_bn {
box-sizing: border-box;
width: 290px;
width: auto;
max-width: 280px;
	height: 50px;
	height: auto;
	margin: 20px auto 10px auto;
	padding: 0 0 0px 0;
	background-color: #fff;
	border-top: 1px solid #00a7ea;
border-bottom: 1px solid #00a7ea;
position: relative;
overflow:hidden;
}
.wwc_cts3_46_bn a {
   display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}
.wwc_cts3_46_bn a:hover{
	 opacity: 0.30;
    background-color: #ffffff;
}
.wwc_cts3_46_bn_txt {
	color: #333;
	font-size: 16px;
	font-weight: 600;
	text-align:center;
	line-height: 1.5em;
	margin: 0px auto 0 auto;
	padding: 10px 0px 10px 0px;
	position: relative;
}
.wwc_cts3_46_bn_ya {
box-sizing: border-box;
width: 25px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top:10px;
right:15px;
}



.wwc_cts4 {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 100px auto;
margin:0px 5% 50px 5%;
padding: 0px 0px 50px 0px;
border-bottom: 1px solid #c9c9c9;
position: relative;
overflow:hidden;
}
.wwc_cts4 img {
	max-width: 100%;
height: auto;
}

h3.wwc_cts4_ssn_sttl {
  color: #1b7fbe;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.6em;
	  margin: 0 auto 20px auto;
  padding: 0px 0px 0px 0px;
  text-align: left;
}
.wwc_cts4_cp {
  box-sizing: border-box;
  color: #333;
  font-weight: 400;
	font-size: 15px;
	line-height: 1.6em;
	text-align: center;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 30px auto;
	position: relative;
}
.wwc_cts4_illust {
box-sizing: border-box;
	max-width: 620px;
	max-width: 100%;
margin:0px auto 30px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.wwc_cts4_img {
box-sizing: border-box;
max-width: 1000px;
margin:0px 4% 30px 4%;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts4_img1 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 494px;
margin:0px auto 12px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts4_img2 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 494px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}


.wwc_cts4_box_sttl {
box-sizing: border-box;
max-width: 860px;
width: 220px;
width: 150px;
height: 75px;
height: auto;
color: #333;
font-size: 15px;
	font-weight: 600;
	line-height: 1.6em;
	text-align:center;
margin:0px 0 0px 170px;
margin:0px 0 0px 30px;
padding: 18px 0px 0px 0px;
padding: 7px 0px 7px 0px;
position: relative;
overflow:hidden;
background: url(images/ww_cts4_sttl_bk.svg) no-repeat center center/100% 100%;
z-index: 10;
}

.wwc_cts4_box {
box-sizing: border-box;
max-width: 1000px;
margin:-50px auto 0px auto;
margin:-20px auto 0px auto;
padding: 30px 30px 30px 30px;
border: 1px solid #7fcaff;
background:#f2faff;
position: relative;
overflow:hidden;
z-index: 5;
}
.wwc_cts4_box_cts {
box-sizing: border-box;
max-width: 860px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
}

.wwc_cts4_box_cts1 {
box-sizing: border-box;
margin:0px auto 40px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts4_box_cts11 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 370px;
max-width:500px;
margin:0px auto 20px auto;
padding: 0px 0px 0px 0px;
position: relative;
}
.wwc_cts4_box_cts12 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 474px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
}

.wwc_cts4_box_cts11_cp {
  color: #333;
  font-weight: 600;
	font-size: 15px;
	line-height: 1.5m;
	text-align: center;
	text-align:left;
	padding: 0px 0px 0px 0px;
	margin: 15px auto 20px auto;
	position: relative;
}
.wwc_cts4_box_cts11_cp2 {
  color: #0068b7;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.4em;
	text-align: center;
	text-align:left;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 30px auto;
	position: relative;
}


.wwc_cts4_box_cts2 {
box-sizing: border-box;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
}
.wwc_cts4_box_cts2_cp {
  color: #333;
  font-weight: 600;
	font-size: 15px;
	line-height: 1.5m;
	text-align: center;
	text-align:left;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 5px auto;
	position: relative;
}
.wwc_cts4_box_cts2_img {
max-width: 860px;
width: 600px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0px 0 5px 0;
	position: relative;
}
.wwc_cts4_box_cts2_cp2 {
  color: #333;
  font-weight: 400;
	font-size: 13px;
	line-height: 1.4m;
	text-align: center;
	text-align:left;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 0px auto;
	position: relative;
}

/* =一覧ボタン */
.wwc_example_bn {
box-sizing: border-box;
float:right;
width: 110px;
width: 100px;
	height: 40px;
	height: 36px;
	margin: 0px auto 0px auto;
	margin: 0px auto -80px auto;
	margin: 0px auto 10px auto;
	padding: 0 0 0px 0;
	background-color: #fff;
	border-top: 1px solid #00a7ea;
border-bottom: 1px solid #00a7ea;
position: absolute;
position: relative;
overflow:hidden;
top:-80px;
top:-10px;
right:0px;
z-index: 10;
}
.wwc_example_bn a {
   display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}
.wwc_example_bn a:hover{
	 opacity: 0.30;
    background-color: #ffffff;
}
.wwc_example_bn_txt {
	color: #4d4d4d;
	font-size: 15px;
	font-weight: 500;
	text-align:center;
	line-height: 1.5em;
	margin: 0px auto 0 auto;
	padding: 6px 20px 0px 0px;
	position: relative;
}
.wwc_example_bn_ya {
box-sizing: border-box;
width: 20px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top:9px;
right:12px;
}
.wwc_example_bn_ya img {
max-width: 100%;
height: auto;
}

/* =シミュレーション
----------------------------------------------- */
.wwc_simulation_bar {
box-sizing: border-box;
	width: auto;
	max-width: 1100px;
	height: 280px;
	height: auto;
	background-color: #edf8ff;
margin:0px auto 90px auto;
margin:0px 6% 50px 7%;
padding: 30px 20px 20px 30px;
padding: 20px 20px 20px 60px;
padding: 25px 30px 30px 30px;
border-top: 1px solid #0068b7;
border-bottom: 1px solid #0068b7;
position: relative;
}
.wwc_simulation_bar a {
   display: block;
    position: absolute;
    top: 0;
     width: 100%;
	height: 100%;
 	left: 0;
 }  
.wwc_simulation_bar a:hover{
	 opacity: 0.20;
	 opacity: 0.30;
    background-color: #ffffff;
}


.wwc_simulation_bar_icn {
box-sizing: border-box;
width: 28px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top:-8px;
left:-5px;
}

.wwc_simulation_cts1 {
box-sizing: border-box;
float:left;
float:none;
width: auto;
max-width: 630px;
max-width: 400px;
margin:0px auto 25px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
overflow:hidden;
}

.wwc_simulation_pcimg {
box-sizing: border-box;
float:right;
float:none;
width: auto;
max-width: 360px;
max-width: 250px;
margin:0px auto 10px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_simulation_pcimg img {
max-width: 100%;
height: auto;
}

.wwc_simulation_ttl {
color: #0068b7;
	font-size: 18px;
	font-weight: 600;
	line-height: 1.5em;
	margin: 0 0 15px 0;
	padding: 0 0 0px 0;
}
.wwc_simulation_cp {
color: #333;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.6em;
	margin: 0 0 20px 0;
	padding: 0 0 0px 0;
}

.wwc_simulation_sbox {
	margin: 0 0 0px 0;
	padding: 0 0 0px 0;
	overflow:hidden;
}
.wwc_simulation_sbox_cp {
box-sizing: border-box;
float:none;
width: auto;
max-width: 360px;
color: #333;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5em;
	margin: 0 0px 20px 0;
	padding: 0 0 0px 0;
	overflow:hidden;
}

.wwc_simulation_bn {
box-sizing: border-box;
float:right;
float:none;
width: 240px;
width: 260px;
	height: 54px;
	margin: 0 auto 0px auto;
	padding: 0 0 0px 0;
	background-color: #fff;
	border-top: 1px solid #00a7ea;
border-bottom: 1px solid #00a7ea;
position: relative;
overflow:hidden;
}

.wwc_simulation_bn_txt {
	color: #0068b7;
	font-size: 18px;
	font-weight: 600;
	text-align:center;
	line-height: 1.5em;
	margin: 0px auto 0 auto;
	padding: 10px 0px 0px 0px;
	text-transform: none;
}
.wwc_simulation_bn_ya {
box-sizing: border-box;
width: 25px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top:12px;
right:15px;
}


.wwc_cts_box_bk6 {
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
	background-color: #edf8ff;
margin:0px auto 120px auto;
margin:0px auto 60px auto;
padding: 100px 0px 100px 0px;
padding: 50px 5% 40px 5%;
position: relative;
overflow:hidden;
z-index: 5;
}
.wwc_cts6 {
box-sizing: border-box;
	max-width: 1000px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts6 img {
max-width: 100%;
height: auto;
}

.wwc_cts6_box {
box-sizing: border-box;
	max-width: 1000px;
	background-color: #fff;
margin:0px auto 0px auto;
padding: 50px 0px 40px 0px;
padding: 30px 0px 30px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts6_box img {
max-width: 100%;
height: auto;
}

.wwc_cts6_bbox {
box-sizing: border-box;
	max-width: 1000px;
	background-color: #fff;
margin:0px auto 0px auto;
padding: 50px 0px 40px 0px;
padding: 30px 0px 30px 0px;
border: 1px solid #00a7ea;
position: relative;
overflow:hidden;
}
.wwc_cts6_bbox img {
max-width: 100%;
height: auto;
}

.wwc_cts6_box_cts {
box-sizing: border-box;
margin:0px auto 0px auto;
padding: 0px 60px 0px 80px;
padding: 0px 30px 0px 30px;
position: relative;
overflow:hidden;
}
.wwc_cts6_box_cts1 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 490px;
margin:0px auto 30px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts6_box_cts2 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 368px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.wwc_cts6_box_cts1_cp {
  color: #0068b7;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.5em;
	text-align: center;
	text-align:left;
	padding: 0px 0px 0px 0px;
	margin: 0px auto 30px auto;
	position: relative;
}

.wwc_cts6_cts_bn {
box-sizing: border-box;
width: 400px;
width: auto;
max-width: 280px;
	height: 54px;
		height: auto;
	margin: 0px 0 0px 0;
	margin: 0 auto 10px auto;
	padding: 0 0 0px 0;
	background-color: #edf8ff;
	border-top: 1px solid #00a7ea;
border-bottom: 1px solid #00a7ea;
position: relative;
overflow:hidden;
}
.wwc_cts6_cts_bn a {
   display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}
.wwc_cts6_cts_bn a:hover{
	 opacity: 0.30;
    background-color: #ffffff;
}
.wwc_cts6_cts_bn_txt {
	color: #333;
	font-size: 16px;
	font-weight: 600;
	text-align:center;
	line-height: 1.5em;
	margin: 0px auto 0 auto;
	padding: 10px 0px 10px 0px;
	position: relative;
}
.wwc_cts6_cts_bn_ya {
box-sizing: border-box;
width: 25px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top:9px;
right:20px;
top:10px;
right:15px;
}


.wwc_cts7 {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 110px auto;
margin:0px 5% 60px 5%;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.wwc_cts7_box {
box-sizing: border-box;
	max-width: 1000px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.wwc_cts7_cp {
color: #333;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6em;
	text-align:center;
	text-align:left;
	margin: 0px auto 30px auto;
	padding: 0 0 0px 0;
}
.wwc_cts7_sttl {
color: #333;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5em;
	text-align:center;
	text-align:left;
	margin: 0px auto 30px auto;
	padding: 0 0 0px 0;
}
.wwc_cts7_sttl2{
color: #333;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5em;
	text-align:center;
	text-align:left;
	margin: 0px auto 15px auto;
	padding: 15px 0 0px 0;
	overflow:hidden;
}


.wwc_cts7_cp2_1 {
max-width: 1000px;
color: #333;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5em;
	text-align:center;
	text-align:left;
	margin: 0px auto 30px auto;
	padding: 0 0 0px 0;
}
.wwc_cts7_cp2_2 {
max-width: 1000px;
color: #333;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5em;
	text-align:center;
	text-align:left;
	margin: 0px auto 30px auto;
	padding: 0 0 0px 0;
}

.wwc_cts7_cts {
box-sizing: border-box;
max-width: 1060px;
max-width: 1120px;
max-width: 600px;
margin:0px auto 10px auto;
padding: 0px 0px 0px 60px;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts7_cts img {
max-width: 100%;
height: auto;
}


.wwc_cts7_prcs1 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 387px;
max-width: 600px;
height: 244px;
height: auto;
margin:0px auto 5px auto;
padding: 20px 0px 30px 0px;
position: relative;
background: url(images/ww_cts7_waku01.svg) no-repeat center center/100% 100%;
background: url(images/ww_cts7_waku_sp.svg) no-repeat center center/100% 100%;
}
.wwc_cts7_prcs2 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 387px;
max-width: 600px;
height: 244px;
height: auto;
margin:0px auto 5px auto;
padding: 20px 0px 30px 0px;
position: relative;
background: url(images/ww_cts7_waku02.svg) no-repeat center center/100% 100%;
background: url(images/ww_cts7_waku_sp.svg) no-repeat center center/100% 100%;
}
.wwc_cts7_prcs3 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 387px;
max-width: 600px;
height: 244px;
height: auto;
margin:0px auto 0px auto;
padding: 20px 0px 30px 0px;
position: relative;
background: url(images/ww_cts7_waku03.svg) no-repeat center center/100% 100%;
background: url(images/ww_cts7_waku3_sp.svg) no-repeat center center/100% 100%;
}
.wwc_cts7_prcs_no1 {
display:none;
box-sizing: border-box;
width: 80px;
width: 56px;
height: 60px;
height: 42px;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
top:3px;
left:1px;
}
.wwc_cts7_prcs_no1_sp {
display:block;
box-sizing: border-box;
width: 80px;
width: 56px;
height: 60px;
height: 42px;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
top:3px;
left:1px;
}
.wwc_cts7_prcs_no2 {
width: 80px;
width: 56px;
height: 60px;
height: 42px;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
top:3px;
left:1px;
}
.wwc_cts7_prcs_no3 {
width: 80px;
width: 56px;
height: 60px;
height: 42px;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
top:3px;
left:1px;
}
.wwc_cts7_prcs_box1 {
box-sizing: border-box;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts7_prcs_box2 {
box-sizing: border-box;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts7_prcs_box3 {
box-sizing: border-box;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.wwc_cts7_prcs_sttl {
box-sizing: border-box;
float:left;
width: 70%;
color: #333;
color: #4d4d4d;
font-size: 22px;
font-size: 17px;
	font-weight: 600;
	line-height: 1.4em;
	text-align:center;
	text-align:left;
margin:0px auto 15px auto;
margin:0px 0 15px 70px;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts7_prcs_icn {
box-sizing: border-box;
width: 100px;
width: 80px;
	text-align:center;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
overflow:hidden;
top:-7px;
right:20px;
}

.wwc_cts7_prcs_bn {
box-sizing: border-box;
	width: 576px;
	width: auto;
	max-width: 320px;
	max-width: 350px;
	height: 76px;
	height: auto;
	text-align:center;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
background: url(images/wwc_prcs_bn_bk.svg) no-repeat center center/100% 100%;
overflow:hidden;
}
.wwc_cts7_prcs_bn a {
   display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}
.wwc_cts7_prcs_bn a:hover{
	 opacity: 0.30;
    background-color: #ffffff;
}
.wwc_cts7_prcs_bn_txt {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-align:center;
	letter-spacing: 0.0em;
	line-height: 1.6em;
	margin: 0px 0 0 0;
	padding: 19px 25px 0px 0px;
	padding: 16px 20px 16px 0px;
	text-transform: none;
}


.wwc_cts_box_bk8 {
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
	background-color: #edf8ff;
margin:0px auto 120px auto;
margin:0px auto 60px auto;
padding: 100px 0px 80px 0px;
padding: 50px 5% 40px 5%;
position: relative;
overflow:hidden;
z-index: 5;
}
.wwc_cts8 {
box-sizing: border-box;
	max-width: 1000px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts8_cp {
color: #333;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6em;
	text-align:center;
	text-align:left;
	margin: 0px auto 30px auto;
	padding: 0 0 0px 0;
}

.wwc_cts8_img {
box-sizing: border-box;
max-width: 1000px;
margin:0px auto 30px auto;
margin:0px 4% 30px 4%;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts8_img img {
max-width: 100%;
height: auto;
}
.wwc_cts8_img1 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 494px;
margin:0px auto 12px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cts8_img2 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 494px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}


.wwc_example {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 110px auto;
margin:0px 5% 50px 5%;
margin:0px 5% 30px 5%;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.wwc_example_box {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.wwc_example_cp {
color: #333;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6em;
	text-align:center;
	text-align:left;
	margin: 0px auto 30px auto;
	padding: 0 0 0px 0;
}

.wwc_example_cts {
box-sizing: border-box;
max-width: 1200px;
margin:0px auto 30px auto;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_example_cts img {
max-width: 100%;
height: auto;
}



.wwc_cct {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 10px auto;
margin:0px 5% 10px 5%;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cct_box {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

h3.wwc_cct_cp {
color: #1b7fbe;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.6em;
	text-align:center;
	text-align:left;
	margin: 0px auto 30px auto;
	padding: 0 0 0px 0;
}

.wwc_cct_cts {
box-sizing: border-box;
max-width: 1200px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_cct_cts img {
max-width: 100%;
height: auto;
}

.wwc_ctt_cts_tel {
box-sizing: border-box;
	max-width: 500px;
margin:0px auto 30px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_ctt_tel {
box-sizing: border-box;
float:none;
width: auto;
max-width: 300px;
max-width: 240px;
margin:0px 20px 0px 0;
margin:0px auto 5px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_ctt_tel img {
max-width: 100%;
height: auto;
}
.wwc_ctt_tel a:hover img {
  -moz-opacity: 1.0;
  -ms-filter: "alpha(opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1.0;
}
.wwc_ctt_tel_cp {
box-sizing: border-box;
float:none;
color: #333;
  font-weight: 400;
	font-size: 14px;
	text-align: left;
	text-align: center;
	line-height: 1.4em;
	padding: 8px 0px 0px 0px;
	margin: 0 auto 0px auto;
}

.wwc_ctt_form_box {
box-sizing: border-box;
max-width: 1200px;
background-color: #0068b7;
margin:0px auto 0px auto;
padding: 20px 0px 20px 0px;
position: relative;
overflow:hidden;
}
.wwc_ctt_form_cts {
box-sizing: border-box;
max-width: 1080px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.wwc_ctt_form {
box-sizing: border-box;
float:none;
width: auto;
max-width: 280px;
height: 50px;
margin:0px 30px 10px 0;
margin:0px auto 10px auto;
padding: 0px 0px 0px 0px;
background-color: #fff;
border-bottom: 5px solid #f18d00;
position: relative;
overflow:hidden;
}
.wwc_ctt_form:nth-child(3) {
margin:0px 0px 0px 0;
margin:0px auto 0px auto;
}
.wwc_ctt_form a {
   display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}
.wwc_ctt_form a:hover{
	 opacity: 0.30;
    background-color: #ffffff;
}

.wwc_ctt_form_txt {
box-sizing: border-box;
color: #0068b7;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.6em;
	text-align:center;
	position: relative;
margin:0px auto 0px auto;
padding: 10px 0px 0px 0px;
position: relative;

}
.wwc_ctt_form_icn {
box-sizing: border-box;
width: 12px;
margin:0px 0px 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
top:15px;
left:15px;
}



/* =スケール障害･腐食対策
----------------------------------------------- */
.des_cts1 {
box-sizing: border-box;
	max-width: 1300px;
margin:20px auto 40px auto;
margin:0px 5% 10px 5%;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.trouble_des_cts_box {
box-sizing: border-box;
clear:both;
	max-width: 1180px;
    margin: -16px auto 15px auto;
	margin:-20px auto 50px auto;
	margin:-20px auto 0px auto;
	background-color: #fff;
	text-align:left;
    padding: 0px 0px 10px 0px;
	 padding: 5px 0px 10px 15px;
	 padding: 5px 0px 10px 0px;
}
.trouble_des_cts {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-top: 16px;
	margin-top: 0px;
}
.trouble-card-des {
    float:left;
	float:none;
	width: 500px;
	width: 390px;
	width: 100%;
	margin: 0px 0px 0 0em;
	margin: -16px 0px 0 0em;
    padding: 18px 0px 18px 0px;
}
.trouble-card-des:nth-child(2) {
    float:left;
	float:none;
	margin: -60px 0px 0px 0em;
	width: 500px;
	width: 420px;
	width: 100%;
}
.trouble-card-des:nth-child(3) {
    float:left;
	float:none;
	margin: -60px 0px 0px 0em;
	width: 500px;
	width: 300px;
	width: 100%;
}
.trouble-card-des ul {
	margin: 10px 0 0px 1.2em;
	margin: 10px 0 0px 0.5em;
	font-size: 20px;
	font-size: 15px;
    line-height: 1.5;
	line-height: 1.4;
	list-style: none;
}
.trouble-card-des li {
    margin-bottom: 4px;
	margin-bottom: 10px;
	margin-bottom: 8px;
  list-style-type:none;
	background-image: url(images/check_icn.svg);
	background-size: 17px auto;
    background-repeat:no-repeat;
    background-position:0px 2px;
    padding-left:24px;
}


.des_cts_box_bk2 {
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
	background-color: #edf8ff;
margin:0px auto 120px auto;
margin:0px auto 50px auto;
padding: 100px 0px 70px 0px;
padding: 50px 5% 30px 5%;
position: relative;
overflow:hidden;
z-index: 5;
}
.des_cts2 {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.des_cts2_cp {
  box-sizing: border-box;
  color: #1b7fbe;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.5em;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 25px auto;
	overflow:hidden;
}


.des_cts2_1{
box-sizing: border-box;
max-width: 1200px;
margin:0px auto 30px auto;
padding: 0px 0px 30px 0px;
border: 1px solid #8ed3f5;
background:#fff;
position: relative;
overflow:hidden;
}
.des_cts2_1 img{
max-width: 100%;
height: auto;
}

.des_cts2_box {
box-sizing: border-box;
max-width: 1000px;
  position: relative;
margin:0px auto 0px auto;
padding: 60px 0px 60px 0px;
padding: 20px 30px 20px 30px;
overflow:hidden;
}
.des_cts2_box img {
max-width: 100%;
height: auto;
}

.des_cts2_sttl_box {
box-sizing: border-box;
max-width: 1000px;
  position: relative;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
h3.des_cts2_sttl {
  box-sizing: border-box;
  border-bottom: 3px solid #c9c9c9;
  color: #4d4d4d;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.4em;
	text-align: left;
	position: relative;
	padding: 10px 0 0px 0px;
	margin: 0 auto 15px auto;
}
h3.des_cts2_sttl::after {
  box-sizing: border-box;
  display: block;
  position: relative;
	width: 20%;
	  width: 20%;
  margin: 15px 0 -3px;
  margin: 30px 0 -18px;
  margin: 15px 0 -3px;
  margin: 10px 0 -3px;
  border-bottom: 3px solid #f4901e;
  content: "";
}

.des_cts2_1_fukidasi {
box-sizing: border-box;
width: 132px;
width: 90px;
width: 88px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
overflow:hidden;
top:-25px;
right:10px;
top:40px;
right:-15px;
z-index: 10;
}

.des_cts2_cts {
box-sizing: border-box;
max-width: 1000px;
  position: relative;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
z-index: 5;
}
.des_cts2_cts1 {
box-sizing: border-box;
float:none;
max-width: 640px;
  position: relative;
margin:0px auto 25px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.des_cts2_cts2 {
box-sizing: border-box;
float:none;
max-width: 280px;
max-width: 640px;
  position: relative;
margin:0px 30px 0px 0;
margin:0px auto 0px auto;
padding: 0px 30px 0px 30px;
padding: 0px 0px 0px 0px;
overflow:hidden;
}

.des_cts2_cts1_pbox {
box-sizing: border-box;
margin:0px auto 10px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
z-index: 5;
}
.des_cts2_cts1_pt {
box-sizing: border-box;
float:left;
float:none;
width: 200px;
width: 85%;
height: 82px;
height: auto;
color: #0068b7;
font-size: 16px;
	font-weight: 600;
	line-height: 1.4em;
	text-align:center;
margin:0px 0 5px 0;
padding: 10px 0px 10px 0px;
background: url(images/des_cts2_1_ptbk.svg) no-repeat center center/100% 100%;
}

.des_cts2_cts1_pbox300 {
box-sizing: border-box;
margin:0px auto 15px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.des_cts2_cts1_pt300 {
box-sizing: border-box;
float:left;
float:none;
width: 200px;
width: 300px;
width: 88%;
height: 82px;
height: 70px;
height: auto;
color: #0068b7;
font-size: 16px;
	font-weight: 600;
	line-height: 1.4em;
	text-align:center;
margin:0px auto 10px auto;
margin:0px 0px 5px 0;
padding: 10px 0px 10px 0px;
background: url(images/des_cts2_1_ptbk_300.svg) no-repeat center center/100% 100%;
}

.des_cts2_cts1_cp {
color: #333;
  font-weight: 400;
	font-size: 15px;
	line-height: 1.5em;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0px 0;
	overflow:hidden;
}

.des_cts2_cts2_img {
box-sizing: border-box;
width: auto;
max-width: 220px;
margin:0px auto 15px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.des_cts2_cts2_img img {
max-width: 100%;
height: auto;
}
.des_cts2_cts2_plogo {
box-sizing: border-box;
width: auto;
max-width: 274px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}

.des_cts2_cts2_cp {
color: #333;
  font-weight: 400;
	font-size: 15px;
	line-height: 1.5em;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 30px 0 0px 0;
	overflow:hidden;
}

.des_cts2_2{
box-sizing: border-box;
max-width: 1200px;
margin:0px auto 30px auto;
padding: 0px 0px 10px 0px;
border: 1px solid #8ed3f5;
background:#fff;
position: relative;
overflow:hidden;
}
.des_cts2_2 img{
max-width: 100%;
height: auto;
}

.des_cts2_2_cts {
box-sizing: border-box;
max-width: 1000px;
  position: relative;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
.des_cts2_2_cts1 {
box-sizing: border-box;
float:none;
max-width: 470px;
  position: relative;
margin:0px auto 20px auto;
padding: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.des_cts2_2_cts2 {
box-sizing: border-box;
float:right;
float:none;
max-width: 460px;
  position: relative;
margin:0px 0px 0px 0;
padding: 0px 0px 0px 0px;
overflow:hidden;
}

.des_cts2_2_cts1_pbox {
clear:both;
box-sizing: border-box;
  position: relative;
margin:0px auto 10px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.des_cts2_2_cts1_pt1 {
box-sizing: border-box;
float:left;
width: 234px;
height: 64px;
width: 47%;
height: auto;
color: #333;
font-size: 15px;
	font-weight: 600;
	line-height: 1.6em;
	text-align:center;
margin:0px 3% 0px 0;
padding: 15px 20px 15px 0px;
background: url(images/des_cts2_2_ptbk.svg) no-repeat center center/100% 100%;
}
.des_cts2_2_cts1_pt2 {
box-sizing: border-box;
float:left;
width: 212px;
height: 54px;
width: 47%;
height: auto;
color: #0068b7;
font-size: 15px;
	font-weight: 600;
	line-height: 1.6em;
	text-align:center;
margin:5px auto 0px auto;
padding: 10px 0px 10px 0px;
background: url(images/des_cts2_2_ptbk2.svg) no-repeat center center/100% 100%;
}

.des_cts2_2_cts1_cp {
color: #0068b7;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.5em;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 10px 0 0px 0;
	overflow:hidden;
}

.des_cts2_2_cts2_cp {
color: #333;
  font-weight: 600;
	font-size: 15px;
	line-height: 1.5em;
	text-align: left;
	padding: 0px 0px 5px 0px;
	margin: 0px 0 0px 0;
	overflow:hidden;
}

.des_cts2_2_cts2_img {
box-sizing: border-box;
max-width: 460px;
  position: relative;
margin:0px 0px 0px 0;
padding: 0px 0px 0px 0px;
overflow:hidden;
}


.des_cts2_3{
box-sizing: border-box;
max-width: 1200px;
margin:0px auto 30px auto;
padding: 0px 0px 10px 0px;
border: 1px solid #8ed3f5;
background:#fff;
position: relative;
overflow:hidden;
}
.des_cts2_3 img{
max-width: 100%;
height: auto;
}
.des_cts2_3_cp {
color: #333;
  font-weight: 400;
	font-size: 15px;
	line-height: 1.6em;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 0 20px 0;
	overflow:hidden;
}

.des_cts2_3_cts {
box-sizing: border-box;
max-width: 1000px;
  position: relative;
margin:0px auto 30px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.des_cts2_3_cts1 {
box-sizing: border-box;
float:none;
max-width: 484px;
  position: relative;
margin:0px auto 20px auto;
padding: 0px 0px 0px 0px;
}
.des_cts2_3_cts2 {
box-sizing: border-box;
float:right;
float:none;
max-width: 484px;
  position: relative;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}

.des_cts2_3_cts_link {
box-sizing: border-box;
max-width: 860px;
  position: relative;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
.des_cts2_cts_link1 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 410px;
  position: relative;
margin:0px auto 10px auto;
padding: 0px 0px 0px 0px;
}
.des_cts2_cts_link2 {
box-sizing: border-box;
float:right;
float:none;
width: 410px;
width: auto;
max-width: 410px;
  position: relative;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
}

.des_cts2_ctt_bn {
box-sizing: border-box;
	width: 410px;
	max-width: 300px;
	height: 54px;
	height: auto;
	text-align:center;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
background-color: #fff;
	border-top: 1px solid #00a7ea;
border-bottom: 1px solid #00a7ea;
position: relative;
overflow:hidden;
}
.des_cts2_ctt_bn a {
   display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}
.des_cts2_ctt_bn a:hover{
	 opacity: 0.30;
    background-color: #ffffff;
}
.des_cts2_ctt_bn_txt {
	color: #333;
	font-size: 16px;
	font-weight: 600;
	text-align:center;
	letter-spacing: 0.0em;
	line-height: 1.5em;
	margin: 0px 0 0 0;
	padding: 10px 25px 10px 0px;
	text-transform: none;
}
.des_cts2_ctt_bn_ya {
box-sizing: border-box;
width: 25px;
width:22px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top:10px;
right:10px;
top:11px;
right:5px;
}


.des_cts3 {
box-sizing: border-box;
	max-width: 1300px;
margin:0px auto 50px auto;
margin:0px 5% 30px 5%;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.des_cts3_box {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 0px auto;
position: relative;
overflow:hidden;
}

.des_cts3_cp {
color: #1b7fbe;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5em;
	text-align:center;
	text-align:left;
	margin: 0px auto 15px auto;
	padding: 0 0 0px 0;
}

.des_cts3_pt_cts {
box-sizing: border-box;
	max-width: 860px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
z-index: 10;
}
.des_cts3_pt {
box-sizing: border-box;
float:none;
width: 260px;
width: 90%;
height: 106px;
height: auto;
color: #4d4d4d;
font-size: 16px;
	font-weight: 600;
	line-height: 1.4em;
	text-align:center;
margin:0px auto 10px auto;
padding: 8px 0px 8px 0px;
background: url(images/des_cts3_ptbk.svg) no-repeat center center/100% 100%;
}
.des_cts3_pt:nth-child(3) {
margin:0px 0px 0px 0;
margin:0px auto 10px auto;
}


.des_cts3_cts {
box-sizing: border-box;
max-width: 1200px;
background:#fff;
border: 1px solid #aaaaaa;
margin:-50px auto 50px auto;
margin:20px auto 50px auto;
margin:20px auto 30px auto;
padding: 150px 0px 50px 0px;
padding: 30px 30px 0px 30px;
position: relative;
overflow:hidden;
z-index: 5;
}
.des_cts3_cts img {
max-width: 100%;
height: auto;
}

.des_cts3_cts_box {
box-sizing: border-box;
margin:0px auto 0px auto;
padding: 0px 50px 0px 50px;
position: relative;
overflow:hidden;
}

.des_cts3_illust {
box-sizing: border-box;
max-width: 980px;
width: 600px;
margin:0px auto 15px auto;
padding: 0px 20px 10px 0px;
position: relative;
overflow:hidden;
}

.des_cts3_img {
box-sizing: border-box;
	max-width: 1000px;
margin:20px auto 35px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.des_img4 {
box-sizing: border-box;
float:left;
width: 244px;
width: 48%;
margin:0px 3% 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.des_img4 img {
max-width: 100%;
height: auto;
}
.des_img4:nth-child(2) {
margin:0px 0px 10px 0;
}
.des_img4:nth-child(4) {
margin:0px 0px 10px 0;
}



.des_cts_box_bk4 {
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
	background-color: #edf8ff;
margin:0px auto 120px auto;
margin:0px auto 20px auto;
padding: 100px 0px 70px 0px;
padding: 50px 5% 10px 5%;
position: relative;
overflow:hidden;
z-index: 5;
}
.des_cts4 {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.des_cts4 img{
max-width: 100%;
height: auto;
}

.des_cts4_cts{
box-sizing: border-box;
max-width: 1200px;
margin:0px auto 50px auto;
padding: 0px 0px 100px 0px;
padding: 0px 30px 30px 30px;
border: 1px solid #8ed3f5;
background:#fff;
position: relative;
overflow:hidden;
}
.des_cts4_box {
box-sizing: border-box;
max-width: 1000px;
  position: relative;
margin:0px auto 0px auto;
padding: 60px 0px 0px 0px;
padding: 30px 0px 0px 0px;
overflow:hidden;
}


.des_cts4_cts_box {
box-sizing: border-box;
max-width: 1000px;
  position: relative;
margin:0px auto 0px auto;
padding: 0px 0px 30px 0px;
overflow:hidden;
}
.des_cts4_cts_box1 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 500px;
  position: relative;
margin:0px auto 20px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.des_cts4_cts_box2 {
box-sizing: border-box;
float:none;
text-align: left;
width: auto;
max-width: 480px;
  position: relative;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
overflow:hidden;
}

.des_cts4_cts_box1_cp {
  box-sizing: border-box;
  color: #333;
  font-weight: 400;
	font-size: 15px;
	line-height: 1.5em;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 0px auto;
	overflow:hidden;
}

.des_cts4_cts_box2_sttl {
 box-sizing: border-box;
  color: #1b7fbe;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.5em;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 4px auto;
	overflow:hidden;
}


.des_cts4_cts_box2_cts {
box-sizing: border-box;
margin:0px 0 15px 0;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.des_cts4_cts_box2_cts img {
max-width: 100%;
height: auto;
}
.des_cts4_box2_1 {
box-sizing: border-box;
float:left;
width: 220px;
width: 45%;
margin:0px 3% 0px 0;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.des_cts4_box2_2 {
box-sizing: border-box;
float:left;
width: 250px;
width: 52%;
margin:0px 0px 10px 0;
padding: 0px 0px 0px 0px;
overflow:hidden;
}

.des_cts4_box2_2_pt1 {
box-sizing: border-box;
width: 240px;
width: 100%;
height: 50px;
height: auto;
color: #333;
font-size: 14px;
	font-weight: 600;
	line-height: 1.4em;
	text-align:center;
margin:0px auto 5px auto;
padding: 5px 0px 5px 0px;
background: url(images/des_cts4_pt_bk1.svg) no-repeat center center/100% 100%;
}
.des_cts4_box2_2_pt2 {
box-sizing: border-box;
width: 240px;
width: 100%;
height: 50px;
height: auto;
color: #fff;
font-size: 14px;
	font-weight: 600;
	line-height: 1.4em;
	text-align:center;
margin:0px auto 5px auto;
padding: 5px 0px 5px 0px;
background: url(images/des_cts4_pt_bk2.svg) no-repeat center center/100% 100%;
}

.des_cts4_box2_2_cp {
 box-sizing: border-box;
  color: #333;
  font-weight: 400;
	font-size: 13px;
	line-height: 1.35em;
	text-align: left;
	padding: 0px 0px 0px 5px;
	margin: 0 auto 0px auto;
	overflow:hidden;
}


.des_cts4_cts_box02 {
box-sizing: border-box;
max-width: 1000px;
  position: relative;
margin:0px auto 20px auto;
padding: 0px 0px 0px 0px;
}
.des_cts4_cts_box02 img {
max-width: 100%;
height: auto;
}

.des_cts4_cts_box02_cts {
box-sizing: border-box;
max-width: 1000px;
  position: relative;
  border: 1px solid #aaaaaa;
margin:0px auto 0px auto;
padding: 20px 10px 20px 10px;
}

.des_cts4_cts_box02_img {
box-sizing: border-box;
max-width: 856px;
width: 600px;
  position: relative;
margin:0px auto 10px auto;
padding: 0px 20px 10px 0px;
overflow:hidden;
}

.des_cts4_cts_box02_fukidashi {
box-sizing: border-box;
width: 200px;
height: 95px;
width: 150px;
height: 72px;
  position: relative;
  position: absolute;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
top:-60px;
right:0px;
}


.des_cts4_cts_box03 {
box-sizing: border-box;
max-width: 1000px;
  position: relative;
margin:0px auto 0px auto;
padding: 0px 0px 10px 0px;
}
.des_cts4_cts_box03 img {
max-width: 100%;
height: auto;
}

.des_cts4_box03_1 {
box-sizing: border-box;
float:none;
max-width: 480px;
margin:0px auto 20px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.des_cts4_box03_2 {
box-sizing: border-box;
float:right;
float:none;
max-width: 480px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}


.des_cts4_box03_cts {
box-sizing: border-box;
width: auto;
max-width: 480px;
border-top: 1px solid #969696;
margin:0px 0px 0px 0;
padding: 0px 0px 0px 0px;
overflow:hidden;
}

.des_cts4_box03_cts_cp0 {
	text-align: left;
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0 auto 0px auto;
	overflow:hidden;
}
.des_cts4_box03_cts_cp {
border-bottom: 1px solid #00a0e9;
  color: #4d4d4d;
  font-weight: 600;
	font-size: 15px;
	line-height: 1.35em;
	text-align: left;
	position: relative;
	padding: 8px 0px 8px 15px;
	margin: 0 auto 0px auto;
}
.des_cts4_box03_cts_cp2 {
border-bottom: 1px solid #00a0e9;
  color: #4d4d4d;
  font-weight: 600;
	font-size: 15px;
	line-height: 1.35em;
	text-align: left;
	background-color: #f2faff;
	position: relative;
	padding: 8px 0px 8px 15px;
	margin: 0 auto 0px auto;
}
.des_cts4_box03_cts_ya {
box-sizing: border-box;
width: 200px;
height: 95pz;
  position: relative;
  position: absolute;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
top:2px;
top:12px;
left:0px;
}


.des_example_box_bk {
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
	background-color: #edf8ff;
margin:0px auto 120px auto;
margin:0px auto 50px auto;
padding: 100px 0px 70px 0px;
padding: 50px 5% 0px 5%;
position: relative;
overflow:hidden;
z-index: 5;
}
.des_example {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 110px auto;
margin:0px auto 30px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.des_example_box {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.des_example_cp {
color: #333;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6em;
	text-align:center;
	text-align:left;
	margin: 0px auto 30px auto;
	padding: 0 0 0px 0;
}

.des_example_cts {
box-sizing: border-box;
max-width: 1200px;
margin:0px auto 30px auto;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.des_example_cts img {
max-width: 100%;
height: auto;
}



.des_cts5 {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 90px auto;
margin:0px 5% 10px 5%;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.des_cts5_box {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.des_cts5_cp {
color: #333;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5em;
	text-align:center;
	text-align:left;
	margin: 0px auto 25px auto;
	padding: 0 0 0px 0;
}

.des_cts5_cts {
box-sizing: border-box;
max-width: 1200px;
margin:0px auto 50px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.des_cts5_cts img {
max-width: 100%;
height: auto;
}


.des_cts5_prcs1 {
box-sizing: border-box;
float:none;
width: 270px;
width: auto;
max-width: 600px;
height: 222px;
height: auto;
margin:0px 0 0px 0;
padding: 10px 0px 10px 0px;
position: relative;
background: url(images/des_cts5_waku1.svg) no-repeat center center/100% 100%;
background: url(images/ww_cts7_waku_sp.svg) no-repeat center center/100% 100%;
}
.des_cts5_prcs24 {
box-sizing: border-box;
float:none;
width: 270px;
width: auto;
max-width: 600px;
height: 222px;
height: auto;
margin:0px 0 0px -38px;
margin:0px 0 0px 0px;
padding: 10px 0px 10px 0px;
position: relative;
background: url(images/des_cts5_waku.svg) no-repeat center center/100% 100%;
background: url(images/ww_cts7_waku_sp.svg) no-repeat center center/100% 100%;
}
.des_cts5_prcs5 {
box-sizing: border-box;
float:none;
width: 270px;
width: auto;
max-width: 600px;
height: 222px;
height: auto;
margin:0px 0 0px -38px;
margin:0px 0 0px 0px;
padding: 10px 0px 10px 0px;
position: relative;
background: url(images/des_cts5_waku.svg) no-repeat center center/100% 100%;
background: url(images/ww_cts7_waku3_sp.svg) no-repeat center center/100% 100%;
}

.des_cts5_prcs_no1 {
display:none;
box-sizing: border-box;
width: 58px;
width: 56px;
height: 44px;
height: 42px;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
top:2px;
left:1px;
}
.des_cts5_prcs_no1_sp {
display:block;
box-sizing: border-box;
width: 58px;
width: 56px;
height: 44px;
height: 42px;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
top:2px;
left:1px;
}
.des_cts5_prcs_no25 {
box-sizing: border-box;
width: 58px;
width: 56px;
height: 44px;
height: 42px;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
top:2px;
left:25px;
left:1px;
}

.des_cts5_prcs_box1 {
box-sizing: border-box;
margin:0px auto 0px auto;
padding: 10px 30px 10px 0px;
position: relative;
overflow:hidden;
}
.des_cts5_prcs_box25 {
box-sizing: border-box;
margin:0px auto 0px auto;
padding: 0px 0px 0px 30px;
padding: 0px 0px 0px 25px;
padding: 10px 30px 10px 0px;
position: relative;
overflow:hidden;
}

.des_cts5_prcs_sttl1 {
box-sizing: border-box;
float:left;
width: 70%;
color: #333;
color: #4d4d4d;
font-size: 17px;
	font-weight: 600;
	line-height: 1.4em;
	text-align:center;
	text-align:left;
height: 60px;
height: auto;
margin:0px auto 16px auto;
margin:0px 0 15px 80px;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.des_cts5_prcs_sttl2 {
box-sizing: border-box;
float:left;
width: 70%;
color: #333;
color: #4d4d4d;
font-size: 17px;
	font-weight: 600;
	line-height: 1.4em;
	text-align:center;
	text-align:left;
	height: 60px;
	height: auto;
margin:0px auto 16px auto;
margin:0px 0 15px 80px;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.des_cts5_prcs_icn {
box-sizing: border-box;
width: 90px;
width: 80px;
width: 70px;
	text-align:center;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
overflow:hidden;
top:0px;
right:20px;
}




/* =井戸水クーラー導入の流れ
----------------------------------------------- */
.prcs_cts1 {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 70px auto;
margin:0px 5% 10px 5%;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.prcs_cts1_box {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.prcs_cts1_cts {
box-sizing: border-box;
max-width: 1060px;
max-width: 1100px;
max-width: 1130px;
margin:0px auto 50px auto;
margin:0px auto 10px auto;
padding: 0px 0px 0px 30px;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.prcs_cts1_cts img {
max-width: 100%;
height: auto;
}

.prcs_cts1_prcs1 {
box-sizing: border-box;
float:left;
float:none;
width: auto;
max-width: 404px;
max-width: 600px;
height: 244px;
height: auto;
margin:0px 0 0px 0;
padding: 40px 0px 0px 0px;
margin:0px auto 5px auto;
padding: 20px 0px 30px 0px;
position: relative;
background: url(images/prcs_waku1.svg) no-repeat center center/100% 100%;
background: url(images/ww_cts7_waku_sp.svg) no-repeat center center/100% 100%;
}

.prcs_cts1_prcs2 {
box-sizing: border-box;
float:left;
float:none;
width: auto;
max-width: 404px;
max-width: 600px;
height: 244px;
height: auto;
margin:0px 0 0px -51px;
margin:0px 0 0px -56px;
padding: 40px 0px 0px 0px;
margin:0px auto 5px auto;
padding: 20px 0px 30px 0px;
position: relative;
background: url(images/prcs_waku2.svg) no-repeat center center/100% 100%;
background: url(images/ww_cts7_waku_sp.svg) no-repeat center center/100% 100%;
}
.prcs_cts1_prcs3 {
box-sizing: border-box;
float:left;
float:none;
width: auto;
max-width: 404px;
max-width: 600px;
height: 244px;
height: auto;
margin:0px 0 0px -51px;
margin:0px 0 0px -56px;
padding: 40px 0px 0px 0px;
margin:0px auto 5px auto;
padding: 20px 0px 30px 0px;
position: relative;
background: url(images/prcs_waku3.svg) no-repeat center center/100% 100%;
background: url(images/ww_cts7_waku3_sp.svg) no-repeat center center/100% 100%;
}

.prcs_cts1_prcs1 a,
.prcs_cts1_prcs2 a,
.prcs_cts1_prcs3 a{
   display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}
.prcs_cts1_prcs1 a:hover,
.prcs_cts1_prcs2 a:hover,
.prcs_cts1_prcs3 a:hover{
	 opacity: 0.30;
    background-color: #ffffff;
}
.prcs_cts1_prcs_no1 {
display:none;
box-sizing: border-box;
width: 80px;
height: 60px;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
top:3px;
left:1px;
}
.prcs_cts1_prcs_no1_sp {
display:block;
box-sizing: border-box;
width: 80px;
width: 56px;
height: 60px;
height: 42px;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
top:3px;
left:1px;
}
.prcs_cts1_prcs_no2 {
box-sizing: border-box;
width: 80px;
width: 56px;
height: 60px;
height: 42px;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
top:3px;
left:1px;
}
.prcs_cts1_prcs_no3 {
box-sizing: border-box;
width: 80px;
width: 56px;
height: 60px;
height: 42px;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
top:3px;
left:1px;
}
.prcs_cts1_prcs_box1 {
box-sizing: border-box;
margin:0px auto 0px auto;
padding: 0px 30px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.prcs_cts1_prcs_box2 {
box-sizing: border-box;
margin:0px auto 0px auto;
padding: 0px 0px 0px 30px;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.prcs_cts1_prcs_box3 {
box-sizing: border-box;
margin:0px auto 0px auto;
padding: 0px 0px 0px 30px;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.prcs_cts1_prcs_sttl {
box-sizing: border-box;
float:left;
width: 70%;
color: #333;
color: #4d4d4d;
font-size: 22px;
font-size: 17px;
	font-weight: 600;
	line-height: 1.4em;
	text-align:center;
	text-align:left;
margin:0px auto 15px auto;
margin:0px 0 15px 70px;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.prcs_cts1_prcs_icn {
box-sizing: border-box;
width: 100px;
width: 80px;
	text-align:center;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
overflow:hidden;
top:-7px;
right:20px;
}




.prcs_cts_box_bk2 {
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
	background-color: #edf8ff;
margin:0px auto 120px auto;
margin:0px auto 60px auto;
padding: 100px 0px 60px 0px;
padding: 40px 5% 30px 5%;
position: relative;
overflow:hidden;
z-index: 5;
}


.prcs_cts2_1{
box-sizing: border-box;
max-width: 1100px;
margin:0px auto 30px auto;
padding: 0px 0px 10px 0px;
border: 1px solid #8ed3f5;
background:#fff;
border-radius: 6px;
position: relative;
overflow:visible;
z-index: 5;
}
.prcs_cts2_1 img{
max-width: 100%;
height: auto;
}

.prcs_cts2_step{
box-sizing: border-box;
width: 80px;
height: 76px;
width: 56px;
height: 53px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top:1px;
left:1px;
}


.prcs_cts2_box {
box-sizing: border-box;
max-width: 1000px;
max-width: 900px;
  position: relative;
margin:0px auto 0px auto;
padding: 60px 0px 60px 0px;
padding: 50px 30px 30px 30px;
padding: 50px 25px 30px 25px;
overflow:hidden;
overflow:visible;
z-index: 5;
}
.prcs_cts2_box img {
max-width: 100%;
height: auto;
}

.prcs_cts2_sttl_box {
box-sizing: border-box;
max-width: 1000px;
  position: relative;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
h3.prcs_cts2_sttl {
  box-sizing: border-box;
  border-bottom: 3px solid #c9c9c9;
  color: #4d4d4d;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.4em;
	text-align: left;
	position: relative;
	padding: 10px 0px 0px 0px;
	margin: 0 auto 15px auto;
	margin: 0 0 15px 0;
}
h3.prcs_cts2_sttl::after {
  box-sizing: border-box;
  display: block;
  position: relative;
	width: 20%;
	  width: 20%;
  margin: 15px 0 -3px;
  margin: 30px 0 -18px;
  margin: 15px 0 -3px;
  margin: 10px 0 -3px;
  border-bottom: 3px solid #f4901e;
  content: "";
}

.prcs_cts2_1_fukidasi {
box-sizing: border-box;
width: 176px;
width: 120px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
overflow:hidden;
top:-70px;
right:-20px;
z-index: 10;
}

.prcs_cts2_cts01 {
box-sizing: border-box;
max-width: 1000px;
max-width: 900px;
  position: relative;
margin:0px auto 40px auto;
padding: 0px 0px 40px 0px;
border-bottom: 1px solid #b0b0b0;
overflow:hidden;
}
.prcs_cts2_cts01 img {
max-width: 100%;
height: auto;
}
.prcs_cts2_cts1 {
box-sizing: border-box;
float:none;
max-width: 510px;
  position: relative;
margin:0px auto 30px auto;
padding: 0px 0px 0px 0px;
}
.prcs_cts2_cts2 {
box-sizing: border-box;
float:right;
float:none;
max-width: 360px;
  position: relative;
margin:0px 0px 0px 0;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}

.prcs_sttl_bk {
box-sizing: border-box;
width: 100%;
height: 54px;
height: auto;
color: #4d4d4d;
font-size: 16px;
	font-weight: 600;
	line-height: 1.35em;
	text-align:center;
	text-align:left;
margin:0px 0 15px 0;
padding: 10px 5px 10px 15px;
background: url(images/prcs_sttl_bk.svg) no-repeat center center/100% 100%;
position: relative;
z-index: 10;
}
.prcs_cts2_cts1_cp {
color: #0068b7;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.5em;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0 0 10px 0;
	overflow:hidden;
}
.prcs_cts2_cts1_cp2 {
color: #333;
  font-weight: 400;
	font-size: 15px;
	line-height: 1.6em;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0 0 25px 0;
	overflow:hidden;
}


.prcs_cts_bn {
box-sizing: border-box;
width: 330px;
width: auto;
max-width: 280px;
max-width: 300px;
	height: 52px;
	height: auto;
	margin: 0px auto 0px auto;
	padding: 0 0 0px 0;
	background-color: #fff;
	border-top: 1px solid #00a7ea;
border-bottom: 1px solid #00a7ea;
position: relative;
overflow:hidden;
}
.prcs_cts_bn a {
   display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}
.prcs_cts_bn a:hover{
	 opacity: 0.30;
    background-color: #ffffff;
}
.prcs_cts_bn_txt {
	color: #333;
	font-size: 16px;
	font-weight: 600;
	text-align:center;
	line-height: 1.5em;
	margin: 0px auto 0 auto;
	padding: 10px 0px 10px 0px;
	position: relative;
}
.prcs_cts_bn_ya {
box-sizing: border-box;
width: 25px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top:10px;
right:15px;
}

.prcs_cts2_cts2_cp {
color: #333;
  font-weight: 600;
	font-size: 15px;
	line-height: 1.5em;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 0 0 4px 0;
	overflow:hidden;
}
.prcs_cts2_cts2_img {
box-sizing: border-box;
max-width: 360px;
padding: 0px 0px 0px 0px;
margin: 0 auto 0px auto;
overflow:hidden;
}



.prcs_cts2_cts02 {
box-sizing: border-box;
max-width: 1000px;
max-width: 900px;
  position: relative;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.prcs_cts2_02_cts01 img {
max-width: 100%;
height: auto;
}
.prcs_cts2_02_cts1 {
box-sizing: border-box;
float:none;
max-width: 600px;
  position: relative;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
.prcs_cts2_02_cts2 {
box-sizing: border-box;
float:right;
float:none;
max-width: 180px;
  position: relative;
margin:0px 20px 0px 0;
margin:0px auto 0px auto;
padding: 20px 0px 0px 0px;
overflow:hidden;
}
.prcs_cts2_02_cts2 img {
max-width: 100%;
height: auto;
}
.prcs_cts2_02_cts2_img {
max-width: 230px;
max-width: 180px;
  position: relative;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}



.prcs_cts2_ya {
box-sizing: border-box;
width: 90px;
  position: relative;
margin:0px auto 30px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.prcs_cts2_ya img {
max-width: 100%;
height: auto;
}


.prcs_cts2_2{
box-sizing: border-box;
max-width: 1100px;
margin:0px auto 30px auto;
padding: 0px 0px 10px 0px;
border: 1px solid #8ed3f5;
background:#fff;
border-radius: 6px;
position: relative;
overflow:hidden;
overflow:visible;
z-index: 5;
}
.prcs_cts2_2 img {
max-width: 100%;
height: auto;
}

.prcs_cts2_2_cts {
box-sizing: border-box;
max-width: 1000px;
max-width: 900px;
  position: relative;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.prcs_cts2_2_cts_box1 {
box-sizing: border-box;
max-width: 1000px;
max-width: 900px;
  position: relative;
  background:#f0f9ff;
margin:0px auto -50px auto;
padding: 50px 0px 50px 0px;
padding: 50px 0px 20px 0px;
z-index: 5;
top:-50px;
}
.prcs_cts2_2_cts_box1_cts {
box-sizing: border-box;
max-width: 900px;
  position: relative;
margin:0px auto 0px auto;
padding: 0px 50px 0px 50px;
padding: 0px 15px 0px 15px;
}

.prcs_cts2_2_cts_sttl_box {
box-sizing: border-box;
max-width: 800px;
  position: relative;
margin:0px auto 20px auto;
padding: 0px 0px 0px 0px;
border-bottom: 1px solid #009ee4;
overflow:hidden;
}
.prcs_cts2_2_cts_sttl_1 {
box-sizing: border-box;
float:left;
width: 100px;
  position: relative;
  color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-align:center;
	line-height: 1.5em;
margin:0px auto 0px auto;
padding: 4px 0px 4px 0px;
background-color: #009ee4;
overflow:hidden;
}
.prcs_cts2_2_cts_sttl_2 {
box-sizing: border-box;
float:left;
  position: relative;
  color: #4d4d4d;
	font-size: 15px;
	font-weight: 600;
	text-align:left;
	line-height: 1.4em;
margin:0px auto 0px auto;
padding: 5px 0px 5px 10px;
overflow:hidden;
}


.prcs_cts2_2_ctsbox01 {
box-sizing: border-box;
margin:0px auto 30px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.prcs_cts2_2_ctsbox1 {
box-sizing: border-box;
float:left;
float:none;
max-width: 360px;
max-width: 600px;
text-align:left;
margin:0px 0 25px 0;
padding: 28px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.prcs_cts2_2_ctsbox2 {
box-sizing: border-box;
float:right;
float:none;
max-width: 420px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.prcs_cts2_2_ctsbox1_cp {
box-sizing: border-box;
 color: #0068b7;
	font-size: 17px;
	font-weight: 600;
	text-align:left;
	line-height: 1.5em;
margin:0px auto 0px auto;
padding: 0px 0px 0px 10px;
overflow:hidden;
}
.prcs_cts2_2_ctsbox2_img {
max-width: 420px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}


.prcs_cts2_2_ctsbox02 {
box-sizing: border-box;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.prcs_cts2_2_ctsbox02_cp {
box-sizing: border-box;
 color: #333;
	font-size: 15px;
	font-weight: 600;
	text-align:left;
	line-height: 1.5em;
margin:0px auto 4px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.prcs_cts2_2_ctsbox02_img {
box-sizing: border-box;
max-width: 800px;
width: 600px;
margin:0px auto 4px auto;
padding: 0px 10px 10px 0px;
overflow:hidden;
}
.prcs_cts2_2_ctsbox02_cp2 {
box-sizing: border-box;
 color: #333;
	font-size: 13px;
	font-weight: 400;
	text-align:left;
	line-height: 1.5em;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}

.prcs_cts2_2_cts_box2 {
box-sizing: border-box;
max-width: 1000px;
max-width: 900px;
  position: relative;
  background:#f0f9ff;
margin:20px auto 50px auto;
padding: 50px 0px 50px 0px;
padding: 25px 0px 20px 0px;
z-index: 5;
overflow:hidden;
}

.prcs_cts2_2_ctsbox2_cp {
box-sizing: border-box;
 color: #0068b7;
	font-size: 17px;
	font-weight: 600;
	text-align:left;
	line-height: 1.5em;
margin:0px auto 0px auto;
padding: 0px 0px 0px 10px;
overflow:hidden;
}



.prcs_cts2_3_cts {
box-sizing: border-box;
max-width: 1000px;
max-width: 900px;
  position: relative;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.prcs_cts2_3_cts img {
max-width: 100%;
height: auto;
}
.prcs_cts2_3_cts_box1 {
box-sizing: border-box;
max-width: 1000px;
max-width: 900px;
  position: relative;
  background:#f0f9ff;
margin:0px auto -50px auto;
padding: 50px 0px 20px 0px;
z-index: 5;
top:-50px;
}
.prcs_cts2_3_cts_box1_cts {
box-sizing: border-box;
max-width: 900px;
  position: relative;
margin:0px auto 0px auto;
padding: 0px 50px 0px 50px;
padding: 0px 15px 0px 15px;
}


.prcs_cts2_3_cts_sttl_box {
box-sizing: border-box;
max-width: 800px;
  position: relative;
  background:#fff;
margin:0px auto 30px auto;
padding: 7px 0px 7px 0px;
border-top: 1px solid #969696;
border-bottom: 1px solid #969696;
overflow:hidden;
}
.prcs_cts2_3_cts_sttl_box1 {
box-sizing: border-box;
float:none;
width: 170px;
width: auto;
color: #0068b7;
	font-size: 17px;
	font-weight: 600;
	text-align:left;
	line-height: 1.5em;
  position: relative;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
overflow:hidden;
}
.prcs_cts2_3_cts_sttl_box2 {
box-sizing: border-box;
float:left;
float:none;
color: #333;
	font-size: 13px;
	font-weight: 400;
	text-align:left;
	line-height: 1.5em;
  position: relative;
margin:0px 0px 0px 0;
padding: 2px 0px 0px 10px;
overflow:hidden;
}

.prcs_cts2_3_box {
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.prcs_cts2_3_box1 {
box-sizing: border-box;
float:left;
float:none;
max-width: 274px;
margin:0px auto 30px auto;
padding: 0px 20px 0px 20px;
overflow:hidden;
}
.prcs_cts2_3_box2 {
box-sizing: border-box;
float:right;
float:none;
max-width: 500px;
text-align:left;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
overflow:hidden;
}

.prcs_cts2_3_box1_img {
box-sizing: border-box;
max-width: 274px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}

.prcs_cts2_3_box2_sttl {
box-sizing: border-box;
color: #4d4d4d;
	font-size: 15px;
	font-weight: 600;
	text-align:left;
	line-height: 1.4em;
margin:0px auto 20px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}


.prcs_cts2_3_box2_cts {
margin:0px auto 15px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.prcs_cts2_3_box2_cts1 {
box-sizing: border-box;
float:left;
width: 80px;
width: 20%;
margin:0px 3% 0px 0;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.prcs_cts2_3_box2_cts2 {
box-sizing: border-box;
float:left;
max-width: 395px;
width: 75%;
text-align:left;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
overflow:hidden;
}

.prcs_cts2_3_box2_cts1_o {
box-sizing: border-box;
background-color: #f18d00;
width: 80px;
width: auto;
height: 44px;
height: auto;
text-align:center;
color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5em;
margin:0px auto 0px auto;
padding: 8px 0px 8px 0px;
border-radius: 22px;
overflow:hidden;
}
.prcs_cts2_3_box2_cts1_b {
box-sizing: border-box;
background-color: #009ee4;
width: 80px;
width: auto;
height: 44px;
height: auto;
text-align:center;
color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5em;
margin:0px auto 0px auto;
padding: 8px 0px 8px 0px;
border-radius: 22px;
overflow:hidden;
}
.prcs_cts2_3_box2_cts2_cp {
box-sizing: border-box;
text-align:left;
color: #333;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4em;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
overflow:hidden;
}


.prcs_cts2_3_cts_box2 {
box-sizing: border-box;
max-width: 1000px;
max-width: 900px;
  position: relative;
  background:#f0f9ff;
margin:20px auto 0px auto;
padding: 50px 0px 40px 0px;
padding: 30px 0px 20px 0px;
z-index: 5;
top:0px;
}

.prcs_cts2_3_box02 {
margin:-15px auto 30px auto;
margin:-15px auto 10px auto;
padding: 0px 0px 0px 5px;
overflow:hidden;
}

.prcs_cts2_3_box02_2 {
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}

.prcs_cts2_3_box02_box1 {
float:none;
width: auto;
max-width: 600px;
margin:0px 0px 30px 0;
border-right: 0px solid #969696;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.prcs_cts2_3_box02_box2 {
float:none;
width: auto;
max-width: 600px;
margin:0px 0px 30px 0;
border-right: 0px solid #969696;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.prcs_cts2_3_box02_box3 {
float:none;
width: auto;
max-width: 600px;
margin:0px 0px 30px 0;
border-right: 0px solid #969696;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.prcs_cts2_3_box02_sttl {
box-sizing: border-box;
color: #0068b7;
font-size: 16px;
	font-weight: 600;
	line-height: 1.4em;
	text-align:center;
	border-top: 1px solid #969696;
	border-bottom: 1px solid #969696;
margin:0px auto 20px auto;
padding: 8px 0px 8px 0px;
overflow:hidden;
}
.prcs_cts2_3_box02_img {
box-sizing: border-box;
max-width: 210px;
	text-align:center;
margin:0px auto 10px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.prcs_cts2_3_box02_pt {
box-sizing: border-box;
background-color: #0068b7;
color: #fff;
font-size: 16px;
	font-weight: 600;
	line-height: 1.6em;
	text-align:left;
margin:0px auto 10px auto;
padding: 8px 0px 8px 40px;
overflow:hidden;
}
.prcs_cts2_3_box02_cp {
box-sizing: border-box;
color: #333;
font-size: 14px;
	font-weight: 400;
	line-height: 1.5em;
	text-align:left;
margin:0px auto 20px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.prcs_cts2_3_box02_merit {
box-sizing: border-box;
color: #015db2;
font-size: 15px;
	font-weight: 600;
	line-height: 1.5em;
	text-align:left;
margin:0px auto 5px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.prcs_cts2_3_box02_cp2 {
box-sizing: border-box;
color: #333;
font-size: 14px;
	font-weight: 400;
	line-height: 1.35em;
	text-align:left;
margin:0px auto 15px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.prcs_cts2_3_box02_cp2 ul {
	margin: 10px 0 0px 1.2em;
	margin: 0px 0 0px -1.5em;
	margin: 0px 0 0px 1.5em;
	font-size: 14px;
    line-height: 1.35;

}
.prcs_cts2_3_box02_cp2 li {
    margin-bottom: 4px;
	margin-bottom: 4px;
  list-style-type:disc;
}


.prcs_cts2_3_box02_cp3 {
box-sizing: border-box;
color: #333;
font-size: 14px;
	font-weight: 400;
	line-height: 1.35em;
	text-align:left;
margin:0px auto 15px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.prcs_cts2_3_box02_cp3 ul {
	margin: 10px 0 0px 1.2em;
	margin: 0px 0 0px -1.5em;
	margin: 0px 0 0px 1.5em;
	font-size: 14px;
    line-height: 1.35;

}
.prcs_cts2_3_box02_cp3 li {
    margin-bottom: 4px;
	margin-bottom: 4px;
  list-style-type:disc;
}


.prcs_cts2_3_box02_3 {
display:none;
margin:50px auto 50px auto;
padding: 0px 0px 0px 0px;
position: relative;
}

.prcs_cts2_3_box02_3_sp {
display:block;
margin:0px auto 20px auto;
padding: 20px 0px 0px 0px;
border-top: 1px solid #969696;
}
.prcs_cts2_3_box02_3_sp_img {
max-width: 600px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
.prcs_cts2_3_box02_3_sp_img img {
max-width: 100%;
height: auto;
}

.prcs_cts2_3_box02_3_bk {
box-sizing: border-box;
max-width: 800px;
height: 40px;
color: #333;
font-size: 17px;
	font-weight: 600;
	line-height: 1.6em;
	text-align:center;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
background: url(images/prcs_step2_kouritsu_yabk.svg) no-repeat center center/100% 100%;
}
.prcs_cts2_3_box02_3_1 {
 color: #0068b7;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.5em;
	text-align: left;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
position: absolute;
top:45px;
left:100px;
}
.prcs_cts2_3_box02_3_2 {
 color: #0068b7;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.5em;
	text-align: left;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
position: absolute;
top:45px;
right:100px;
}


.prcs_cts2_3{
box-sizing: border-box;
max-width: 1100px;
margin:0px auto 30px auto;
padding: 0px 0px 10px 0px;
border: 1px solid #8ed3f5;
background:#fff;
border-radius: 6px;
position: relative;
overflow:hidden;
overflow:visible;
z-index: 5;
}
.prcs_cts2_3 img{
max-width: 100%;
height: auto;
}

.prcs_cts2_3_ctsbox {
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.prcs_cts2_3_ctsbox1 {
box-sizing: border-box;
float:none;
max-width: 480px;
max-width: 600px;
margin:0px auto 20px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.prcs_cts2_3_ctsbox2 {
box-sizing: border-box;
float:right;
float:none;
max-width: 480px;
max-width: 600px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.prcs_cts2_3_ctsbox_cts {
box-sizing: border-box;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.prcs_cts2_3_ctsbox_cp {
box-sizing: border-box;
float:left;
max-width: 220px;
width: 52%;
 color: #333;
  font-weight: 400;
	font-size: 14px;
	line-height: 1.4em;
	text-align: left;
	padding: 0px 0px 0px 10px;
	margin: 0 4% 0px 0;
	overflow:hidden;
}
.prcs_cts2_3_ctsbox_icn {
box-sizing: border-box;
float:right;
max-width: 170px;
width: 40%;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.prcs_cts2_3_ctsbox_icn img {
max-width: 100%;
height: auto;
}


/* =シミュレーションのお申込み
----------------------------------------------- */
.reg_cts1 {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 70px auto;
margin:0px 5% 10px 5%;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.prcs_cts1_sttl {
  box-sizing: border-box;
  border-bottom: 2px solid #C9C9C9;
  color: #1B7FBE;
  font-weight: 600;
	font-size: 17px;
	line-height: 1.5em;
	text-align: center;
	padding: 0px 0px 10px 0px;
	margin: 0 auto 20px auto;
	overflow:hidden;
}

.reg_cts1_cts {
box-sizing: border-box;
max-width: 1060px;
max-width: 1100px;
max-width: 1100px;
margin:0px auto 50px auto;
margin:0px auto 10px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.reg_cts1_cts img {
max-width: 100%;
height: auto;
}

.reg_cts1_prcs1 {
box-sizing: border-box;
float:left;
float:none;
width: auto;
max-width: 404px;
max-width: 600px;
height: 244px;
height: auto;
margin:0px 0 0px 0;
padding: 40px 0px 0px 0px;
margin:0px auto 5px auto;
padding: 15px 0px 30px 0px;
position: relative;
background: url(images/prcs_waku1.svg) no-repeat center center/100% 100%;
background: url(images/ww_cts7_waku_sp.svg) no-repeat center center/100% 100%;
overflow:hidden;
}

.reg_cts1_prcs2 {
box-sizing: border-box;
float:left;
float:none;
width: auto;
max-width: 404px;
max-width: 600px;
height: 244px;
height: auto;
margin:0px 0 0px -51px;
margin:0px 0 0px -56px;
padding: 40px 0px 0px 0px;
margin:0px auto 3px auto;
padding: 15px 0px 30px 0px;
position: relative;
background: url(images/prcs_waku2.svg) no-repeat center center/100% 100%;
background: url(images/ww_cts7_waku_sp.svg) no-repeat center center/100% 100%;
overflow:hidden;
}
.reg_cts1_prcs3 {
box-sizing: border-box;
float:left;
float:none;
width: auto;
max-width: 404px;
max-width: 600px;
height: 244px;
height: auto;
margin:0px 0 0px -51px;
margin:0px 0 0px -56px;
padding: 40px 0px 0px 0px;
margin:0px auto 3px auto;
padding: 15px 0px 30px 0px;
position: relative;
background: url(images/prcs_waku3.svg) no-repeat center center/100% 100%;
background: url(images/ww_cts7_waku3_sp.svg) no-repeat center center/100% 100%;
overflow:hidden;
}

.reg_cts1_prcs_no1 {
display:none;
box-sizing: border-box;
width: 80px;
height: 60px;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
top:3px;
left:1px;
}

.reg_cts1_prcs_no1_sp {
display:block;
box-sizing: border-box;
width: 80px;
width: 56px;
height: 60px;
height: 42px;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
top:3px;
left:1px;
}

.reg_cts1_prcs_no2 {
box-sizing: border-box;
width: 80px;
width: 56px;
height: 60px;
height: 42px;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
top:3px;
left:43px;
left:1px;
}
.reg_cts1_prcs_no3 {
box-sizing: border-box;
width: 80px;
width: 56px;
height: 60px;
height: 42px;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
top:3px;
left:43px;
left:1px;
}
.reg_cts1_prcs_box1 {
box-sizing: border-box;
margin:0px auto 0px auto;
padding: 0px 35px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.reg_cts1_prcs_box2 {
box-sizing: border-box;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.reg_cts1_prcs_box3 {
box-sizing: border-box;
margin:0px auto 0px auto;
padding: 0px 0px 0px 20px;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.reg_cts1_prcs_sttl {
box-sizing: border-box;
float:left;
width: 70%;
color: #333;
color: #4d4d4d;
font-size: 22px;
font-size: 16px;
	font-weight: 600;
	line-height: 1.4em;
	text-align:center;
	text-align:left;
margin:0px auto 10px auto;
margin:0px 0 5px 60px;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.reg_cts1_prcs_icn {
box-sizing: border-box;
width: 100px;
width: 80px;
	text-align:center;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
position: absolute;
overflow:hidden;
top:-7px;
top:-2px;
right:10px;
}
.reg_cts1_prcs_icn img {
max-width: 100%;
height: auto;
}


.reg_cts1_prcs_cp {
box-sizing: border-box;
float:left;
width: 58%;
 color: #333;
 color: #4d4d4d;
  font-weight: 400;
	font-size: 14px;
	line-height: 1.35em;
text-align:center;
text-align:left;
margin:0px 0 0px 60px;
padding: 0px 0px 10px 0px;
position: relative;
overflow:hidden;
}

.reg_cts1_prcs_cp2 {
box-sizing: border-box;
 color: #333;
  font-weight: 400;
	font-size: 14px;
	line-height: 1.5em;
text-align:center;
text-align:left;
margin:0px auto 30px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}




.reg_cts_box_bk2 {
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
	background-color: #edf8ff;
margin:0px auto 120px auto;
margin:0px auto 0px auto;
padding: 100px 0px 70px 0px;
padding: 90px 0px 70px 0px;
padding: 40px 5% 30px 5%;
position: relative;
overflow:hidden;
z-index: 5;
}


.reg_ctt_form_box {
clear:both;
box-sizing: border-box;
	max-width: 1100px;
	background-color: #fff;
margin:0px auto 10px auto;
padding: 50px 0px 60px 0px;
padding: 50px 0px 40px 0px;
padding: 30px 4% 30px 4%;
position: relative;
overflow:hidden;
border: 1px solid #ccc;
z-index: 5
}

.reg_ctt_cts_form {
box-sizing: border-box;
	max-width: 580px;
	max-width: 280px;
margin:0px auto 30px auto;
padding: 0px 0px 10px 0px;
border-bottom: 2px solid #0096ff;
position: relative;
overflow:hidden;
}
.reg_ctt_cts_form_cp {
box-sizing: border-box;
color: #4d4d4d;
  font-weight: 600;
	font-size: 18px;
	text-align: center;
	line-height: 1.6em;
	padding: 0px 0px 0px 30px;
	margin: 0 auto 0px auto;
overflow:hidden;
background: url(images/ctt_mail_icn.svg) no-repeat 180px 9px;
background: url(images/ctt_mail_icn.svg) no-repeat 75px 6px;
background-size: 20px;
}


/* =井戸水クーラー導入効果シミュレーション  
----------------------------------------------- */
.wwcsim_cts_box_bk {
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
	background-color: #edf8ff;
margin:0px auto 120px auto;
margin:10px auto 0px auto;
padding: 100px 0px 70px 0px;
padding: 50px 0px 60px 0px;
padding: 40px 5% 30px 5%;
padding: 15px 2% 10px 2%;
position: relative;
overflow:hidden;
}

.wwcsim_cts {
box-sizing: border-box;
font-size: 13px;
max-width: 960px;
margin: 0 auto 0px auto;
overflow:hidden;
}


.ptn_wwcsim_bn {
box-sizing: border-box;
width: auto;
max-width: 280px;
	height: 62px;
	height: auto;
	text-align:center;
	margin: 10px auto 30px auto;
	padding: 0 0 0px 0;
	background-color: #fff;
	background-color: #0068b7;
	border-top: 0px solid #00a7ea;
border-bottom: 0px solid #00a7ea;
border-radius:6px;
position: relative;
overflow:hidden;
}
.ptn_wwcsim_bn a {
   display: block;
    position: absolute;
    top: 0;
     width: 100%;
	height: 100%;
 	left: 0;
 }  
.ptn_wwcsim_bn a:hover{
	 opacity: 0.20;
	 opacity: 0.30;
    background-color: #ffffff;
}
.ptn_wwcsim_bn_txt {
	color: #333;
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	text-align:center;
	text-align:center;
	line-height: 1.5em;
	margin: 0px auto 0 auto;
	padding: 9px 0px 10px 0px;
	text-transform: none;
}
.ptn_wwcsim_bn_ya {
box-sizing: border-box;
width: 25px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top:10px;
right:15px;
}


/* =ご相談・お問い合わせ
----------------------------------------------- */
.ctt_cts1 {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 50px auto;
margin:0px 5% 50px 5%;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
z-index: 10;
}
.ctt_cts1_cp {
color: #333;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.4em;
	text-align:center;
	text-align:left;
	margin: 0 auto 30px auto;
	padding: 0 0 0px 0;
}

.ctt_cts1_pt_cts {
box-sizing: border-box;
	max-width: 1200px;
	margin: 0 auto 10px auto;
	padding: 0 0 0px 0;
	overflow:hidden;
}

.ctt_cts1_pt {
box-sizing: border-box;
float:left;
	width: 224px;
	width: 47%;
	background-color: #fff;
	margin: 0 20px 0px 0;
	margin: 0 4% 0px 0;
	padding: 16px 0 20px 0;
	padding: 12px 0 16px 0;
	border-top: 1px solid #4db6ff;
	border-bottom: 0px solid #4db6ff;
	overflow:hidden;
}
.ctt_cts1_pt:nth-child(2n) {
margin: 0 0px 0px 0;
}
.ctt_cts1_pt:nth-child(4) {
border-bottom: 1px solid #4db6ff;
}

.ctt_cts1_pt:nth-child(5) {
margin: 0 0px 0px 0;
margin: 0 4% 0px 0;
border-bottom: 1px solid #4db6ff;
}

.ctt_cts1_4pt_cts {
box-sizing: border-box;
	max-width: 1100px;
	margin: 0 auto 10px auto;
	padding: 0 0 0px 0;
	overflow:hidden;
}
.ctt_cts1_4pt {
box-sizing: border-box;
float:left;
	width: 251px;
	width: 47%;
	background-color: #fff;
	margin: 0 32px 0px 0;
	margin: 0 4% 0px 0;
	padding: 16px 0 20px 0;
	padding: 12px 0 16px 0;
	border-top: 1px solid #4db6ff;
	border-bottom: 0px solid #4db6ff;
	overflow:hidden;
}
.ctt_cts1_4pt:nth-child(2n) {
margin: 0 0px 0px 0;
}
.ctt_cts1_4pt:nth-child(3) {
border-bottom: 1px solid #4db6ff;
}
.ctt_cts1_4pt:nth-child(4) {
margin: 0 0px 0px 0;
border-bottom: 1px solid #4db6ff;
}

.ctt_cts1_pt_icn {
box-sizing: border-box;
width: 60px;
width: 50px;
	margin: 0 auto 5px auto;
	padding: 0px 0 0px 0;
	overflow:hidden;
}
.ctt_cts1_pt_cp {
box-sizing: border-box;
color: #333;
	font-size: 14px;
	font-weight: 600;
	text-align:center;
	letter-spacing: 0.0em;
	line-height: 1.5em;
	margin: 0 auto 0px auto;
	padding: 0px 0 0px 0;
	overflow:hidden;
}


.ctt_cts_box_bk2 {
box-sizing: border-box;
	width: 100%;
	min-width: 1300px;
	min-width: initial; 
	background-color: #edf8ff;
margin:-130px auto 50px auto;
margin:-110px auto 0px auto;
padding: 120px 0px 50px 0px;
padding: 70px 5% 20px 5%;
position: relative;
overflow:hidden;
z-index: 5;
}
.ctt_cts2 {
box-sizing: border-box;
	max-width: 1100px;
margin:0px auto 50px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.ctt_cts2_cp {
color: #333;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4em;
	text-align:center;
	text-align:left;
	margin: 0 auto 40px auto;
	padding: 0 0 0px 0;
	overflow:hidden;
}


.ctt_cts_form_cp {
box-sizing: border-box;
color: #4d4d4d;
  font-weight: 600;
	font-size: 28px;
	font-size: 18px;
	text-align: center;
	line-height: 1.6em;
	padding: 0px 0px 0px 60px;
	padding: 0px 0px 0px 30px;
	margin: 0 auto 0px auto;
overflow:hidden;
background: url(images/partner_ctt_mail_icn.svg) no-repeat 70px 9px;
background: url(images/ctt_mail_icn.svg) no-repeat 125px 9px;
background: url(images/ctt_mail_icn.svg) no-repeat 35px 6px;
background-size: 20px;
}


/* フォーム */
.ctt_form {
		background: #fff;
		background: #fff;
    clear: both;
    max-width: 900px;
	margin:0px auto 30px auto;
	margin:0px 5% 5px 5%;
	padding: 25px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
    text-align:left !important;
    overflow:hidden;
}
table#fom {
	box-sizing: border-box;
		width: 100%;
	margin: 0 0 10px;
	margin: 0em auto 1.0em;
	border: 0px solid #ccc;
	border-collapse: collapse;
	color: #333;
	line-height: 1.5;
	font-weight: normal;
	font-size: 15px;
	text-align: left;
	word-break:break-all;	
}
	table#fom td {
	float:left;
		clear: both;
		width: 100%;
	box-sizing: border-box;
	font-size: 15px;
    color: #333;
	padding: 10px 10px 10px 10px;
	line-height: 1.5;
	vertical-align: middle;
	word-break:break-all;
}

	table#fom td.fom1 {
		float:left;
		clear: both;
		float:left;
	box-sizing: border-box;
		width: 240px;
		width: 100%;
	text-align: left;
	font-size: 15px;
	line-height: 1.5;
	vertical-align: middle;
	vertical-align: top;
	font-weight: normal;
	border: 0px solid #498ee0;
	border-top: 1px solid #498ee0;
	border-bottom: 0px solid #498ee0;
	padding: 15px 10px 8px 10px;
}
.cell_margin {
display:none;
		width: 20px !important;
		width: 2% !important;
  margin: 0 !important;
	padding: 0 !important;
	border: 0px !important;
}
	table#fom td.fom2 {
		float:left;
		 clear: both;
	box-sizing: border-box;
		width: 640px;
		width: 100%;
	font-size: 15px;
	text-align: left;
	line-height: 1.5;
	vertical-align: middle;
	font-weight: normal;
	border: 0px solid #aaaaaa;
	border-top: 0px solid #aaaaaa;
	border-bottom: 0px solid #aaaaaa;
	padding: 0px 10px 15px 10px;
}
table#fom td p {
	margin-bottom: 10px;
}
table#fom td a {
	text-decoration: none;
	font-weight: normal; 
}
table#fom td a:hover {
	color: #498ee0;
	text-decoration: none;
	font-weight: normal; 
}

.ctt_mail_form .form_txt {
		box-sizing: border-box;
		width: 900px;
		width: 90%;
  margin: 0 5% 10px 5%;
  color: #333;
	font-size: 14px;
	line-height: 1.5;
	text-align: right;
	padding: 0px 0px 0px 0px;
}

.red {
	color: #e6002d;
}

.mw_wp_form_input .fom-txt0 {
	display: block;
}
.mw_wp_form_confirm .fom-txt0 {
	display: none;
}
.mw_wp_form_complete .fom-txt0 {
	display: none;
}
.mw_wp_form_input .fom-txt {
	display: none;
}
.mw_wp_form_confirm .fom-txt {
	display: block;
	font-weight:bold;
	text-align: center;
	line-height: 1.5em;
	padding: 0px 0px 0px 0px;
	margin: 0em auto 1.0em auto;
}
.mw_wp_form_complete .fom-txt {
	display: none;
}
.fom-bn {
	width:auto;
	text-align:center;
	padding: 0px 0px 0px 0px;
	margin: 0em auto 1.0em auto;
	margin: 0em auto 0.5em auto;
}
.fbn {
	border:1px solid #B3B3B3;
	padding:8px 16px;
	font-size: 17px;
	background-color:#F2F2F2;
	text-align:center;
	color:#333333;
	font-weight:bold;
	margin: 0 8px;
}
.fbn:hover {
	background-color: #ebf5ff;
}

table#fom input {
	font-size: 15px;
	line-height: 1.5em;
	border: 1px solid #ccc;
	background: #ebf5ff;
}
input.w50 {
		width:50px;
		 width:95%;
	font-size: 1em;
	line-height: 1.5em;
}
input.w80 {
		width:80px;
		 width:95%;
	font-size: 1em;
	line-height: 1.5em;
}
input.w100 {
		width:100px;
		 width:95%;
	font-size: 1em;
	line-height: 1.5em;
}
input.w150 {
		width:150px;
		 width:95%;
	font-size: 1em;
	line-height: 1.5em;
}
input.w310 {
		width:310px;
		 width:95%;
	font-size: 1em;
	line-height: 1.5em;
}
input.w400 {
		width:400px;
		 width:95%;
	font-size: 1em;
	line-height: 1.5em;
}
input.w580 {
		width:580px;
		 width:95%;
	font-size: 1em;
	line-height: 1.5em;
}
input.w640 {
		width:640px;
		 width:95%;
	font-size: 1em;
	line-height: 1.5em;
}

table#fom textarea {
width:97%;
 width:95%;
height: 255px;
height: 120px;
font-size: 15px;
line-height: 1.5em;
color:#333 !important;
	border: 1px solid #ccc;
	background: #ebf5ff;
}
table#fom .textarea2 textarea {
width:97%;
height: 40px;
font-size: 15px;
line-height: 1.5em;
color:#333 !important;
	border: 1px solid #ccc;
	background: #ebf5ff;
}

.fcomplete{
		box-sizing: border-box;
		width: 1000px;
		width: 100%;
    margin: 30px auto 30px;
}

.fmcmp {
	font-size: 16px;
	color: #006ec8;
	font-weight:bold;
	padding: 20px 0px 0px 0px;
	margin: 20px 0 2.5em 0;
}

.fmcmp_cp {
	width:auto;
	font-size: 15px;
	line-height: 1.5em;
	padding: 0px 0px 0px 0px;
	margin: 0 0px 1.5em 0;
}

.rec-formcp {
	width:auto;
	font-size: 15px;
	line-height: 1.6em;
	padding: 0px 0px 0px 0px;
	margin: 0 0px 1.5em 0;
}

.fom-cp0 {
	padding: 0px 0px 0px 0px;
	margin: 0 0 10px 0;
	overflow: hidden;
}
.fom-cp {
	float: left;
	font-size: 14px;
	color: #333;
	line-height: 1.4em;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0px 0;
}

.fom-hs {
	float: right;
	font-size: 14px;
	color: #333;
	text-align:right;
	line-height: 1.4em;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0px 0;
}


.requiredColor{
    margin-left: 3px;
    color: #dc0012;
}

input[type=submit]{
	background: #eee;
	background: #ebf5ff;
    width: 110px;
    height: 30px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 35px;
    font-size: 14px;
    font-weight: bold;
    line-height: 35px;
    border-style: none;
	border: 1px solid #bbb;
	border: 1px solid #ccc;
}


.mw_wp_form_input .fom-txt0 {
    display: block;
    display: inline-block;
}

.mw_wp_form_confirm .fom-txt0 {
    display: none;
}

.mw_wp_form_complete .fom-txt0 {
    display: none;
}

.mw_wp_form_input .fom-txt1 {
    display: block;
}

.mw_wp_form_confirm .fom-txt1 {
    display: none;
}

.mw_wp_form_complete .fom-txt1 {
    display: none;
}

.mw_wp_form_input .fom-txt {
    display: none;
}


.mw_wp_form_input .form_txt0 .center {
    display: inline-block;
    width: 960px;
    margin: 0 auto 8px auto;
	width: auto;
        margin: 0 6% 2px 6%;
    color: #333;
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
	text-align: left;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}

.mw_wp_form_input .form_txt0 .center a {
    color: #000;
    text-decoration: underline;
}

.mw_wp_form_input .form_txt0 .center a:hover {
    color: #2391e1;
    text-decoration: underline;
}

.mw_wp_form_confirm .form_txt0 .center {
    display: none;
}


.mw_wp_form_input .form_txt0 .left {
    display: inline-block;
    width: 960px;
	width: auto;
        max-width: 400px;
    margin: 0 auto 8px auto;
    color: #333;
    font-size: 15x;
    line-height: 1.6;
    text-align: left;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}

.mw_wp_form_input .form_txt0 .left a {
    color: #0068b7;
    text-decoration: underline;
}

.mw_wp_form_input .form_txt0 .left a:hover {
    color: #2391e1;
    text-decoration: underline;
    cursor: pointer;
}

.mw_wp_form_confirm .form_txt0 .left {
    display: none;
}


.mw_wp_form_input .form_txt1 .center {
    display: inline-block;
	display: block;
    width: 960px;
	width: auto;
        max-width: 500px;
    margin: 0 auto 8px auto;
    color: #333;
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}

.mw_wp_form_confirm .form_txt1 .center {
    display: none;
}


.mw_wp_form_confirm .fom-txt {
    display: block;
    font-weight: bold;
    text-align: center;
    line-height: 1.6em;
    padding: 0px 0px 0px 0px;
    margin: 0em auto 1.0em auto;
}

.mw_wp_form_complete .fom-txt {
    display: none;
}

.fom-bn {
    width: auto;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin: 0em auto 1.0em auto;
    margin: 0em auto 0.5em auto;
    position: relative;
}

.fbn {
    border: 1px solid #B3B3B3;
    padding: 8px 16px;
    padding: 12px 24px !important;
    font-size: 17px;
    line-height: 1.4em;
    background-color: #F2F2F2;
    text-align: center;
    color: #333333;
    font-weight: bold;
    font-weight: normal;
    margin: 0 8px;
    position: relative;
}

.fbn:hover {
    background-color: #ebf3ff;
}


.fom-bn>button>i {
    position: absolute;
    right: 8px;
    top: 50%;
    margin-top: -10px;
    margin-top: -9px;
    font-size: 18px;
    color: #aaa;
    color: #2391e1;
}


/* =よくある質問
----------------------------------------------- */
.faq_pg_cts_cat {
box-sizing: border-box;
	max-width: 1100px;
margin:0px auto 15px auto;
margin:0px 5% 10px 5%;
padding: 0px 0px 0px 0px;
border-bottom:3px solid #0068b7;
position: relative;
overflow:hidden;
}
.faq_pg_cts_bn_box {
box-sizing: border-box;
	max-width: 980px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.faq_pg_cts_cat_bn {
box-sizing: border-box;
float:left;
width: 314px;
width: 32%;
height: 50px;
margin:0px 19px 0px 0;
margin:0px 2% 0px 0;
padding: 0px 0px 0px 0px;
border: 1px solid #0068b7;
border-radius: 4px 4px 0 0; 
display: flex;           /* フレックスボックスを使用 */
  align-items: center;
position: relative;
overflow:hidden;
}
.cat_bn0 {
background-color: #0068b7;

}

.faq_pg_cts_cat_bn:nth-child(3) {
margin:0px 0px 0px 0;
}

.faq_pg_cts_cat_bn a {
   display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}
.faq_pg_cts_cat_bn a:hover{
	 opacity: 0.30;
    background-color: #ffffff;
}

.faq_pg_cts_cat_bn_txt {
	color: #0068b7;
	font-size: 13px;
	font-weight: 600;
	text-align:center;
	letter-spacing: 0.0em;
	line-height: 1.30em;
	margin: 0px auto 0 auto;
	text-align:center;
	padding: 15px 0px 15px 15px;
	padding: 5px 5px 5px 5px;
	background: url(images/faq_cat_icn.svg) no-repeat 20px 13px;
	background: none;
}
.cat_bn_txt0 {
	color: #fff;
	background: url(images/faq_cat_icn2.svg) no-repeat 20px 13px;
	background: none;
}


.faq_pg_cts {
box-sizing: border-box;
	max-width: 1100px;
margin:0px auto 50px auto;
margin:0px 5% 30px 5%;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}


/* =インフォメーション
----------------------------------------------- */
.info_pg_cts_cat {
box-sizing: border-box;
	max-width: 1100px;
margin:0px auto 20px auto;
margin:15px 5% 10px 5%;
padding: 0px 0px 0px 0px;
border-bottom:3px solid #0068b7;
position: relative;
overflow:hidden;
}
.info_pg_cts_bn_box {
box-sizing: border-box;
	max-width: 980px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.info_pg_cts_cat_bn {
box-sizing: border-box;
float:left;
width: 314px;
width: 32%;
height: 50px;
margin:0px 19px 0px 0;
margin:0px 2% 0px 0;
padding: 0px 0px 0px 0px;
border: 1px solid #0068b7;
border-radius: 4px 4px 0 0; 
display: flex;           /* フレックスボックスを使用 */
  align-items: center;
position: relative;
overflow:hidden;
}


.info_pg_cts_cat_bn:nth-child(3) {
margin:0px 0px 0px 0;
}

.info_pg_cts_cat_bn a {
   display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}
.info_pg_cts_cat_bn a:hover{
	 opacity: 0.30;
    background-color: #ffffff;
}

.info_pg_cts_cat_bn_txt {
	color: #0068b7;
	font-size: 13px;
	font-weight: 600;
	text-align:center;
	letter-spacing: 0.0em;
	line-height: 1.30em;
	margin: 0px auto 0 auto;
	text-align:center;
	padding: 15px 0px 15px 15px;
	padding: 5px 5px 5px 5px;
	background: url(images/news_icn1.svg) no-repeat 20px 13px;
	background: none;
}


.info_pg_cts {
box-sizing: border-box;
	max-width: 1100px;
margin:0px auto 50px auto;
margin:0px 5% 30px 5%;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.info_pg_cts_box {
box-sizing: border-box;
clear:both;
	background: transparent;
	line-height: 1.6em;
	margin:0px auto 30px auto;
	margin:0px auto 20px auto;
padding: 35px 70px 25px 70px;
padding: 35px 70px 0px 70px;
padding: 10px 2% 0px 2%;
	border-bottom: 1px solid #808080;
	overflow:hidden;
}

.info_detail_cts {
box-sizing: border-box;
	max-width: 1100px;
margin:-30px auto 50px auto;
margin:-10px 5% 10px 5%;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.info_detail_cts_box {
box-sizing: border-box;
clear:both;
	background: transparent;
	line-height: 1.6em;
	margin:0px auto 10px auto;
padding: 35px 70px 25px 70px;
padding: 35px 70px 0px 70px;
padding: 15px 0% 10px 0%;
	border-bottom: 0px solid #808080;
	overflow:hidden;
}

.info_cat {
color: #0068B7;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: 0.0em;
	line-height: 1.6em;
	margin: 10px 0 1.5em;
	margin: 10px 0 1.0em;
	padding: 0 0 0px 60px;
	padding: 0 0 0px 0px;
	text-transform: none;
}



.info_cts_catday {
box-sizing: border-box;
	margin:0px 0px 0px 0;
	padding: 0px 0px 0px 0px;
	overflow:hidden;
}
.info_news_cat {
	float:left;
	width: 130px;
	color: #fff;
	text-align:left;
	margin:0px 15px 0px 0;
	padding: 0px 0px 0px 0px;
	overflow:hidden;
}

.info_news_catb {
	width: 130px;
	color: #fff;
	text-align:left;
	text-align:center;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.5;
  background-color: #0068b7;
	margin:0px 0px 0px 0;
	padding: 4px 2px 4px 2px;
	padding: 3px 2px 3px 2px;
	position: relative;
	overflow:hidden;
}

.info_news_cato {
	width: 130px;
	color: #fff;
	text-align:center;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.5;
  background-color: #f4901e;
	margin:0px 0px 0px 0;
	padding: 4px 2px 4px 2px;
	padding: 3px 2px 3px 2px;
	position: relative;
	overflow:hidden;
}

.info_news_catg {
	width: 130px;
	color: #fff;
	text-align:center;
  font-weight: 600;
  font-size: 13px;
  line-height: 1.5;
  background-color: #00A69A;
	margin:0px 0px 0px 0;
	padding: 4px 2px 4px 2px;
	padding: 3px 2px 3px 2px;
	position: relative;
	overflow:hidden;
}

.info_day  {
float:left;
	color: #666;
	font-size: 13px;
	line-height: 1.6em;
	padding: 3px 0px 0px 0px;
	overflow:hidden;
}



/* =導入実績･参考データ
----------------------------------------------- */
.example_pg_cts {
box-sizing: border-box;
	max-width: 1200px;
margin:0px auto 10px auto;
margin:0px 5% 10px 5%;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.example_pg_cts_cat {
box-sizing: border-box;
	max-width: 1200px;
margin:20px auto 70px auto;
margin:10px 5% 30px 5%;
padding: 0px 0px 0px 0px;
border-bottom:3px solid #0068b7;
position: relative;
overflow:hidden;
}
.example_pg_cts_bn_box {
box-sizing: border-box;
	max-width: 1180px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.example_pg_cts_cat_bn {
box-sizing: border-box;
float:left;
width: 224px;
width: 32%;
margin:0px 15px 0px 0;
margin:5px 2% 0px 0;
padding: 0px 0px 0px 0px;
border: 1px solid #0068b7;
border-radius: 4px 4px 0 0; 
position: relative;
overflow:hidden;
}

.example_pg_cts_cat_bn:nth-child(3) {
margin:5px 0px 0px 0;
}
.example_pg_cts_cat_bn:nth-child(5) {
margin:5px 0px 0px 0;
}

.example_pg_cts_cat_bn a {
   display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
}
.example_pg_cts_cat_bn a:hover{
	 opacity: 0.30;
    background-color: #ffffff;
}

.example_pg_cts_cat_bn_txt {
	color: #0068b7;
	font-size: 13px;
	font-weight: 600;
	text-align:center;
	letter-spacing: 0.0em;
	line-height: 1.5em;
	margin: 0px auto 0 auto;
	text-align:center;
	padding: 7px 0px 7px 0px;
}


.example_cat_current{
 box-sizing: border-box;
max-width: 1200px;
margin:-40px auto 35px auto;
margin:-10px 5% 35px 5%;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.example_cat_current_wrapper{
  max-width: 1200px;
  margin: 0 auto;
}

.example_cat_current_text{
  display: flex;
  justify-content: start;
  align-items: center;
  font-size: 15px;
  color: #555;
  font-weight: 500;
  text-align: left;
  margin: 0;
}
.example_cat_current_icon {
  display: inline-block;
  width: 12px;
  height: 12px;
  background-color: #1E7DDC;
  margin-right: 5px;
  margin-top: 0px;
}



.example_detail_cts {
box-sizing: border-box;
	max-width: 1100px;
	border: 1px solid #BBBBBB;
	background-color: #fff;
margin:0px auto 70px auto;
margin:0px 5% 30px 5%;
padding: 60px 0px 0px 0px;
padding: 30px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.example_detail_box {
box-sizing: border-box;
	max-width: 920px;
margin:0px auto 0px auto;
padding: 0px 20px 0px 20px;
position: relative;
overflow:hidden;
}

h2.example_entry-title{
box-sizing: border-box;
	max-width: 920px;
color: #333;
	font-size: 17px;
	font-weight: 600;
	line-height: 1.5em;
	text-align:left;
	border-bottom: 1px solid #0068B7;
	margin: 0 auto 10px auto;
	padding: 0 0 8px 0;
	 position: relative;
overflow:hidden;
}

.example_cat_box {
margin:0px 0 20px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.ex_examples_cat1 {
float:left;
float:none;
width: 148px;
color: #fff;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5em;
	text-align:center;
margin:0px 0 0px 0;
padding: 4px 4px 4px 4px;
background-color: #39b24a;
position: relative;
overflow:hidden;
}
.ex_examples_cat2 {
float:left;
float:none;
width: 148px;
color: #fff;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5em;
	text-align:center;
margin:0px 0 0px 0;
padding: 4px 4px 4px 4px;
background-color: #0068b7;
position: relative;
overflow:hidden;
}
.ex_examples_cat3 {
float:left;
float:none;
width: 148px;
color: #fff;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5em;
	text-align:center;
margin:0px 0 0px 0;
padding: 4px 4px 4px 4px;
background-color: #00a7ea;
position: relative;
overflow:hidden;
}
.ex_examples_cat4 {
float:left;
float:none;
width: 148px;
color: #fff;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5em;
	text-align:center;
margin:0px 0 0px 0;
padding: 4px 4px 4px 4px;
background-color: #f18d00;
position: relative;
overflow:hidden;
}
.ex_examples_cat5 {
float:left;
float:none;
width: 148px;
color: #fff;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5em;
	text-align:center;
margin:0px 0 0px 0;
padding: 4px 4px 4px 4px;
background-color: #9c5ca3;
position: relative;
overflow:hidden;
}

.ex_examples_cp1 {
float:left;
float:none;
color: #333;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5em;
	background-color: transparent;
	text-align:left;
margin:0px 0 0px 0px;
padding: 5px 0px 0px 0px;
position: relative;
overflow:hidden;
}


.example_cts2_box {
margin:0px 0 20px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.ex_examples_cp2 {
box-sizing: border-box;
color: #333;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.5em;
	text-align:left;
margin:0px 0 10px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.ex_examples_cp3 {
box-sizing: border-box;
color: #0064c8;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.5em;
	text-align:left;
margin:0px 0 5px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.ex_examples_cp4 {
box-sizing: border-box;
float:left;
width: auto;
color: #fff;
	font-size: 15px;
	font-weight: 500;
	line-height: 1.6em;
	text-align:left;
	background-color: #0068b7;
margin:0px 10px 5px 0;
padding: 4px 10px 4px 10px;
position: relative;
overflow:hidden;
}
.ex_examples_cp44 {
box-sizing: border-box;
float:left;
color: #0068b7;
	font-size: 28px;
	font-weight: 600;
	line-height: 1.5em;
	text-align:left;
margin:-5px 0 5px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.ex_examples_cp44 span {
color: #0068b7;
	font-size: 20px;
}

.ex_examples_cp5 {
clear:both;
box-sizing: border-box;
color: #be272d;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5em;
	text-align:left;
margin:0px 0 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.ex_examples_cp5 span {
color: #be272d;
	font-size: 24px;
}



.ex_cts_sttl {
color: #333;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5em;
	text-align:left;
margin:0px 0 8px 0;
padding: 0px 0px 0px 0px;
overflow:hidden;
}
.ex_cts_zu {
width: 650px;
margin:0px 0 0px 0;
padding: 0px 10px 10px 0px;
overflow:hidden;
}
.ex_cts_cp1 {
color: #333;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.3em;
	text-align:left;
margin:10px 0 0px 0;
padding: 0px 0px 0px 0px;
overflow:hidden;
}




/* =個人情報保護方針
----------------------------------------------- */
.pg_cct_policy_cts {
  clear: both;
  box-sizing: border-box;
  width: 1100px;
  width: auto;
  max-width: 1100px;
  max-width: 1000px;
  background-color: transparent;;
  margin: 0px auto 20px auto;
  margin: 0px 4% 0px 4%;
  padding: 50px 0 35px 0px;
  padding: 35px 0 20px 0px;
  overflow: hidden;
  position: relative;
}

.pg_cct_policy_cts_sp {
  max-width: 1100px;
  max-width: 1000px;
  margin: 0px auto 0px auto;
  padding: 0px 0 0px 0px;
  overflow: hidden;
  position: relative;
}

.pg_cct_policy_cts2 {
  clear: both;
  box-sizing: border-box;
  width: 1100px;
  width: auto;
  max-width: 1100px;
  background-color: #fff9f2;
  background-color: #fff;
  background-color: transparent;;
  margin: 0px auto 20px auto;
  margin: 0px auto 0px auto;
  margin: 0px 2% 0px 2%;
  padding: 55px 0 35px 0px;
  padding: 20px 0 0px 0px;
  padding: 5px 0 0px 0px;
  overflow: hidden;
  position: relative;
}

.pg_cct_policy_cts_box {
  box-sizing: border-box;
  width: 1000px;
  width: 950px;
  width: auto;
  max-width: 950px;
  max-width: 900px;
  margin: 0px auto 0px auto;
  padding: 0px 0 0px 0px;
  overflow: hidden;
  position: relative;
}


.pg_cct_policy_ttl {
  box-sizing: border-box;
  font-size: 18px;
  color: #333;
  line-height: 1.5em;
  text-align: left;
  border-left: 5px solid #2391e1;
  margin: 0px 0% 15px 0px;
  padding: 0px 0px 0px 15px;
  font-weight: bold;
}

.policy_txt1 {
  font-size: 14px;
  line-height: 1.6;
  color: #111;
  font-weight: 400;
  margin: 0px 0 15px 0;
  padding: 0px 0px 0px 0px;
}

.policy_txt {
  font-size: 14px;
  line-height: 1.6;
  color: #111;
  font-weight: 400;
  margin: 0px 0 20px 0;
  padding: 0px 0px 0px 0px;
}

.policy_txt_last {
  font-size: 14px;
  line-height: 1.6;
  color: #111;
  margin: 0px 0 0px 0;
  padding: 0px 0px 0px 0px;
}

.policy_sttl {
  font-size: 15px;
  line-height: 1.3;
  font-weight: bold;
  color: #2391e1;
  border-bottom: 1px solid #ccc;
  margin: 0px 0 10px 0;
  padding: 0px 0px 8px 0px;
}

.policy_txt2 {
  font-size: 16px;
  line-height: 1.6;
  color: #111;
  margin: 0px 0 8px 0;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
}

.policy_txt2 span {
  font-size: 14px;
  line-height: 1.6;
}


/* =ページナビ
----------------------------------------------- */				
.wp-pagenavi {
  margin: 20px 0px 20px 0px;
  float: right;
font-size: 16px !important;			
}
.wp-pagenavi > a,
.wp-pagenavi > span {
  margin: 2px;
  padding: 5px 6px;
  padding: 5px 6px;
  background: #fff;			
  font-size: 20px !important;
}
.wp-pagenavi a:hover {
  background: #f01e28;
  background: #006ec8;
	color: #fff;
}
.wp-pagenavi .page,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
color: #f01e28;
color: #006ec8;
font-weight: bold;
}
.wp-pagenavi .current {
border: 1px solid #c9caca;
background: #f01e28 !important;
background: #006ec8 !important;
color: #fff;
}


			
/* =Widgets
----------------------------------------------- */
.widget-area {
	font-size: 14px;
	margin-top: 0px;
}
.widget {
	word-wrap: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	clear: both;
	margin: 0 0 2.2em;
}
.widget-title {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background: #0068B7;
	letter-spacing: 0.0em;
	line-height: 1.6em;
	padding: 6px 4px 6px 14px;
	padding: 4px 8px 4px 10px;
	text-transform: none;
	margin: 0 0 0.2em -2em;
	margin: 0 0 0.2em -1.2em;
	_margin: 0 0 0.5em 0em;
}
h3.wp-block-heading {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background: #0068B7;
	letter-spacing: 0.0em;
	line-height: 1.6em;
	padding: 6px 4px 6px 14px;
		padding: 4px 8px 4px 10px;
	text-transform: none;
	margin: 0 0 0.2em -2em;
	margin: 0 0 0.2em -1.2em;
	_margin: 0 0 0.5em 0em;
}
					
.widget ul {
	font-size: 14px;
	margin: 0;
}
.widget ul ul {
	margin-left: 1.0em;
}		
.widget ul li {
	color: #444;
	font-size: 14px;
	line-height: 1.4em;
	padding: 8px 0px;
	border-bottom: dotted 1px #aaa;
	margin-left: 0.5em;
}
.widget ul .children li {
	color: #444;
	font-size: 14px;
	padding: 7px 0px 0px 0px;
	border-bottom: dotted 0px #aaa;
}
					
/* =Footer
----------------------------------------------- */
#colophon {
	clear: both;
	position: relative;
	z-index: 5;
}

#footer {
box-sizing: border-box;
width: 100%;
width: auto;
min-width: 1200px;
min-width: initial; 
border-top: 1px solid #00a5e3;
	background: transparent;
margin:0px auto;
padding: 30px 7% 30px 7%;
	overflow:hidden;
	position: relative;
	z-index: 10;
}

#foot {
box-sizing: border-box;
max-width: 1200px;
margin:0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.foot1 {
box-sizing: border-box;
float:none;
width: auto;
max-width: 660px;
max-width: 500px;
margin:0px 0px 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.foot2 {
box-sizing: border-box;
float:none;
text-align:left;
width: auto;
max-width: 470px;
margin:0px 0px 0px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}

.footer_logo {
box-sizing: border-box;
width: 500px;
width: 95%;
margin:0px 0px 10px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.footer_logo img {
max-width: 100%;
height: auto;
}

.footer_sslogo {
box-sizing: border-box;
width: 322px;
width: 240px;
margin:0px 0px 20px 0;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
.footer_sslogo img {
max-width: 100%;
height: auto;
}

.footer_address{
color: #333;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6em;
	text-align:left;
	margin: 0 0 5px 0px;
	padding: 0 0 0px 0;
	 position: relative;
}
.footer_address a{
color: #333;
}
.footer_address a:hover {
color: #333;
	text-decoration: none;
}

.footer_address2{
color: #333;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.6em;
	text-align:left;
	margin: 0 0 20px 0px;
	padding: 0 0 0px 0;
	 position: relative;
}
.footer_crt{
color: #333;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.6em;
	text-align:left;
	margin: 0 0 0px 0px;
	padding: 0 0 0px 0;
	 position: relative;
}

.footer_menu{
display:none;
box-sizing: border-box;
width: 480px;
	margin: 20px 0 10px 0px;
	padding: 0px 0 10px 0;
	border-bottom: 1px solid #b0b0b0;
	 position: relative;
	 overflow:hidden;
}
.footer_menu1{
box-sizing: border-box;
float:left;
width: auto;
	color: #333;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8em;
	text-align:left;
	margin: 0 20px 0px 0px;
	padding: 0 0 0px 0;
	 overflow:hidden;
}
.footer_menu2{
box-sizing: border-box;
float:left;
	color: #333;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8em;
	text-align:left;
	margin: 0 25px 0px 0px;
	padding: 0 0 0px 0;
	overflow:hidden;
}
.footer_menu3 {
box-sizing: border-box;
float:left;
	color: #333;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8em;
	text-align:left;
	margin: 0 15px 0px 0px;
	padding: 0 0 0px 0;
	overflow:hidden;
}

.footer_m {
color: #333;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.8em;
	text-align:left;
	margin: 0 0px 0px 0px;
	padding: 0 0 0px 0;
}

.footer_menu02 {
display:none;
	margin: 0 0px 0px 0px;
	padding: 0 0 0px 0;
}

.footer_menu02_bn1 {
box-sizing: border-box;
float:none;
width: 230px;
background-color: #00a7ea;
margin:0px auto 0px auto;
padding: 6px 2px 6px 2px;
	position: relative;
}
.footer_menu02_bn1 a {
   display: block;
    position: absolute;
    top: 0;
     width: 100%;
	height: 100%;
 	left: 0;
 }  
.footer_menu02_bn1 a:hover{
	 opacity: 0.20;
	 opacity: 0.30;
    background-color: #ffffff;
}

.footer_menu02_bn1_txt {
color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5em;
	text-align:center;
	margin: 0 auto 0px auto;
	padding: 0 0 0px 25px;
	 position: relative;
	 background: url(images/ft_recruit_bn_icn.svg) no-repeat 65px 1px;
}


.footer_menu02_bn2 {
box-sizing: border-box;
float:none;
width: 230px;
background-color: #0068b7;
margin:0px auto 0px auto;
padding: 6px 2px 6px 2px;
	position: relative;
}

.footer_menu02_bn2 a {
   display: block;
    position: absolute;
    top: 0;
     width: 100%;
	height: 100%;
 	left: 0;
 }  
.footer_menu02_bn2 a:hover{
	 opacity: 0.20;
	 opacity: 0.30;
    background-color: #ffffff;
}

.footer_menu02_bn2_txt {
color: #fff;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.5em;
	text-align:center;
	margin: 0 auto 0px auto;
	padding: 0 0 0px 30px;
	 position: relative;
	 background: url(images/ft_corporate_bn_icn.svg) no-repeat 28px 1px;
}				
}
				
				

@media (max-width: 450px) {
	#content .gallery-columns-2 .gallery-item {
		width: 45%;
		padding-right: 4%;
	}
	#content .gallery-columns-2 .gallery-item img {
		width: 100%;
		height: auto;
	}
				}
				
@media (max-width: 420px) {
.top_simulation_cts1 {
box-sizing: border-box;
float:left;
float:none;
width: auto;
max-width: 630px;
max-width: 270px;
margin:0px auto 25px auto;
padding: 0px 0px 0px 0px;
position: relative;
overflow:hidden;
}
}

@media (max-width: 380px) {
.top_hd_point {
box-sizing: border-box;
width: 97%;
height: 78px;
  /* 背景色や文字色はお好みで設定 */
  background-color: #fff;
  color: #333;
  font-size: 23px;
  font-size: 14px;
  padding: 15px 15px 15px 3%;
  padding: 8px 10px 8px 2%;
  margin:-40px 0 0px 0;
  margin:-30px 0 0px 0;
  line-height: 1.5em;
  line-height: 1.9em;
  font-weight: 700;
  border-top: 1px solid #f4901e;
  border-bottom: 4px solid #f4901e;
  
  /* 右上を起点にして右下へ斜めに切り抜く */
  clip-path: polygon(0 0, 100% 0, 97% 100%, 0 100%);
  position: relative;
  z-index: 22;
  word-break: keep-all;       /* 単語の途中での改行を防ぐ */
  overflow-wrap: break-word; 
}

.top_hd_point_bk {
box-sizing: border-box;
width: 97%;
height: 78px;
  /* 背景色や文字色はお好みで設定 */
  background-color: #f4901e;
  color: #333;
  font-size: 23px;
    font-size: 14px;
  padding: 18px 35px 20px 3%;
  margin:-79px 0 0px 2px;
  line-height: 1.5em;
  font-weight: 700;
  
  /* 右上を起点にして右下へ斜めに切り抜く */
  clip-path: polygon(0 0, 100% 0, 97% 100%, 0 100%);
  position: relative;
  z-index: 20;
}

.top_hd_point span.lg {
display:inline-block;
padding: 0px 5px 0px 5px;
font-size: 16px;
position: relative;
top:0px;
}

.top_hd_point span.nnmo {
display:inline-block;
  width: 1px;
  height: 50px;
  height: 25px;
  margin: 0px 65px 0px 65px;
  margin: 0px 2.5% 0px 2.5%;
  background-color: #ee5a24;
  transform: skewX(-15deg);
  align-self: center;
  position: relative;
  top:-9px;
   top:0px;
}



.top_wwcoole_point {
box-sizing: border-box;
max-width: 970px;
margin:0px 0 0px -15px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}

.top_wwcoole_pbox {
box-sizing: border-box;
float:left;
float:none;
width: 300px;
width: 95%;
height: 124px;
height: 50px;
height: auto;
  padding: 10px 10px 10px 15px;
  margin:0px 0px 10px 0px;
  background-color: #fff;
  color: #333;
   border: 1px solid #f4901e;
  /* X軸方向に -15deg 傾ける */
  transform: skewX(-15deg);
  overflow:hidden;
}
.top_wwcoole_pbox_box {
transform: skewX(15deg);
position: relative;
}

.top_bns_point_icn {
width: 36px;
width: 24px;
margin:0px 0 0px 0px;
padding: 0px 0px 0px 0px;
position: absolute;
top:-5px;
left:-5px;
}
.top_bns_point_icn img {
max-width: 100%;
height: auto;
}

.top_wwcoole_pticn {
box-sizing: border-box;
float:left;
width: 66px;
width: 30px;
max-width: 30px;
width: 20%;
margin:0px 3% 0px 0px;
padding: 8px 0px 0px 0px;
padding: 0px 0px 0px 0px;
position: relative;
}
.top_wwcoole_pticn img {
max-width: 100%;
height: auto;
}


.top_wwcoole_ptcp1 {
float:left;
width: 80%;
color: #4d4d4d;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35em;
	margin: 0 0 0em;
	padding: 4px 0 0px 0;
	text-align:left;
}
.top_wwcoole_ptcp1 span {
color: #ee5a24;
}

.top_wwcoole_ptcp2 {
float:left;
width: 80%;
color: #4d4d4d;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35em;
	margin: 0 0 0em;
	text-align:left;
	padding: 4px 0 0px 0;
}
.top_wwcoole_ptcp2 span {
color: #ee5a24;
}
.top_wwcoole_ptcp3 {
float:left;
width: 80%;
color: #4d4d4d;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.35em;
	text-align:left;
	margin: 0 0 0em;
	padding: 4px 0 0px 0;
}
.top_wwcoole_ptcp3 span {
color: #ee5a24;
}

.top_recruit_bar_cp {
color: #4d4d4d;
	font-size: 14px;
	font-weight: 600;
	line-height: 1.4em;
	text-align:left;
	margin: 0 auto 20px auto;
	padding: 0 0 0px 0;
	 position: relative;
}

#footer {
box-sizing: border-box;
width: 100%;
width: auto;
min-width: 1200px;
min-width: initial; 
border-top: 1px solid #00a5e3;
	background: transparent;
margin:0px 6%;
padding: 30px 0px 30px 0px;
	overflow:hidden;
	position: relative;
	z-index: 10;
}

}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	body {
		padding: 0;
	}
	#page {
		margin-top: 0;
	}
	#branding {
		border-top: none;
	}
}