@charset "Shift_JIS";

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Oswald:wght@200;300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html { overflow-y:scroll; }

/* ------------------------------
 ■■ CSS for SankyoAlumi ■■
 ------------------------------ */

@media screen and (min-width: 641px), print {

					body {
						-webkit-text-size-adjust: none;
						line-height: 1.57;
						min-width: 1200px;
					}
  
					#container {
						overflow: hidden;
					}

					/* ------------------------------------------------------------------------------------------
						search_area
					------------------------------------------------------------------------------------------ */
					#search_area {
						display: block;
						height: 32px;
						background: #0068bd;
						overflow: hidden;
					}

					#search_wrapper {
						width: 970px;
						margin: 0 auto;
					}

					#search_wrapper:after {
							content: ""; 
							display: block; 
							clear: both; 
					}

					#search_wrapper #sankyo_logo {
						float: left;
						height: 32px;
					}

					#search_wrapper #header_search {
						float: right;
						margin: 5px 6px 0 0;
					}

					#search_wrapper #header_search:after {
							content: ""; 
							display: block; 
							clear: both; 
					}

					/* input#i_search_input {
						float: left;
						padding-left: 22px;
						width: 156px;
						height: 22px;
						line-height: 22px;
						background: #FFF url(../images/header/search_icon.gif) no-repeat 0 0;
						color: #999;
						border: none;
					} */

					/* input#i_search_input.insert {
						color: #333;
					} */

					input.search_btn {
						float: left;
							width: 54px;
							height: 22px;
							cursor: pointer;
							border: none;
						background-image: url(../images/header/search_btn.gif);
						background-repeat: no-repeat;
						background-position: 0 0;
							overflow: hidden;
							text-indent: -9999px;
					}

					input.search_btn:hover {
						background-position: 0 -22px;
					}

	/* ------------------------------------------------------------------------------------------
		header
	------------------------------------------------------------------------------------------ */
	.header {
		background: #FFF;
		font-family: 'Noto Sans JP', sans-serif;
		box-shadow:0px 4px 3px #eeeeee;
	}

	#gh_sp_wrap {
		display: flex !important;
	}

	.header_wrapper {
		max-width: 1260px;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		/* align-items: center; */
		/* height:122px; */
	}

	.header_wrapper .header_logo {
		margin-left: 40px;
		width: 160px;
		margin-top:42px;
	}

	.header_wrapper .header_logo a { transition:opacity 0.2s ease-in; }
	.header_wrapper .header_logo a:hover { opacity:0.7; }

	.header_wrapper .header_logo img {
		max-width: 100%;
	}

	.header_wrapper .header_snav {
		flex: 1;
		display: flex;
		justify-content: flex-end;
	}
		
	.header_wrapper .header_nav ul li a {
		display: block;
		color: #373737;
	}
	
	.header_wrapper .header_nav ul.top_list {
		display: flex;
		border-left: solid 1px #eceff1;
		border-bottom: solid 1px #eceff1;
	}
	
	.header_wrapper .header_nav ul.bottom_list {
		display: flex;
		background-color: #eceff1;
		/* position:relative;
		z-index:103; */
	}

	body#faq .header_wrapper .header_nav ul.bottom_list { padding-right:50px; } 

	.header_wrapper .header_nav ul.bottom_list li.recruit span { margin-top:-3px; padding-right:25px; letter-spacing:0.02em; }
	.header_wrapper .header_nav .header_snav { position:relative; overflow:hidden; height:50px; }

	.header_wrapper .header_nav .header_snav .search_center { right:0; top:50%; position:absolute; transform:translate(100%, -50%); width:370px; transition:all 0.3s ease-in-out; }
	.header_wrapper .header_nav .header_snav .search_center.active { transform:translate(-50px, -50%); }
	.header_wrapper .header_nav .header_snav .search_center .txt_input { width:100%; padding:0 10px 0 60px; font-size:115%; height:52px; border:none; background: #dde3e7 url(/common2/images/bg_search.gif) no-repeat 25px center; box-sizing: border-box; background-size:21px; outline:none; }

	.header_wrapper .header_nav ul.top_list a,
	.header_wrapper .header_nav ul.bottom_list a {
		height: 100%;
		display: flex;
		align-items: center;
	}
	
	.header_wrapper .header_nav ul.top_list li {
		padding: 0 20px;
	}
	
	.header_wrapper .header_nav ul.top_list li.global a span {
		background: url(/common2/images/icon_global.png) no-repeat;
		background-position: left center;
		background-size: 16px;
		display: block;
		padding-left: 20px;
		padding-right: 8px;
	}
	
	.header_wrapper .header_nav ul.bottom_list li {
		padding: 0 22px;
	}
	
	.header_wrapper .header_nav ul.bottom_list .st_grp img {
		width: 110px;
		padding-bottom: 1px;
	}
	
	.header_wrapper .header_nav ul.bottom_list .st_grp a:hover img {
		width: 110px;
		padding-bottom: 0;
		border-bottom: solid 1px #373737;
	}

	.header_wrapper .header_nav ul.bottom_list .search {
		padding: 0;
		position:relative;
		z-index:1000;
	}
	
	.header_wrapper .header_nav ul.bottom_list .search a {
		padding: 0;
		transition:opacity 0.2s ease-in;
	}
	
	.header_wrapper .header_nav ul.bottom_list .search a:hover {
		opacity: 0.7;
	}
	
	.header_wrapper .header_nav ul.bottom_list .search img {
		width: 50px;
	}
	
	.header_wrapper .header_nav .outlink::after {
		content: "";
		display: inline-block;
		width: 9px;
		height: 12px;
		margin-left: 5px;
		background: url(../images/outlink_gray_1.gif) no-repeat;
		background-position: center 2px;
		background-size: 9px;
	}
	
	.header_wrapper .header_gnav {
		margin-right: 40px;
	}

	body#faq .header_wrapper .header_gnav { margin-right: 131px; }

	.header_wrapper .header_gnav > ul {
		display: flex;
	}
	
	.header_wrapper .header_gnav > ul > li {
		padding: 17px 7px;
		/* position: relative; */
	}

	.header_wrapper .header_gnav > ul > li > a {
		font-size: 16px;
		padding: 5px 10px;
		position: relative;
		display: block;
	}

	.header_wrapper .header_gnav > ul > li#gnav_products > a:hover::after,
	.header_wrapper .header_gnav > ul > li#gnav_reform > a:hover::after,
	.header_wrapper .header_gnav > ul > li#gnav_idea > a:hover::after,
	.header_wrapper .header_gnav > ul > li#gnav_shr > a:hover::after,
	.header_wrapper .header_gnav > ul > li#gnav_inquiry > a:hover::after,
	#products .header_wrapper .header_gnav > ul > li#gnav_products > a::after,
	#reform .header_wrapper .header_gnav > ul > li#gnav_reform > a::after,
	#idea .header_wrapper .header_gnav > ul > li#gnav_idea > a::after,
	#shr .header_wrapper .header_gnav > ul > li#gnav_shr > a::after,
	#inquiry .header_wrapper .header_gnav > ul > li#gnav_inquiry > a::after { content:''; position:absolute; bottom:-21px; left:50%; width:60%; height:1px; background-color:#0065c0; transform:translateX(-50%); }

	.header_wrapper .header_gnav > ul > li a:hover {
		color: #0070CB;
		text-decoration: none;
	}
		
	.header_wrapper .header_gnav > ul > li.gnav_business {
		padding: 17px 0 17px 10px;
	}
	
	.header_wrapper .header_gnav > ul > li.gnav_business a {
		font-size: 15px;
		display: block;
		background-color: #1e405c;
		color: #fff;
		border-radius: 20px;
		padding: 8px 25px;
	}
	
	.header_wrapper .header_gnav > ul > li.gnav_business a:hover {
		opacity: 0.7;
		text-decoration: none;
	}
	
	.header_wrapper .header_gnav .gnav_favorite {
		padding: 0;
		margin-left: 31px;
	}
	
	.header_wrapper .header_gnav .gnav_favorite a {
		text-align: center;
		padding: 18px 0;
	}
	
	.header_wrapper .header_gnav .gnav_favorite a img {
		width: 18px;
	}
	
	.header_wrapper .header_gnav .gnav_favorite a span {
		display: block;
		font-size: 12px;
		margin-top: 3px;
	}

	
	/* #products .header_wrapper .header_gnav > ul > li#gnav_products > a,
	#products .header_wrapper .header_gnav > ul > li#gnav_products:hover > a,
	#reform .header_wrapper .header_gnav > ul > li#gnav_reform > a,
	#reform .header_wrapper .header_gnav > ul > li#gnav_reform:hover > a,
	#pickup .header_wrapper .header_gnav > ul > li#gnav_pickup > a,
	#pickup .header_wrapper .header_gnav > ul > li#gnav_pickup:hover > a,
	#catalog .header_wrapper .header_gnav > ul > li#gnav_catalog > a,
	#catalog .header_wrapper .header_gnav > ul > li#gnav_catalog:hover > a,
	#shr .header_wrapper .header_gnav > ul > li#gnav_shr > a,
	#shr .header_wrapper .header_gnav > ul > li#gnav_shr:hover > a,
	#inquiry .header_wrapper .header_gnav > ul > li#gnav_inquiry > a,
	#inquiry .header_wrapper .header_gnav > ul > li#gnav_inquiry:hover > a,
	#data .header_wrapper .header_gnav > ul > li#gnav_data > a,
	#data .header_wrapper .header_gnav > ul > li#gnav_data:hover > a {
		background-color: #0068bd;
		color: #fff;
	}	 */
	
	.header_wrapper .header_gnav ul li .droparea {
		/* display: block !important; */
		display: none;
		/* padding: 10px 0; */
		width: 100%;
		position: absolute;
		top: 120px;
		left: 0;
		z-index: 200;
		/* border-top: solid 4px #0068BD; */
		border-top: solid 1px #dddddd;
		background: #FFF;
		min-width: 1260px;
		box-shadow:0px 4px 3px #dddddd;
	}  
  
			
	.header_wrapper .header_gnav ul li .droparea .drop_contents {
		/* padding: 18px 0 10px; */
		padding:30px 0 40px;
		/* width: 1260px; */
		width:970px;
		margin: 0 auto;
		/* min-height: 224px; */
		position: relative;
	}
	
	/* .header_wrapper .header_gnav ul li .droparea .drop_contents::before {
		content: "";
		position: absolute;
		top: -37px;
		vertical-align: middle;
		width: 9px;
		height: 9px;
		border: solid 12px transparent;
		border-bottom: solid 12px #0068b7;
		box-sizing: border-box;
	} */
		
	.header_wrapper .header_gnav ul li .droparea .drop_contents:after {
		content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	


					.header_wrapper .header_gnav ul li .droparea ul {
						height: inherit;
					}

					.header_wrapper .header_gnav ul li .droparea ul li {
						float: none;
						height: inherit;
						overflow: inherit;
					}

					.header_wrapper .header_gnav ul li .droparea ul li a {
						display: inline;
						padding: 0;
						height: inherit;
						overflow: inherit;
						color: #333;
						background: none;
						font-size: 14px;
					}

					.header_wrapper .header_gnav ul li .droparea ul li a:hover {
						color: #6FAEE3;
					}

					.header_wrapper .header_gnav .gnav_favorite a { transition:opacity 0.2s ease-in; }
					.header_wrapper .header_gnav .gnav_favorite a:hover { color:#333333; opacity:0.7; }
					body.pro .header_wrapper .header_gnav .gnav_favorite a:hover { color:#ffffff; }

					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_head { display:flex; align-items:center; border-bottom:1px solid #eeeeee; padding-bottom:25px; }
					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_head .drop_name { font-size:100%; }
					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_head .drop_name a { font-weight:300; font-size:200%; letter-spacing:0.05em; padding-right:50px; background:url(/common2/images/link_icon_blue3_r60.png) no-repeat right center / 36px auto; }
					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_head .drop_name span { font-weight:300; font-size:200%; letter-spacing:0.05em; padding-right:50px; color:#ffffff; }
					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_head .drop_sublink { margin-left:30px; }
					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_head .drop_sublink ul { display:flex; flex-wrap:wrap; }
					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_head .drop_sublink ul li { margin-right:30px; }
					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_head .drop_sublink ul li a { display:block; font-size:122%; letter-spacing:0.1em; background:url(/common2/images/link_icon_blue3_r60p.png) no-repeat right center / 24px auto; padding:2px 30px 2px 0; }
  
					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body { padding:30px 10px; }

					/* .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body dl { } */
					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body dl dt { padding-left:15px; /* border-left:4px solid #004fa2; */ font-size:129%; letter-spacing:0.1em; /* line-height:1; */ position:relative; }
					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body dl dt::before { content:''; width:4px; height:1em; position:absolute; left:0; top:0.4em; /* top:50%; transform:translateY(-50%); */ background-color:#004fa2; }
					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body dl dt > span { padding:3px 30px 3px 0; display:inline-block; }

					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body dl dd { margin:20px 0 25px; padding-bottom:25px; border-bottom:1px solid #eeeeee; }
					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body dl dd:last-child { margin-bottom:0; border-bottom:none; }

					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body ul.thumb_list { display:flex; flex-wrap:wrap; }
					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body ul.thumb_list li { margin:25px 0 0 25px; width:170px; }
					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body ul.thumb_list li:nth-child(5n+1) { margin-left:0; }
					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body ul.thumb_list li:nth-child(-n+5) { margin-top:0; }
					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body ul.thumb_list li a { font-size:100%; display:block; }
					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body ul.thumb_list li a > span { display:block; }
					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body ul.thumb_list li a > span:nth-child(1) { font-size:115%; text-align:center; }
					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body ul.thumb_list li a > span:nth-child(2) { margin-top:13px; text-align:center; }

					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body ul.txt_link_list { display:flex; flex-wrap:wrap; margin:-10px 0 0 -30px; }
					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body ul.txt_link_list li { margin:15px 0 0 30px; }
					/* .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body ul.txt_link_list li a { display:block; font-size:122%; letter-spacing:0.1em; background:url(/common2/images/link_icon_blue3_r60p.png) no-repeat right center / 24px auto; padding:2px 30px 2px 0; } */
					/* .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body ul.txt_link_list li a { display:flex; align-items:center; } */
					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body ul.txt_link_list li a::after { content:''; width:24px; height:24px; background:url(/common2/images/link_icon_blue3_r60p.png) no-repeat right center / 24px auto; display:inline-block; margin-left:6px; vertical-align:-0.42em; }
					
					body.pro .header_wrapper .header_gnav ul li .droparea { border-color:#5c7a91; background-color:#1e405c; }
					/* body.pro .header_wrapper .header_gnav ul li#gnav_data .droparea { display:block !important; } */
					/* body.pro .header_wrapper .header_gnav ul li#gnav_law .droparea { display:block !important; } */
					/* body.pro .header_wrapper .header_gnav ul li#gnav_tool .droparea { display:block !important; } */
					/* body.pro .header_wrapper .header_gnav ul li#gnav_support .droparea { display:block !important; } */

					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_head { border-color:#8b9dab; }

					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_head .drop_name a { background-image:url(/common2/images/link_icon_pro_white1_r60p.png); }
					/* body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body ul.txt_link_list li a { color:#ffffff; display:inline-block; background-image:url(/common2/images/link_icon_pro_white1_r60p.png); } */
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body ul.txt_link_list li a { color:#ffffff; /* display:inline-block; */ }
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body ul.txt_link_list li a::after { background-image:url(/common2/images/link_icon_pro_white1_r60p.png); }
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body ul.txt_link_list li a.outlink { background:none; }
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body ul.txt_link_list li a.outlink::after { background-image:url(/common2/images/outlink_white.png); background-position:left top; background-size:13px auto; vertical-align:middle; width:13px; height:13px; }

					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists { color:#ffffff; display:flex; flex-wrap:wrap; margin:-30px 0 0 -30px; }
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list { margin:35px 0 0 30px; /* padding-right:30px; */ box-sizing:border-box; }
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list.w_type01 { width:275px; }
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list.w_type02 { width:310px; }
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list.w_type03 { width:330px; }
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list.w_type04 { width:255px; }
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list.w_type05 { width:640px; }
					/* body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list dl {  }
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list dl dt {  } */
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list dl dt::before { background-color:#ffffff; }

					/* body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list dl dt > a { background:url(/common2/images/link_icon_pro_white1_r60p.png) no-repeat right center / 24px auto; padding:3px 30px 3px 0; display:inline-block; } */
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list dl dt > a { padding:3px 0; }
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list dl dt > a::after { content:''; width:24px; height:24px; background:url(/common2/images/link_icon_pro_white1_r60p.png) no-repeat right center / 24px auto; display:inline-block; margin-left:6px; vertical-align:-0.32em; }

					/* body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list dl dt > span { padding:3px 30px 3px 0; display:inline-block; } */
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list dl dd { margin-top:25px; padding:3px 0 0; }
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list dl dd ul.txt_link_list { display:block; margin:-10px 0 0; }
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list dl dd ul.txt_link_list li { margin:10px 0 0; }
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list dl dd ul.txt_link_list li:first-child { margin-top:0; }
					/* body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list dl dd ul.txt_link_list li a { color:#ffffff; display:inline-block; background-image:url(/common2/images/link_icon_pro_white1_r60p.png); }
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list dl dd ul.txt_link_list li a.outlink { background:none; }
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list dl dd ul.txt_link_list li a.outlink::after { background-image:url(/common2/images/outlink_white.png); background-position:left top; } */

					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list dl dd.drop_flex { display:flex; flex-wrap:wrap; margin-left:-30px; }
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list dl dd.drop_flex div { /* padding-right:30px; */ box-sizing:border-box; margin-left:30px; }
					/* body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list dl dd.drop_flex div:last-child { padding-right:0; } */

					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_bn { margin-top:30px; padding-top:30px; border-top:2px solid #30506a; }
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_bn ul { display:flex; flex-wrap:wrap; }
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_bn ul li { margin:20px 0 0 40px; }
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_bn ul li:nth-child(3n+1) { margin-left:0; }
					body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_bn ul li:nth-child(-n+3) { margin-top:0; }


					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_name {
						/* margin-bottom: 12px;
						padding-left: 4px;
						height: 25px;
						line-height: 25px;
						font-size: ;
						font-weight: bold; */
					}

					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_column {
						float: left;
						width: 310px;
					}

					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_column ul {
						margin-bottom: 20px;
					}

					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_column ul li {
						margin-bottom: 15px;
						padding-left: 20px;
						font-size: 14px;
						line-height: 20px;
						background: url(../images/arrow_blue_12x12.gif) no-repeat left 5px;
					}

					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_column dl dt {
						margin-bottom: 15px;
						padding-left: 26px;
						font-size: 14px;
						line-height: 20px;
						background: url(../images/square_blue_10x10.gif) no-repeat 6px 4px;
					}

					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_column dl dd + dt  {
						margin-top: 20px;
					}

					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_column dl dd {
						margin-bottom: 5px;
					}

					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_column dl dd ul {
						margin-bottom: 0;
					}

					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_column dl dd ul li {
						margin-bottom: 15px;
						padding-left: 26px;
						font-size: 13px;
						line-height: 18px;
						background: url(../images/arrow_blue_12x12.gif) no-repeat 5px 3px;
					}

					.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_column dl dd ul li.outlink:after {
						content: "";
						display: block;
						clear: both;
					}

					.header_wrapper .header_gnav ul li .droparea .drop_contents .outlink {
						position: relative;
					}

					.header_wrapper .header_gnav ul li .droparea .drop_contents .outlink:after {
						content: "";
						display: inline-block;
						width: 13px;
						height: 13px;
						margin-left: 5px;
						background: url(../images/outlink_blue_1.png) no-repeat;
						background-position: center 2px;
						background-size: contain;
					}

					.header_wrapper .header_gnav ul li .dorp_category {
						margin-bottom: 20px;
						border-bottom: solid 2px #F2F1F1;
					}

					.header_wrapper .header_gnav ul li#gnav_products .droparea .drop_contents .dorp_category ul {
						padding-bottom: 10px;
						overflow: hidden;
					}

				.header_wrapper .header_gnav ul li#gnav_products .droparea .drop_contents .dorp_category ul li {
					float: left;
					width: 214px;
					height: 32px;
					font-size: 14px;
					line-height: 30px;
					margin-bottom: 13px;
				}

					.header_wrapper .header_gnav ul li#gnav_products .droparea .drop_contents .dorp_category ul li img {
						margin-right: 5px;
						vertical-align: middle;
					}

					.header_wrapper .header_gnav ul li .droparea .drop_contents .dorp_sub ul li,
					.header_wrapper .header_gnav ul li#gnav_shr .droparea .drop_contents .dorp_sub ul li {
						float: left;
						width: 174px;
						height: 20px;
						padding-left: 26px;
						margin-bottom: 10px;
						margin-right: 10px;
						font-size: 14px;
						line-height: 20px;
						background: url(../images/arrow_blue_12x12.gif) no-repeat left 5px;
					}

					.header_wrapper .header_gnav ul li#gnav_reform .droparea .drop_contents .dorp_sub ul li {
						margin-bottom: 20px;
					}

					.header_wrapper .header_gnav ul li#gnav_inquiry .droparea .drop_contents .dorp_sub ul li {
						margin-bottom: 40px;
					}

					.header_wrapper .header_gnav ul li#gnav_reform .droparea .drop_contents .dorp_sub ul li,
					.header_wrapper .header_gnav ul li#gnav_shr .droparea .drop_contents .dorp_sub ul li,
					.header_wrapper .header_gnav ul li#gnav_inquiry .droparea .drop_contents .dorp_sub ul li {
						width: 310px;
						box-sizing: border-box;
						margin-right: 0;
					}
	
					.header_wrapper .header_gnav ul li#gnav_inquiry .droparea .drop_contents .dorp_sub ul li:last-child {
						margin-left: 5px;
	}
		
	.add_favorite_btn {
		position: fixed;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		z-index: 10;
		transition:opacity 0.2s ease-in;
	}
	
	.add_favorite_btn:hover {
		opacity: 0.7;
	}
			
}

.header_wrapper .header_gnav ul li#gnav_products .droparea .drop_contents::before {
	left: 321px;
}

.header_wrapper .header_gnav ul li#gnav_reform .droparea .drop_contents::before {
	left: 444px;
}

.header_wrapper .header_gnav ul li#gnav_sumai .droparea .drop_contents::before {
	left: 580px;
}

/* .header_wrapper .header_gnav ul li#gnav_catalog .droparea .drop_contents::before {
	left: 615px;
} */

.header_wrapper .header_gnav ul li#gnav_shr .droparea .drop_contents::before {
	left: 725px;
}

.header_wrapper .header_gnav ul li#gnav_inquiry .droparea .drop_contents::before {
	left: 860px;
}

.header_wrapper .cate_top {
	display: none; 
}



@media screen and (min-width: 641px), print {

					/* pro */
					#header_pro {
						background: #28557A;
						height: 94px;
					}

					#header_pro .header_logo {
							margin-top: 23px;
							height: 52px;
					}

					#header_pro .header_wrapper .header_snav ul {
						padding-top: 3px;
					}

					#header_pro .header_wrapper .header_snav ul li {
						margin-top: 2px;
					}

					#header_pro .header_wrapper .header_snav ul li {
						border-left: solid 1px #A3AFB8;
					}

					#header_pro .header_wrapper .header_snav ul li:first-child {
						border-left: none;
					}

					#header_pro .header_wrapper .header_snav ul li a {
						color: #FFF;
					}

					#header_pro .header_wrapper .header_snav ul li a:hover {
						color: #A3AFB8;
					}

					#header_pro .header_wrapper .header_snav ul li.recruit a {
							width: 80px;
							height: 19px;
						margin-top: -2px;
							border: none;
						display:inline-block;
						background-image: url(../images/header/snav_pro_bg.gif);
						background-repeat: no-repeat;
						background-position: 0 0;
							overflow: hidden;
						vertical-align:middle;
						color:#2B587C;	
					}

					#header_pro .header_wrapper .header_snav ul li.recruit a:hover {
						color:#2B587C;	
					}

					#header_pro .header_wrapper .header_snav ul li.recruit span {
						padding-right:16px;
						line-height:20px;
					}

					#header_pro .header_wrapper .header_snav ul li.go_top {
						padding-right: 15px;
						padding-left: 15px;
						border-left: none;
					}

					#header_pro .header_wrapper .header_snav ul li.go_top a {
						display: block;
						width: 77px;
						height: 18px;
						font-size: 0;
						text-indent: -9999px;
						background: url(../images/header/gnav_logo_pro_menu.gif) no-repeat;
					}

					#header_pro .header_wrapper .header_gnav {
						width: 671px;
					}

					/* #data .header_wrapper .header_gnav ul li#gnav_data a,
					#data .header_wrapper .header_gnav ul li#gnav_data:hover a,
					#law .header_wrapper .header_gnav ul li#gnav_law a,
					#law .header_wrapper .header_gnav ul li#gnav_law:hover a,
					#network .header_wrapper .header_gnav ul li#gnav_network a,
					#network .header_wrapper .header_gnav ul li#gnav_network:hover a {
						background-position: 0 -80px;
					} */

					#header_pro .header_wrapper .header_gnav ul li#gnav_data {
						width: 161px;
					}

					#header_pro .header_wrapper .header_gnav ul li#gnav_data > a {
						background-image: url(../images/header/gnav_data_pro.gif);
					}

					#header_pro .header_wrapper .header_gnav ul li#gnav_catalog {
						width: 94px;
					}

					#header_pro .header_wrapper .header_gnav ul li#gnav_catalog > a {
						background-image: url(../images/header/gnav_catalog_pro.gif);
					}

					#header_pro .header_wrapper .header_gnav ul li#gnav_law {
						width: 108px;
					}

					#header_pro .header_wrapper .header_gnav ul li#gnav_law > a {
						background-image: url(../images/header/gnav_law_pro.gif);
					}

					#header_pro .header_wrapper .header_gnav ul li#gnav_network {
						width: 174px;
					}

					#header_pro .header_wrapper .header_gnav ul li#gnav_network > a {
						background-image: url(../images/header/gnav_network_pro.gif);
					}

					#header_pro .header_wrapper .header_gnav ul li#gnav_inquiry {
						width: 134px;
					}

					#header_pro .header_wrapper .header_gnav ul li#gnav_inquiry > a {
						background-image: url(../images/header/gnav_inquiry_pro.gif);
					}

					#header_pro .header_wrapper .header_gnav ul li#gnav_data .droparea {
						background-image: url(../images/header/dnav_data_pro_bg.png);
					}

					#header_pro .header_wrapper .header_gnav ul li#gnav_catalog .droparea {
						background-image: url(../images/header/dnav_catalog_pro_bg.png);
					}

					#header_pro .header_wrapper .header_gnav ul li#gnav_law .droparea {
						background-image: url(../images/header/dnav_law_pro_bg.png);
					}

					#header_pro .header_wrapper .header_gnav ul li#gnav_network .droparea {
						background-image: url(../images/header/dnav_network_pro_bg.png);
					}

					#header_pro .header_wrapper .header_gnav ul li#gnav_inquiry .droparea {
						background-image: url(../images/header/dnav_inquiry_pro_bg.png);
					}

					#header_pro .header_wrapper .header_gnav ul li#gnav_products .droparea .drop_contents .drop_column ul li {
						height: 34px;
						font-size: 14px;
						line-height: 34px;
						background: none;
						padding-left: 0;
						margin-bottom: 5px;
					}

					#header_pro .header_wrapper .header_gnav ul li#gnav_products .droparea .drop_contents .drop_column ul li img {
						margin-right: 8px;
						vertical-align: middle;
					}

					#header_pro .header_wrapper .header_gnav ul li#gnav_network .droparea .drop_contents .drop_column ul {
						margin-bottom: 0;
					}

					body.pro .header { background-color:#1e405c; box-shadow:none; }
					body.pro .header_wrapper .header_logo { width:auto; margin:31px 0 0 35px; }
					body.pro .header_wrapper .header_nav ul li a { color:#ffffff; }
					body.pro .header_wrapper .header_nav ul.top_list a,
					body.pro .header_wrapper .header_nav ul.bottom_list a { color:#333333; }
					body.pro .header_wrapper .header_nav ul.top_list { background-color:#ffffff; }
					body.pro .header_wrapper .header_gnav > ul > li.gnav_business a { color:#0060ab; background-color:#ffffff; padding:8px 40px; }

					/* body.pro#data .header_wrapper .header_gnav > ul > li#gnav_data > a,
					body.pro#data .header_wrapper .header_gnav > ul > li#gnav_data:hover > a { background-color: transparent; } */

					body.pro .header_wrapper .header_gnav > ul > li#gnav_data > a:hover::after,
					body.pro .header_wrapper .header_gnav > ul > li#gnav_law > a:hover::after,
					body.pro .header_wrapper .header_gnav > ul > li#gnav_tool > a:hover::after,
					body.pro .header_wrapper .header_gnav > ul > li#gnav_support > a:hover::after,
					#data .header_wrapper .header_gnav > ul > li#gnav_data > a::after,
					#law .header_wrapper .header_gnav > ul > li#gnav_law > a::after,
					#tool .header_wrapper .header_gnav > ul > li#gnav_tool > a::after,
					#support .header_wrapper .header_gnav > ul > li#gnav_support > a::after { content:''; position:absolute; bottom:-21px; left:50%; width:60%; height:1px; background-color:#ffffff; transform:translateX(-50%); }

					/* ------------------------------------------------------------------------------------------
						pan_area
					------------------------------------------------------------------------------------------ */
					#pan_area {
						padding: 12px 0;
						font-size: 13px;
						line-height: 1.23;
						background: #EBF2F7;
					}

					#pan_area ul {
						width: 960px;
						padding: 0 5px;
						margin: 0 auto;
						letter-spacing: -.40em;
					}

					#pan_area ul li {
						margin-right: 10px;
						padding-left: 15px;
						display: inline;
						letter-spacing: normal;
						background: url(../images/pan_icon.png) no-repeat left center;
					}

					#pan_area ul li:first-child {
						padding-left: 0;
						background: none;
					}

					/* pro */
					body.pro #pan_area {
						background: #E3E6E8;
					}

					/* ------------------------------------------------------------------------------------------
						contents
					------------------------------------------------------------------------------------------ */
					#contents {
						padding-bottom: 40px;
					}

					#contents_wrapper {
						width: 970px;
						margin: 0 auto;
					}

					#contents_wrapper:after {
							content: ""; 
							display: block; 
							clear: both; 
					}

					#page_title{
						padding-top: 21px;
						margin-bottom: 30px;
						background: url(../images/title_bg.gif) repeat-x left bottom;
					}

					#page_title .heading-article {
						display: inline-block;
						padding: 13px 0;
						font-size: 24px;
						line-height: 1;
						font-weight: bold;
						border-bottom: solid 3px #0068BD;
					}

					#page_title .heading-article span.small {
						font-size: 16px;
					}

					.heading_left-gray {
						margin-bottom: 14px;
						padding: 16px 14px 12px 40px;
						font-size: 16px;
						font-weight: bold;
						line-height: 22px;
						color: #FFF;
						background: #595959 url(../images/square_gray_11x11.gif) no-repeat 20px 20px;
					}

					.heading_left-green,
					.heading_left-green-bgw {
						padding: 20px 20px 20px 27px;
						margin-bottom: 14px;
						font-size: 20px;
						font-weight: bold;
						color: #333;
						line-height: 28px;
						border-style: solid;
						border-width: 1px 0 1px 1px;
						border-color: #EDECEC;
					}

					.heading_left-green {
						background: #F2F2F2 url(../images/square_green_10x24.gif) no-repeat 0 23px;
					}

					.heading_left-green-bgw {
						background: #FFF url(../images/square_green_10x24.gif) no-repeat 0 22px;
					}

					.heading_block {
						padding-left: 15px;
						margin-bottom: 7px;
						font-size: 14px;
						font-weight: bold;
						position: relative;
					}

					.heading_block:before {
						content: "";
						display: inline-block;
						width: 8px;
						height: 8px;
						margin-right: 7px;
						margin-left: 2px;
						margin-bottom: 2px;
						background: #0068bd;
						position: absolute;
						top: 5px;
						left: 0;
					}

					.heading_block.green:before {
						background: #9cc813;
					}

					.section-usual {
						margin-bottom: 30px;
					}

					#contents_wrapper .thumb_list ul {
						overflow: hidden;
					}

					#contents_wrapper .thumb_list ul:after {
							content: ""; 
							display: block; 
							clear: both; 
					}

					#contents_wrapper .thumb_list ul li {
						float: left;
						position: relative;
						padding: 0 2px 2px 0;
						margin-bottom: 10px;
						background-image: url(../images/box_shadow.png);
						background-repeat: no-repeat;
						background-position: right bottom;
					}

					#contents_wrapper .thumb_list ul li.text-side-thumb:after {
						content: "";
						display: block;
						clear: both;
					}

					#contents_wrapper .thumb_list ul li a {
						display: block;
						position: absolute;
						width: 100%;
						height: 100%;
						top: 0;
						left: 0;
						overflow: hidden;
						text-indent: -9999px;
						background: url(../images/spacer.gif) no-repeat 0 0;
						z-index: 10;
					}

					#contents_wrapper .thumb_list ul li:hover {
						background-image: url(../images/box_shadow_on.png);
					}

					#contents_wrapper .thumb_list ul li.text-side-thumb:hover {
						background-image: url(../images/box_shadow_on.png);
					}

					#contents_wrapper .thumb_list ul li.nolink:hover {
						background-image: url(../images/box_shadow.png);
					}

					#contents_wrapper .thumb_list ul li a:hover {
						text-decoration: none;
					}

					#contents_wrapper .thumb_list ul li .thumb {
						line-height: 0;
						background: #FFF;
						border-style: solid;
						border-width: 1px 0 0 1px;
						border-color: #EDECEC;
					}

					#contents_wrapper .thumb_list ul li.text-side-thumb img {
						float: left;
						width: 115px;
						height: 115px;
							line-height: 0;
					}

					#contents_wrapper .thumb_list ul li:hover .thumb {
						border-color: #86C2F2;
					}

					#contents_wrapper .thumb_list ul li.nolink:hover .thumb {
						border-color: #EDECEC;
					}

					#contents_wrapper .thumb_list ul li:hover .thumb img {
						opacity: 0.7;
						filter: alpha(opacity=70);
						-ms-filter: "alpha( opacity=70 )";
					}

					#contents_wrapper .thumb_list ul li.text-side-thumb:hover img {
						opacity: 0.7;
						filter: alpha(opacity=70);
						-ms-filter: "alpha( opacity=70 )";
					}

					#contents_wrapper .thumb_list ul li.nolink:hover .thumb img {
						opacity: 1;
						filter: alpha(opacity=100);
						-ms-filter: "alpha( opacity=100 )";
					}

					#contents_wrapper .thumb_list ul li .text {
						padding: 16px 20px;
					/*
						padding: 16px;
					*/
						border-style: solid;
						border-width: 0 0 0 1px;
						border-color: #EDECEC;
						background: #FFF;
					}

					#contents_wrapper .thumb_list ul li.text-side-thumb > div {
							border-color: #edecec;
							border-style: solid;
							border-width: 1px 0 0 1px;
						background: #fff;
					}

					#contents_wrapper .thumb_list ul li.text-side-thumb:hover > div {
						border-color: #86c2f2;
					}

					#contents_wrapper .thumb_list ul li.text-side-thumb > div:after {
						content: "";
						display: block;
						clear: both;
					}

					#contents_wrapper .thumb_list ul li.text-side-thumb .text {
						margin-left: 115px;
						min-height: 115px;
						padding: 0;
							line-height: 0;
							border-width: 0;
						box-sizing: border-box;
					}

					#contents_wrapper .thumb_list ul li.text-side-thumb:hover .text {
						border-color: #0070cb;
					}

					#contents_wrapper .thumb_list ul li.text-side-thumb .text .text_name {
						padding: 13px 16px 0;
					}

					#contents_wrapper .thumb_list ul li.text-side-thumb .text .text_notes {
						padding: 0 16px 11px;
						/*font-size: 14px;*/
						font-size: 13px;
						line-height: 22px;
					}

					#contents_wrapper .thumb_list ul li:hover .text {
						border-color: #86C2F2;
						background: #0070CB;
						border-left: 1px solid #86c2f2;
					}

					#contents_wrapper .thumb_list ul li.nolink:hover .text {
						border-color: #EDECEC;
						background: #FFF;
					}

					#contents_wrapper .thumb_list ul li .text .text_name {
						color: #0070CB;
						font-size: 16px;
						font-weight: bold;
						line-height: 22px;
					}

					#contents_wrapper .thumb_list ul li .text .text_name .small {
						font-size: 12px;
					}

					#contents_wrapper .thumb_list ul li .text .text_notes {
						color: #333;
						font-size: 13px;
						line-height: 20px;
					}

					#contents_wrapper .thumb_list ul li .text .tag {
						font-size: 14px;
					}

					#contents_wrapper .thumb_list ul li .text .text_name + .text_notes {
						margin-top: 3px;
					}

					#contents_wrapper .thumb_list ul li:hover .text .text_name,
					#contents_wrapper .thumb_list ul li:hover .text .text_notes {
						color: #FFF;
					}

					#contents_wrapper .thumb_list ul li.nolink:hover .text .text_name {
						color: #0070CB;
					}

					#contents_wrapper .thumb_list ul li.nolink:hover .text .text_notes {
						color: #333;
					}

					#contents_wrapper .thumb_list.column1 ul {
						width: 970px;
					}

					#contents_wrapper .thumb_list.column1 ul li {
						width: 968px;
						float: none;
					}

					#contents_wrapper .thumb_list.column2 ul {
						width: 982px;
						margin-right: -12px;
					}

					#contents_wrapper .thumb_list.column2 ul li {
						width: 477px;
						margin-right: 12px;
					}

					#contents_wrapper .thumb_list.column3 ul {
						width: 981px;
						margin-right: -11px;
					}

					#contents_wrapper .thumb_list.column3 ul li {
						width: 314px;
						margin-right: 11px;
					}

					#contents_wrapper .thumb_list.column4 ul {
						width: 980px;
						margin-right: -10px;
					}

					#contents_wrapper .thumb_list.column4 ul li {
						width: 233px;
						margin-right: 10px;
					}

					#contents_wrapper .thumb_list.column5 ul {
						width: 980px;
						margin-right: -10px;
					}

					#contents_wrapper .thumb_list.column5 ul li {
						width: 184px;
						margin-right: 10px;
					}

					#contents_wrapper .thumb_list ul li img {
						width: 100%;
						height: auto;
					}


					/* link_each */
					#contents_wrapper .thumb_list.link_each ul li a {
							display: block;
							position: inherit !important;
							width: 100%;
							height: 100%;
							top: 0;
							left: 0;
					}

					#contents_wrapper .thumb_list.link_each ul li .text a {
						display: inline;
						position: inherit;
						width: inherit;
						height: inherit;
						top: inherit;
						left: inherit;
						overflow: inherit;
						font-size: 14px;
						text-indent: 0;
						background: none;
						z-index: inherit;
					}

					#contents_wrapper .thumb_list.link_each ul li .text .text_name {
						color: #333333;
					}

					#contents_wrapper .thumb_list.link_each ul li:hover .text .text_name,
					#contents_wrapper .thumb_list.link_each ul li:hover .text .text_notes {
						color: inherit;
					}

					#contents_wrapper .thumb_list.link_each ul li img {
						display: block;
					}

					#contents_wrapper .thumb_list.link_each ul li:hover .thumb {
							background: #FFF;
							border-color: #EDECEC;
					}

					#contents_wrapper .thumb_list.link_each ul li:hover .thumb img {
						opacity: 1;
						filter: alpha(opacity=100);
						-ms-filter: "alpha( opacity=100 )";
					}

					#contents_wrapper .thumb_list.link_each ul li:hover .thumb a img {
						opacity: 0.7;
						filter: alpha(opacity=70);
						-ms-filter: "alpha( opacity=70 )";
					}

					#contents_wrapper .thumb_list.link_each ul li:hover .text {
						border-color: #EDECEC;
						background: #fff;
					}

					#contents_wrapper .thumb_list.link_each ul li .text .text_name {
						line-height: 1.57;
					}

					#contents_wrapper .thumb_list.link_each ul li .text .text_name a {
							display: inline;
							position: inherit;
							width: inherit;
							height: inherit;
						color: #0070CB;
						font-size: 16px;
						font-weight: bold;
						line-height: 22px;	
							top: inherit;
							left: inherit;
							overflow: inherit;
							background: none;
							z-index: inherit;
					}

					#contents_wrapper .thumb_list.link_each ul li .text .text_name + .text_notes {
						margin-top: 6px;
					}

					#contents_wrapper .thumb_list.link_each ul li .text .text_name a:hover {
						color: #6FAEE3;
					}

					#contents_wrapper .thumb_list.link_each ul li:hover {
						background-image: url(/common2/images/box_shadow.png);
					}

					#contents_wrapper .thumb_list.link_each ul.list {
						display: block;
						width: 100%;
						margin: 6px 0 0;
					}

					#contents_wrapper .thumb_list.link_each ul.list:after {
						content: "";
						display: block;
						clear: both;
					}

					#contents_wrapper .thumb_list.link_each ul.list li {
							float: inherit;
						width: 256px;
							margin-right: 0;
						margin-bottom: 2px;
						padding: 0 0 0 23px;
						line-height: 20px;
						background-image: url(/common2/images/round_arrow_green_12x12.png);
						background-position: 1px 3px;
						background-repeat: no-repeat;
					}

					#contents_wrapper .thumb_list.link_each ul.list.row-line {
						float: left;
						width: 136px !important;
					}

					#contents_wrapper .thumb_list.link_each .row-line_wrap:after {
						content: "";
						display: block;
						clear: both;
					}

					#contents_wrapper .thumb_list.link_each ul.list.row-line li {
						width: 119px;
					}

					#contents_wrapper .thumb_list.link_each.column3 ul li .text {
						padding: 14px 16px 16px;
					}

					#contents_wrapper .thumb_list.link_each.column3 ul li .text .text_notes {
						font-size: 14px;
						line-height: 1.57;
					}


					#contents_wrapper .thumb_list.link_each.column3 ul li .text .list {
						line-height: 1.57;
					}

					/* pro */
					.pro #contents_wrapper .thumb_list.link_each ul li .text {
						background: #28557a;
					}

					.pro #contents_wrapper .thumb_list.link_each ul li .text .text_name,
					.pro #contents_wrapper .thumb_list.link_each ul li .text a {
						color: #fff;
					}

					.pro #contents_wrapper .thumb_list.link_each ul li .text a:hover {
						color: #6FAEE3;
					}

					#contents_wrapper .group {
						margin-bottom: 25px;
						padding-bottom: 10px;
						border: solid 1px #EDECEC;
						background: #EBF2F7;
					}

					#contents_wrapper .group .heading_left-green {
						margin-bottom: 20px;
						padding: 15px 18px 15px 27px;
						font-size: 20px;
						font-weight: normal;
						color: #333;
						line-height: 28px;
						border: none;
						border-bottom: solid 1px #EDECEC;
						background: #FFF url(../images/square_green_10x24.gif) no-repeat 0 17px;
					}

					#contents_wrapper .group .thumb_list {
						width: 930px;
						margin: auto;
						overflow: hidden;
						margin-bottom: 0;
					}

					#contents_wrapper .group .thumb_list.column1 ul {
						width: 930px;
					}

					#contents_wrapper .group .thumb_list.column1 ul li {
						width: 928px;
					}

					#contents_wrapper .group .thumb_list.column2 ul {
						width: 942px;
						margin-right: -12px;
					}

					#contents_wrapper .group .thumb_list.column2 ul li {
						width: 457px;
						margin-right: 12px;
					}

					#contents_wrapper .group .thumb_list.column3 ul {
						width: 936px;
						margin-right: -6px;
					}

					#contents_wrapper .group .thumb_list.column3 ul li {
						width: 304px;
						margin-right: 6px;
					}

					#contents_wrapper .group .thumb_list.column3 ul li .text .text_name {
						font-size: 14px;
						line-height: 20px;
						font-weight: normal;
					}

					#contents_wrapper .group .thumb_list.column4 ul {
						width: 936px;
						margin-right: -6px;
					}

					#contents_wrapper .group .thumb_list.column4 ul li {
						width: 226px;
						margin-right: 6px;
					}

					#contents_wrapper .group .thumb_list.column4 ul li .text .text_name {
						font-size: 13px;
						line-height: 20px;
						font-weight: normal;
					}

					#contents_wrapper .group .thumb_list.column5 ul {
						width: 935px;
						margin-right: -5px;
					}

					#contents_wrapper .group .thumb_list.column5 ul li {
						width: 180px;
						margin-right: 5px;
					}

					#contents_wrapper .group .thumb_list.column5 ul li .text .text_name {
						font-size: 13px;
						line-height: 20px;
						font-weight: normal;
					}

					#main_area {
						float: left;
						width: 760px;
					}

					#sub_area {
						float: right;
						width: 190px;
						margin-bottom:20px;
					}

					#sub_area #sub_menu .sub_heading {
						padding: 7px 16px;
						color: #FFF;
						font-weight: bold;
						font-size: 14px;
						line-height: 22px;
						background: #0068BD;
						margin-bottom:0;
					}

					#sub_area #sub_menu ul {
						background: #FFF;
					}

					#sub_area #sub_menu ul li {
						border-style: solid;
						border-color: #CCC;
						border-width: 0px 1px 1px;
						font-size: 13px;
						line-height: 22px;
					}

					#sub_area #sub_menu ul li a {
						padding: 20px 10px 20px 20px;
						display: block;
						text-decoration: none;
					}

					#sub_area #sub_menu ul li a:hover {
						color: #0070cb;
						background-color: #EBF2F7;
					}

					#sub_area #sub_menu ul li ul {
						display: none;
					}

					#sub_area #sub_menu ul li ul li {
						border-style: dotted;
						border-width: 1px 0 0;
					}

					#sub_area #sub_menu ul li ul li a {
						padding: 8px 8px 8px 36px;
						background-image: url(../images/arrow_orange_10x10.png);
						background-repeat: no-repeat;
						background-position: 20px 14px;
					}

					body.old_page #contents .head_list_area dl dt {
						padding: 7px 16px;
						color: #FFF;
						font-weight: bold;
						font-size: 14px;
						line-height: 22px;
						background: #0068BD;
						margin-bottom:0;
					}

					body.old_page #contents .head_list_area dl dd ul {
						background: #FFF;
					}

					body.old_page #contents .head_list_area dl dd ul li {
						border-style: solid;
						border-color: #CCC;
						border-width: 0px 1px 1px;
						font-size: 13px;
						line-height: 22px;
					}

					body.old_page #contents .head_list_area dl dd ul li a {
						padding: 20px 10px 20px 20px;
						display: block;
						text-decoration: none;
					}

					body.old_page #contents .head_list_area dl dd ul li a:hover {
						color: #0070cb;
						background-color: #EBF2F7;
					}

					body.old_page #contents .head_list_area dl dd ul li ul {
						display: none;
					}

					body.old_page #contents .head_list_area dl dd ul li ul li {
						border-style: dotted;
						border-width: 1px 0 0;
					}

					body.old_page #contents .head_list_area dl dd ul li ul li a {
						padding: 8px 8px 8px 36px;
						background-image: url(../images/arrow_orange_10x10.png);
						background-repeat: no-repeat;
						background-position: 20px 14px;
					}					

					/* link_list */
					#contents_wrapper .link_list.column3 ul li,
					#contents_wrapper .link_list.column4 ul li,
					#contents_wrapper .link_list.column5 ul li {
						float: left;
						margin-bottom: 18px;
						border: 1px solid #dfdfdf;
						border-radius: 10px;
						position: relative;
						box-sizing: border-box;
					}

					#contents_wrapper .link_list ul:after {
						content: "";
						display: block;
						clear: both;
					}

					#contents_wrapper .link_list.column3 ul {
						margin-left: -10px;
					}

					#contents_wrapper .link_list.column3 ul li {
						width: 316.6px;
						margin-left: 9.9px;
					}

					#contents_wrapper .link_list.column3 ul li .text .text_name {
						font-size: 14px;
						line-height: 20px;
						font-weight: normal;
					}

					#contents_wrapper .link_list.column4 ul {
						width: 936px;
						margin-right: -6px;
					}

					#contents_wrapper .link_list.column4 ul li {
						width: 226px;
						margin-right: 6px;
					}

					#contents_wrapper .link_list.column4 ul li .text .text_name {
						font-size: 13px;
						line-height: 20px;
						font-weight: normal;
					}

					#contents_wrapper .link_list.column5 ul {
						width: 935px;
						margin-right: -5px;
					}

					#contents_wrapper .link_list.column5 ul li {
						width: 180px;
						margin-right: 5px;
					}

					#contents_wrapper .link_list.column5 ul li .text .text_name {
						font-size: 13px;
						line-height: 20px;
						font-weight: normal;
					}

					#contents_wrapper .link_list ul li a {
						width: 100%;
						height: 100%;
						text-indent: -9999px;
						position: absolute;
						z-index: 100;
					}

					#contents_wrapper .link_list ul li .icon_image {
						display: table-cell;
						width: 10%;
						height: 170px;
						text-align: center;
						vertical-align: middle;
					}

					#contents_wrapper .link_list ul li .link_title {
						padding-bottom: 16px;
						font-size: 16px;
						line-height: 1.375;
						text-align: center;
						font-weight: bold;
					}

					#contents_wrapper .link_list ul li:hover .icon_image {
						opacity: 0.7;
						filter: alpha(opacity=70);
						-ms-filter: "alpha( opacity=70 )";
					}

					#contents_wrapper .link_list ul li:hover .link_title {
						color: #0068bd;
					}

					#contents_wrapper .link_list ul li a {
						display: block;
					}


					/* anchor */
					.anchor_area:after {
						content: "";
						display: block;
						clear: both;
					}

					.anchor_area li {
						float: left;
						width: 186px;
						height: 90px;
						margin-left: 10px;
					}

					.anchor_area li:first-child {
						margin-left: 0;
					}

					.anchor_area li a {
						display: table-cell;
						width: 186px;
						height: 90px;
						padding: 19px 0 32px 0;
						font-size: 14px;
						font-weight: bold;
						color: #fff;
						line-height: 1.4;
						text-align: center;
						vertical-align: middle;
						background: #0068bd;
						position: relative;
						box-sizing: border-box;
					}

					.anchor_area li a:before {
						content: "";
						display: block;
						width: 18px;
						height: 18px;
						background: url(/common2/images/arrow_anchor_white_18x18.png) no-repeat;
						background-size: contain;
						position: absolute;
						bottom: 12px;
						right: 0;
						left: 0;
						margin: auto;
					}

					.anchor_area li a:hover {
						text-decoration: none;
							opacity: 0.8;
					}

					/* align */
					.text-left {
						text-align: left;
					}

					.text-center {
						text-align: center;
					}

					.text-right {
						text-align: right;
					}

					/* pro */
					body.pro #contents {
						background: #d1dbe3;
					}

					body.pro #page_title .heading-article {
						border-bottom: solid 3px #28557A;
					}

					body.pro #main_area {
						float: left;
					}

					body.pro #main_area.shadow_box {
							background: url("/common2/images/box_shadow.png") no-repeat scroll right bottom;
							padding: 0 2px 2px 0;
							width: 758px;
					}

					body.pro #sub_area #sub_menu .sub_heading {
						background: #28557A;
					}

					body.pro.old_page #contents .head_list_area dl dt {
						background: #28557A;
					}

					/* extrainfo */
					#extrainfo {
						background-color: #fff0f0;
						margin:30px 0;
					}

					 #extrainfo ul {
						border:1px solid #F30;
					}

					#extrainfo ul li.title {
						background-color:#F30;
						font-weight:bold;
						color:#FFFFFF;
						padding:5px;
					}

					#extrainfo ul li {
						list-style:none;
						padding:10px;
						background: #FFF0F0;
					}

					#extrainfo .inner {
						padding: 30px 38px 28px 0;
						border: solid 1px #eddede;
					}

					#extrainfo dl dt {
						margin-bottom: 25px;
						padding-left: 15px;
						border-left: solid 10px #e60012;
						color: #e60012;
						font-weight: bold;
						font-size: 142%;
						line-height: 1.5;
					}

					#extrainfo dl dd {
						padding-left: 40px;
						line-height: 1.5;
					}


	/* ------------------------------------------------------------------------------------------
		footer_sitemap
	------------------------------------------------------------------------------------------ */
	#footer_sitemap {
		background: #e9edf0;
		color: #616971;
	}

	#footer_sitemap #fsmap_contents {
		display: block;
		width: 1060px;
		margin: 0 auto;
		padding: 75px 0 5px;
		font-family: 'Noto Sans JP', sans-serif;
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_col_wrap {
		display: flex;
		justify-content: space-between;
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_col_wrap .outlink::after {
		content: "";
		display: inline-block;
		width: 14px;
		height: 15px;
		margin-left: 5px;
		background: url(/common2/images/outlink_blue_1.png) no-repeat;
		background-position: center 2px;
		background-size: contain;

	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_col_wrap .footer_col {
		background: none;
		display: flex;
		flex-wrap: wrap;
		flex: 1;

	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_col_wrap .footer_col dl {
		margin-left: 25px;
		margin-bottom: 40px;
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_col_wrap .footer_col dl#fscolumn1,
	#footer_sitemap #fsmap_contents #fsmap_inner .footer_col_wrap .footer_col dl#fscolumn5,
	#footer_sitemap #fsmap_contents #fsmap_inner .footer_col_wrap .footer_col dl#fscolumn9 {
		margin-left: 0;
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_col_wrap .footer_col dl a {
		color: #616971;
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col #footer_sns { margin-top:30px;	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_col_wrap .footer_col dl dt,
	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col > ul > li > a,
	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col #footer_sns div {
		margin-bottom: 15px;
		font-size: 16px;
		font-weight: bold;
		line-height: 1.57;
		border-left: none;
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col > ul > li > a { font-size:100%; }

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_col_wrap .footer_col dl dd {
		font-size: 12px;
		line-height: 20px;
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_col_wrap .footer_col dl dd ul li {
		margin-top: 13px;
		font-size: 13px;
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_col_wrap .footer_col dl dd + dt {
		margin-top: 15px;
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_col_wrap .footer_col dl dt + dt {
		margin-top: 0;
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_col_wrap .footer_col dl dd + dt {
		margin-top: 40px;
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_col_wrap .footer_col .column_name {
		padding-left: 15px;
		margin-left: -15px;
		margin-bottom: 6px;
		font-size: 12px;
		font-weight: bold;
		background: none;
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_col_wrap .footer_col li + .column_name {
		margin-top: 14px;
	}



	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col #business_info {
		margin-top: 8px;
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col #business_info a {
		display: inline-block;
		color: #1e405c;
		border: solid 2px #1e405c;
		padding: 6px 28px;
		font-size: 14px;
		border-radius: 3px;
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col > ul {
		margin-top: 40px;
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col ul li a {
		display: inline-block;
		color: #616971;
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col #footer_sns ul li {
		margin-bottom: 12px;
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col #footer_sns ul li a {
		padding-left: 28px;
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 18px;
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col #footer_sns ul li a.icon_youtube {
		background-image: url(/common2/images/icon_youtube.png);
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col #footer_sns ul li a.icon_instagram {
		background-image: url(/common2/images/icon_instagram.png);
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col #footer_sns ul li a.icon_twitter {
		background-image: url(/common2/images/icon_twitter.png);
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col #footer_sns ul li a.icon_roomclip {
		background-image: url(/common2/images/icon_roomclip.png);
	}

						

						
						
						
						
					#footer_sitemap #fsmap_contents #fsmap_inner .column_continuation {
						padding-top: 28px;
					}

					#footer_sitemap .pro_sitemap {
						display: none;
					}

					.pro #footer_sitemap .pro_sitemap {
						display: block;
					}

					.pro #footer_sitemap .usual_sitemap {
						display: none;
					}

					.pro #footer_sitemap #sitemap_toggle {
						background: #28557a;
					}

					.pro #footer_sitemap #sitemap_toggle:hover {
						background: #346a91;
					}

					.pro #footer_sitemap #fsmap_contents #fsmap_inner dl dt {
						border-left: 3px solid #28557a;
					}
	
					.pro #footer_sitemap #fsmap_contents #fsmap_inner .pro_sitemap .footer_col_wrap {
						justify-content: flex-start;
					}

					.pro #footer_sitemap #fsmap_contents #fsmap_inner .pro_sitemap .footer_col_wrap .footer_col {
						flex: inherit;
					}

					.pro #footer_sitemap #fsmap_contents #fsmap_inner .pro_sitemap .footer_col_wrap .footer_right_col {
						flex: 1;
						margin-left: 45px;
						margin-bottom:40px;
					}

					/* .pro #footer_sitemap #fsmap_contents #fsmap_inner .pro_sitemap .footer_right_col > ul {
						margin-top: 0;
					} */
	
				 body.pro	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col #business_info a { color:#035fab; border-color:#035fab; }
				 body.pro	#footer_sitemap #fsmap_contents #fsmap_inner .footer_col_wrap .footer_col dl { margin-left: 45px; }

	/* ------------------------------------------------------------------------------------------
		footer
	------------------------------------------------------------------------------------------ */
	#footer {
		font-family: 'Noto Sans JP', sans-serif;
		background: #e9edf0;
		color: #616971;
	}

	#footer #footer_nav {
		font-size: 13px;
		padding: 30px 0;
		border-top: solid 1px #d8dde2;
		border-bottom: solid 1px #d8dde2;
	}

	#footer #footer_nav ul {
		padding-left: 7px;
		letter-spacing: -.40em;
		display: flex;
		justify-content: center;
	}

	#footer #footer_nav ul li {
		letter-spacing: normal;
		padding: 0 22px;
		border-right: solid 1px #9ca3a8;
		line-height: 1;
	}

	#footer #footer_nav ul li:first-child {
		border-left: solid 1px #9ca3a8;
	}

	#footer #footer_nav ul li a {
		color: #616971;
	}

	#footer #copyright {
		font-size: 13px;
		padding: 40px 0;
		text-align: center;
	}

	#footer #copyright address {
		padding-right: 7px;
	}
						
					#topagetop {
						position: fixed;
						bottom: -66px;
						right: 50px;
						width: 66px;
						height: 66px;
						z-index: 900;
						overflow: hidden;
						transition: opacity,bottom 0.3s;
						opacity: 0.1;
						text-indent: -9999px;
						background-image: url(../images/to_pagetop.png);
						background-repeat: no-repeat;
						background-position: 0 0;
						cursor: pointer;
					}

					#topagetop.is-show {
						opacity: 1;
						bottom: 50px;
					}

					#topagetop:hover {
						background-position: 0 -66px;
					}

					.pc_hide {
						display: none !important;
					}

					.img-fuild {
						height: auto;
						max-width: 100%;	
					}

}

@media screen and (max-width: 1201px){
	.header_wrapper .header_gnav ul li#gnav_products .droparea::before {
		left: 325px;
		right: auto;
	}
	
	.header_wrapper .header_gnav ul li#gnav_reform .droparea::before {
		left: 445px;
		right: auto;
	}
	
	.header_wrapper .header_gnav ul li#gnav_catalog .droparea::before {
		left: 555px;
		right: auto;
	}
	
	.header_wrapper .header_gnav ul li#gnav_shr .droparea::before {
		left: 665px;
		right: auto;

	}
	
	.header_wrapper .header_gnav ul li#gnav_inquiry .droparea::before {
		left: 800px;
		right: auto;
	}
}

@media screen and (max-width: 640px){
	
	/* ------------------------------------------------------------------------------------------
		header
	------------------------------------------------------------------------------------------ */
	
	header {
		position: fixed;
		width: 100%;
		height: 60px;
		top: 0;
		left: 0;
		background: #fff;
		z-index: 10000;
		border-bottom: 1px solid #EBF2F7;
	}
	
	header img {
		width: 100%;
	}
	
	.header {
		background: #FFF;
		font-family: 'Noto Sans JP', sans-serif;
	}
	
	.header_wrapper {
		margin: 0 auto;
		display: flex;
		align-items: center;
		width: 100%;
		position: relative;
		justify-content: flex-end;
	}
	
	.header_wrapper .header_logo {
		margin-left: 25px;
		width: 86px;
		margin-right: auto;
	}	
	
	.header_wrapper .header_logo img {
		max-width: 100%;
	}
	
	.header_wrapper .header_btn {
		display: block;
		width: 60px;
	}
	
	.header_wrapper .gnav_icon {
		width: 60px;
		margin-left: 5px;
	}
	
	.header_wrapper .gnav_icon a img {
		width: 100%;
	}
	
	.header_nav_outer {
		display: none;
		position: absolute;
		top: 61px;
		left: 0;
		right: 0;
		background-color: #fcfdfd;
		max-height: calc(100vh - 61px);
		overflow-y: scroll;
	}
	
	body.fixed {
		position: fixed;
		width: 100%;
		height: 100%;
	}
	
	.header_nav {
		width: 100%;
	}
	
	.header_wrapper .header_gnav {
		  margin-right: 0;
	}
	
	.cover_area {
		display: none !important;
	}
	
	.search_pos {
		display: none;
		position: absolute;
		top: 61px;
		left: 0;
		right: 0;
		background-color: #fcfdfd;
	}
	
	.search_center {
		margin: 0 auto; 
		padding: 14px 4%;
		position: static;
		transform: translateY(0);
		width: auto;
	}
	
	.txt_input {
		width: 100%;
		border:none; 
		background: #dde3e7 url(../images/bg_search.gif) no-repeat 15px center;
		border-radius: 30px;
		box-sizing: border-box;
		height: auto;
		font-size: 14px;
		background-size: 17px;
		padding: 13px 13px 13px 40px;
	}
	
	.header_wrapper .header_gnav > ul {
		display: block;
	}
	
	.header_wrapper .header_gnav > ul > li {
		padding: 0;
	}
	
	.header_wrapper .header_gnav > ul > li > a {
		padding: 17px 25px 17px 10px;
		font-size: 16px;
		margin: 0 10px;
		border-bottom: solid 1px #eef0f2;
		position: relative;
	}
	
	.header_wrapper .header_gnav > ul > li > a::before,
	.header_wrapper .header_gnav > ul > li > a::after {
		content: "";
		width: 15px;
		height: 2px;
		background-color: #2b77cb;
		position: absolute;
		top: 50%;
		right: 5px;
		/* transform: translateY(-50%); */
	}
	
	.header_wrapper .header_gnav > ul > li > a.has_child_none::before{ display:none;}
	.header_wrapper .header_gnav > ul > li > a.has_child_none::after{
	    position: absolute;
		right: 10px;
		top: 50%;
		width: 7px;
		height: 7px;
		background-color: #fff;
		border-top: 2px solid #2b77cb;
		border-right: 2px solid #2b77cb;
		transform: translateY(-50%) rotate(45deg);
	}

	.header_wrapper .header_gnav > ul > li > a::after {
		transform: rotate(90deg);
	}
	
	.header_wrapper .header_gnav > ul > li > a.open_menu::after {
		opacity: 0;
	}
	
	
	.header_wrapper .header_gnav > ul > li.gnav_business {
		padding: 0;
		width: 67%;
		margin: 30px auto;
		text-align: center;
	}
	
	.header_wrapper .header_gnav > ul > li.gnav_business a {
		font-size: 15px;
		display: block;
		background-color: #1e405c;
		color: #fff;
		border-radius: 30px;
		padding: 12px 25px;
	}
	
	.header_wrapper .header_gnav > ul > li.gnav_business a::before,
	.header_wrapper .header_gnav > ul > li.gnav_business a::after {
		content: none;
	}
	
	.header_wrapper .header_snav {
		display: block;
		background-color: #eceff1;
		font-size: 14px;
		padding: 30px 0 100px;
	}
	
	.header_wrapper .header_nav ul li a {
		display: block;
		color: #373737;
	}
	
	.header_wrapper .header_nav ul.top_list {
		display: block;
		border: none;
	}
	
	.header_wrapper .header_nav ul.top_list a {
		height: 100%;
		display: flex;
		align-items: center;
	}
	
	.header_wrapper .header_nav ul.top_list li {
		padding: 13px 28px;
	}
	
	.header_wrapper .header_nav ul.top_list li.global a span {
		background: url(/common2/images/icon_global.png) no-repeat;
		background-position: left center;
		background-size: 16px;
		display: block;
		padding-left: 20px;
		padding-right: 8px;
	}
		
	.header_wrapper .header_nav .outlink::after {
		content: "";
		display: inline-block;
		width: 9px;
		height: 12px;
		margin-left: 5px;
		background: url(/common2/images/outlink_gray_1.gif) no-repeat;
		background-position: center 2px;
		background-size: 9px;
	}	
		
	.header_wrapper .header_gnav ul li .droparea {
		display: none;
		/* display: block !important; */
		border-top: none;
		background-color: #eef0f2;
		position: static;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	.header_wrapper .header_gnav ul li .droparea .drop_contents::before {
		content: none;
	}
	
	.header_wrapper .header_gnav ul li .droparea .drop_contents {
		margin: 0 auto;		
		padding: 0;
		width: 100%;
		min-height: 0;
	}
	
	.header_wrapper .header_gnav ul li .droparea .drop_contents:after {
		content: none;
	}
	
	.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_name {
		display: none;
	}
	
	.header_wrapper .header_gnav ul li .dorp_category {
		margin: 0;
		border: none;
	}
	
	.header_wrapper .header_gnav ul li .droparea .drop_contents .dorp_sub ul li,
	.header_wrapper .header_gnav ul li#gnav_shr .droparea .drop_contents .dorp_sub ul li {
		float: none;
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
		line-height: 1.4;
		background: none;
	}
	
	.header_wrapper .header_gnav ul li .droparea .drop_contents .dorp_sub ul li {
		position: relative;
		border-bottom: solid 1px #f4f5f6;
	}
	
	.header_wrapper .header_gnav ul li .droparea .drop_contents .dorp_sub ul li:last-child {
		border: none;
	}
	
	.header_wrapper .header_gnav ul li .droparea .drop_contents .dorp_sub ul li::after {
	  position: absolute;
	  right: 20px;
	  top: 50%;
	  content: "";
	  width: 7px;
	  height: 7px;
	  border-top: 1px solid #7c8a98;
	  border-right: 1px solid #7c8a98;
	  transform: translateY(-50%) rotate(45deg);
	}
	
	.header_wrapper .header_gnav ul li .droparea .drop_contents .dorp_sub ul li.outlink {
		position: relative;
	}
	
	.header_wrapper .header_gnav ul li .droparea .drop_contents .dorp_sub ul li.outlink::after {
		content: "";
		display: inline-block;
		background: url(../images/outlink_blue_1.png) no-repeat;
		background-position: center 2px;
		background-size: contain;
		border: none;
		width: 13px;
		height: 13px;
	  transform: translateY(-50%) rotate(0);
	}
	
	.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_column {
		float: none;
		width: 100%;
	}
	
	.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_column ul {
		margin: 0;
	}
	
	.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_column ul li {
	  margin-bottom: 0;
	  padding-left: 0;
	  font-size: 14px;
	  line-height: 1.4;
	  background: none;
	}	
		
	.header_wrapper .header_gnav ul li .droparea .drop_contents .dorp_category ul {
	  padding-bottom: 0;
	  display: flex;
	  flex-wrap: wrap;
	  background-color: #e6eaed;
	}	
	
	
	.header_wrapper .header_gnav ul li .droparea .drop_contents .dorp_category ul li {
		float: none;
		height: auto;
		font-size: 14px;
		line-height: 1.4;
		margin-bottom: 0;
		width: 50%;
		border-bottom: solid 1px #f4f5f6;
		position: relative;
	}
	
	.header_wrapper .header_gnav ul li .droparea .drop_contents .dorp_category ul li::after {
		position: absolute;
		right: 20px;
		top: 50%;
		content: "";
		width: 7px;
		height: 7px;
		border-top: 1px solid #7c8a98;
		border-right: 1px solid #7c8a98;
		transform: translateY(-50%) rotate(45deg);
	}
		
	.header_wrapper .header_gnav ul li .droparea .drop_contents .dorp_category ul li:nth-child(n+2) a {
		font-size: 13px;
		padding: 14px 30px 14px 20px;
		box-sizing: border-box;
		display: flex;
		align-items: center;
		height: 100%;
	}
	
	.header_wrapper .header_gnav ul li .droparea .drop_contents .dorp_category ul li.cate_top {
		display: block;
		width: 100%;
		background-color: #eef0f2;
	}
	
	.header_wrapper .header_gnav ul li .droparea .drop_contents .dorp_category ul li img {
		display: none;
	}
	
	.header_wrapper .header_gnav ul li .droparea ul li a {
		color: #333;
		background: none;
		font-size: 14px;
		display: block;
		padding: 17px 35px 17px 20px;
	}
	
	
	.header_wrapper .header_gnav ul li .droparea .drop_contents .dorp_category ul li.outlink::after {
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		border: none;
		width: 13px;
		height: 13px;
	}
	
	.header_wrapper .header_gnav ul li .droparea .drop_contents .drop_column ul {
		display: flex;
		flex-wrap: wrap;
	}
	
	.header_wrapper .header_gnav ul li .droparea .drop_contents .dorp_category p {
		padding: 17px 0 17px 46px;
		font-size: 14px;
		background: url(../images/square_blue_10x10.gif) no-repeat 20px center;		
	}
	
	.add_favorite_btn {
		position: fixed;
		right: 2%;
		top: 50%;
		transform: translateY(-50%);
		z-index: 10;
		width: 50px;
	}
	
	.add_favorite_btn #favorite_btn_close {
		position: absolute;
		right: -6px;
		top: -15px;
		width: 16px;
	}
	
	.add_favorite_btn a:hover img {
		opacity: 0.7;
	}

	.header_wrapper .header_nav ul li a.has_child.open_menu { border-bottom:none; }

	.header_wrapper .header_gnav ul li .droparea .drop_contents .dorp_category dl dt { /* border-left:4px solid #004fa2; */ font-size:115%; margin:0 20px; padding:15px 0 15px 15px; position:relative; }
	.header_wrapper .header_gnav ul li .droparea .drop_contents .dorp_category dl dt::after { content:''; width:4px; height:1em; background-color:#004fa2; position:absolute; left:0; top:50%; transform:translateY(-50%); }
	.header_wrapper .header_gnav ul li .droparea .drop_contents .dorp_category dl dt a { color:#333333; position:relative; display:block; }
	.header_wrapper .header_gnav ul li .droparea .drop_contents .dorp_category dl dt a::after { position:absolute; right:0; top:50%; content:""; width:7px; height:7px; border-top:1px solid #7c8a98; border-right:1px solid #7c8a98; transform:translateY(-50%) rotate(45deg); }
	.header_wrapper .header_gnav ul li .droparea .drop_contents .dorp_category dl dd ul a { font-size:13px; }

	body.pro header { border-bottom:none; }
	body.pro .header_wrapper { background-color:#1e405c; }
	body.pro .header_wrapper .header_nav_outer { background-color:#1e405c; /* display:block !important; */ border-top:1px solid #ffffff; top:60px; max-height: calc(100vh - 60px); }

	body.pro .header_wrapper .header_gnav > ul > li > a::before,
	body.pro .header_wrapper .header_gnav > ul > li > a::after { background-color:#ffffff; }

	body.pro .header_wrapper .header_nav ul li a { color:#ffffff; }
	body.pro .header_wrapper .header_gnav > ul > li.gnav_business a { background-color:#ffffff; color:#0060ab; }
	body.pro .header_wrapper .header_nav ul.top_list li a { color:#333333; }
	body.pro .header_wrapper .header_logo { margin-left:15px; width: 124px; }	

	/* body.pro .header_wrapper .header_gnav ul li .droparea { display: block !important; } */
	body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_bn ul li a { padding:15px 30px; }

}

@media screen and (max-width: 640px){

						body {
							-webkit-text-size-adjust: none;
							min-width: 320px;
							padding-top: 60px;
						}

						#container {
							overflow: hidden;
						}

						/* ------------------------------------------------------------------------------------------
							global_header
						------------------------------------------------------------------------------------------ */
						#global_header {
							position: fixed;
							width: 100%;
							height: 60px;
							top: 0;
							left: 0;
							background: #fff;
							z-index: 10000;
							border-bottom: 1px solid #EBF2F7;
						}

						#header_inner {
							display: block;
							width: 100%;
							position: relative;
						}

						#smp_header_logo {
							position: absolute;
							top: 17px;
							left: 20px;
							margin: auto 0;
							width: 112px;
							height: 27px;
						}

						#gh_sp_wrap {
							display: flex;
							flex-direction: column;
							position: absolute;
							width: 100%;
							top: 60px;
							left: 0;
							background: #005faf;
							z-index: 500;
						}

						#gh_sp_btn[data-default="true"] + #gh_sp_wrap {
							display: none !important;
						}  

						#gh_sp_btn {
							position: absolute;
							top: 0;
							bottom: 0;
							right: 20px;
							padding: 0;
							margin: auto 0;
							width: 20px;
							height: 20px;
							border: none;
							border-radius: 0;
							-webkit-appearance: none;
							background: transparent;
						}

						#gh_sp_btn span {
							position: absolute;
							display: block;
							width: 20px;
							height: 2px;
							top: 0;
							bottom: 0;
							margin: auto 0;
							background: #005faf;
							overflow: hidden;
						}

						#gh_sp_btn span:nth-of-type(1) {
							transform: translateY(-7px) rotate(0);
						}

						#gh_sp_btn[data-default="false"] span:nth-of-type(1) {
							animation: sp-btn-bar01 .5s forwards;
						}

						#gh_sp_btn.is-open span:nth-of-type(1) {
							animation: sp-btn-bar01-open .5s forwards;
						}

						#gh_sp_btn[data-default="false"] span:nth-of-type(2) {
							animation: sp-btn-bar02 .5s forwards;
						}

						#gh_sp_btn.is-open span:nth-of-type(2) {
							animation: sp-btn-bar02-open .5s forwards;
						}

						#gh_sp_btn span:nth-of-type(3) {
							transform: translateY(7px) rotate(0);
						}

						#gh_sp_btn[data-default="false"] span:nth-of-type(3) {
							animation: sp-btn-bar03 .5s forwards;
						}

						#gh_sp_btn.is-open span:nth-of-type(3) {
							animation: sp-btn-bar03-open .5s forwards;
						}

						@keyframes sp-btn-bar01 {
								0% { transform: translateY(0) rotate(45deg); }
							 50% { transform: translateY(0) rotate(0); }
							100% { transform: translateY(-7px) rotate(0); }
						}

						@keyframes sp-btn-bar01-open {
								0% { transform: translateY(-7px) rotate(0); }
							 50% { transform: translateY(0) rotate(0); }
							100% { transform: translateY(0) rotate(45deg); }
						}

						@keyframes sp-btn-bar02 {
								0% { transform: rotateX(90deg); }
							 50% { transform: rotateX(90deg); }
							100% { transform: rotateX(0); }
						}

						@keyframes sp-btn-bar02-open {
								0% { transform: rotateX(0); }
							 50% { transform: rotateX(90deg); }
							100% { transform: rotateX(90deg); }
						}

						@keyframes sp-btn-bar03 {
								0% { transform: translateY(0) rotate(-45deg); }
							 50% { transform: translateY(0) rotate(0); }
							100% { transform: translateY(7px) rotate(0); }
						}

						@keyframes sp-btn-bar03-open {
								0% { transform: translateY(7px) rotate(0); }
							 50% { transform: translateY(0) rotate(0); }
							100% { transform: translateY(0) rotate(-45deg); }
						}

						#gh_contents {
							order: 2;
							font-size: 14px;
							padding-bottom: 20px;
						}

						#gh_submenu {
							color: #FFF;
							margin: 15px 20px;
						}

						#gh_submenu ul {
							display: flex;
							flex-wrap: wrap;
							align-items: center;
						}

						#gh_submenu ul li {
							margin-bottom: 5px;
						}

						#gh_submenu ul li:nth-child(odd) {
							width: 60%;
						}

						#gh_submenu ul li:nth-child(even) {
							width: 40%;
						}

						#gh_submenu ul li a {
							white-space: nowrap;
							color: inherit;
							display: flex;
							align-items: center;
						}

						#gh_submenu ul li a::before {
							display: block;
							content: '';
							width: 7px;
							height: 7px;
							margin-right: 5px;
							overflow: hidden;
							background: url("../images/arrow_white_15x15.png");
							background-repeat: no-repeat;
							background-position: center center;
							background-size: contain;
						}

						#gh_language {
							position: relative;
							box-sizing: border-box;
							margin: 20px auto;
							width: calc(100% - 40px);
							height: 40px;
							position: relative;
							border: solid 1px #ccc;
							border-radius: 5px;
							background: #FFF;
						}

						#gh_language::after {
							position: absolute;
							display: block;
							right: 10px;
							top: 0;
							bottom: 0;
							margin: auto   0;
							content: '';
							width: 0;
							height: 0;
							overflow: hidden;
							border-style: solid;
							border-color: transparent;
							border-top-color: #005faf;
							border-width: 8px 5px 0;
						}

						#gh_language select {
							position: absolute;
							box-sizing: border-box;
							top: 0;
							left: 0;
							font-size: inherit;
							padding: 0 30px 0 10px;
							width: 100%;
							height: 100%;
							border: none;
							background: none;
							-webkit-appearance: none;
							appearance: none;
						}

						#gh_language select::-ms-expand {
							display: none;
						}

						#gh_search {
							position: relative;
							margin: 15px 20px 0; 
							border-radius: 5px;
							overflow: hidden;
							border: 1px solid rgba(255, 255, 255, 0.25)
						}

						#gh_search form {
							background: #FFF;
							display: flex;
							align-items: stretch;
						}

						#gh_search input[type="text"]{
							padding: 12px;
							width: calc(100% - 60px);
							appearance: none;
							font-size: inherit;
							border: none;
							-webkit-appearance: none;
							border-radius: 0;
							box-sizing: border-box;
						}

						#gh_search input[type="submit"]{
							width: 60px;
							color:#FFF;
							text-align: center;
							background: #004193;
							font-size: inherit;
							border: none;
							-webkit-appearance: none;
							border-radius: 0;
						}

						#gh_nav {
							order: 1;
							font-size: 14px;
							color: #FFF;
						}

						#gh_nav li {
							border-bottom: 1px solid rgba(255, 255, 255, 0.25)
						}

						#gh_nav li a {
							position: relative;
							display: block;
							color: inherit;
							padding: 13px 20px;
						}

						#gh_nav li a::after {
							box-sizing: border-box;
							position: absolute;
							content: '';
							display: block;
							width: 10px;
							height: 10px;
							top: 0;
							bottom: 0;
							right: 20px;
							margin: auto 0;
							border-top: 2px solid #FFF;
							border-right: 2px solid #FFF;
							transform: rotate(45deg);
						}

						/* pro */
						.pro #gh_sp_wrap {
							border-color: #28557a;
						}  

						.pro #gh_sp_wrap,
						.pro #gh_sp_btn span {
							background: #28557A !important;
						}

						.pro #gh_search input[type="submit"] {
							background: #243d4c;
						}

						/* ------------------------------------------------------------------------------------------
							contents
						------------------------------------------------------------------------------------------ */
						#contents {
							width: 100%;
							margin: 0 auto;
						}

						#contents_wrapper {
							margin: 0 6px;
						}

						#page_title{
							width: 100%;
							margin: 0 0 21px;
							background: url(../images/smp_title_bg.gif) repeat-x left bottom;
							background-size: 2px 3px;
						}

						#page_title .heading-article {
							display: inline-block;
							padding: 17px 6px 7px;
							font-size: 19px;
							font-weight:bold;	/* sas add */
							border-bottom: solid 3px #0068BD;
						}

						#page_title .heading-article span {
							display: inline-block;
							font-size: 14px;
						}

						.heading_left-green,
						.heading_left-green-bgw {
							display: block;
							padding: 14px 12px 15px 20px;
							margin: 14px -6px 11px -6px;
							color: #333;
							font-size: 15px;
							font-weight: bold;
							line-height: 16px;
							border-top: 1px solid #dfdfdf;
							border-bottom: 1px solid #dfdfdf;
							background: #f2f2f2;
							position: relative;
						}

						.heading_left-green:before,
						.heading_left-green-bgw:before {
							content: "";
							display: inline-block;
							width: 7px;
							height: 16px;
							margin: 2px 0x 0 1px;
							background: #9cc813;
							position: absolute;
							top: 14px;
							left: 1px;
						}

						.heading_left-gray {
							margin-bottom: 13px;
							padding: 11px 14px 13px 25px;
							font-size: 15px;
							line-height: 22px;
							color: #FFF;
							background: #595959;
							position: relative;
						}

						.heading_left-gray:before {
							content: "";
							display: inline-block;
							width: 6px;
							height: 6px;
							background: #acacac;
							position: absolute;
							top: 19px;
							left: 12px;
						}

						.heading_block {
							padding-left: 16px;
							margin-bottom: 7px;
							margin-left: 3px;
							font-size: 13px;
							color: #333333;
							position: relative;
						}

						.heading_block:before {
							content: '';
							display: inline-block;
							width: 10px;
							height: 10px;
							background-color: #0068BD;
							position: absolute;
							top: 5px;
							left: 0;
						}

						.heading_block.green:before {
							background: #9cc813;
						}

						.pro #page_title .heading-article {
							border-bottom: solid 3px #28557A;
						}

						#contents ul.thumb_list {
							margin-right: auto;
							margin-left: auto;
							border-bottom: solid 1px #DEDEDE;
							border-left: solid 1px #DEDEDE;
						}

						#contents ul.thumb_list:after {
							content: "";
							display: block;
							clear: both;
						}

						#contents_wrapper .thumb_list ul li {
							position: relative;
						}

						#contents_wrapper .thumb_list ul li a  {
							height: 100%;
							width: 100%;
							text-indent: -9999px;
							position: absolute;
							top: 0;
							left: 0;
							overflow: hidden;
							z-index: 10;
						}

						#contents_wrapper .thumb_list ul li a:after {
							content: "";
							display: block;
							height: 0;
							clear: both;
						}

						#contents_wrapper .thumb_list ul li .text {
							padding: 6px 10px 5px 16px;
						}

						#contents_wrapper .thumb_list ul li .text .text_name {
							line-height: 17px;
							color: #0068bd;
						}

						#contents_wrapper .thumb_list ul li .text .text_notes {
							margin-bottom: 6px;
							line-height: 17px;
						}

						/*contents column*/
						#contents_wrapper .thumb_list ul:after {
							content: "";
							display: block;
							clear: both;
						}

						#contents_wrapper .thumb_list.column2 ul li {
							display: block;
							margin-bottom: 10px;
							border: 1px solid #dfdfdf;
							box-sizing: border-box;
						}

						#contents_wrapper .thumb_list.column2 ul li .text {
							padding: 11px 16px 13px;
						}

						#contents_wrapper .thumb_list.column2 ul li .text .text_name {
							font-size: 13px;
						}

						#contents_wrapper .thumb_list.column2 ul li .text .text_notes {
							margin-top: 2px;
							margin-bottom: 0;
						}

						#contents_wrapper .thumb_list.column2 ul li .thumb img {
							display: block;
							width: 100%;
							height: auto;
							margin: 0 auto;
						}

						#contents_wrapper .thumb_list.column3 ul li,
						#contents_wrapper .thumb_list.column4 ul li,
						#contents_wrapper .thumb_list.column5 ul li {
							float: right;
							width: 49%;
							margin-left: 5px;
							margin-bottom: 10px;
							border: 1px solid #dfdfdf;
							box-sizing: border-box;
						}

						#contents_wrapper .thumb_list.column3 ul li:nth-child(odd),
						#contents_wrapper .thumb_list.column4 ul li:nth-child(odd),
						#contents_wrapper .thumb_list.column5 ul li:nth-child(odd) {
							float: left;
							margin-left: 0;
						}

						#contents_wrapper .thumb_list.column2:after,
						#contents_wrapper .thumb_list.column3:after,
						#contents_wrapper .thumb_list.column4:after,
						#contents_wrapper .thumb_list.column5:after {
							content:"";
							display: block;
							clear: both;
						}


						/* sp-column1 */
						#contents_wrapper .thumb_list.column3.sp_column1 ul li,
						#contents_wrapper .thumb_list.column4.sp_column1 ul li,
						#contents_wrapper .thumb_list.column5.sp_column1 ul li {
							display: flex;
							align-items: center;
							float: inherit !important;
							width: 100% !important;
							padding: 0;
							margin: 0 0 10px !important;
							background: #fff;
						}  

						#contents_wrapper .thumb_list.sp_column1 ul li .thumb {
							flex: none;
							width: 40%;
						}

						#contents_wrapper .thumb_list.sp_column1 ul li .text {
							flex: none;
							width: 60%;
							box-sizing: border-box;
						}

						/* sp-column1 img-full */
						#contents_wrapper .thumb_list.column3.sp_column1.img-full ul li,
						#contents_wrapper .thumb_list.column4.sp_column1.img-full ul li,
						#contents_wrapper .thumb_list.column5.sp_column1.img-full ul li {
							flex-wrap: wrap;
						}

						#contents_wrapper .thumb_list.sp_column1.img-full ul li .thumb,
						#contents_wrapper .thumb_list.sp_column1.img-full ul li .text,
						#contents_wrapper .thumb_list.sp_column1.img-full ul li .thumb img {    width: 100%;
						}

						#contents_wrapper .group .thumb_list {
							padding: 10px 10px 0;
							margin-bottom: 22px;
							border: 1px solid #edecec;
							background: #ebf2f7;
						}

						#contents_wrapper .group .thumb_list ul:after {
							content: "";
							display: block;
							clear: both;
						}

						#contents_wrapper .group .thumb_list ul li {
							padding: 10px 22px 10px 10px;
							border: 1px solid #dfdfdf;
							background: #fff;
						}

						#contents_wrapper .group .thumb_list.img-full ul li {
							padding: 0;

						}

						#contents_wrapper .group .thumb_list ul li.text-side-thumb > div:after {
							content: "";
							display: block;
							clear: both;
						}

						#contents_wrapper .group .thumb_list ul li.text-side-thumb img {
							float: left;
							width: 57px;
							height: 57px;
						}

						#contents_wrapper .group .thumb_list ul li.text-side-thumb .text {
							padding: 0;
							margin-left: 71px;
						}


						/* each_link */
						#contents_wrapper .thumb_list.link_each ul li .text .text_name {
							color: inherit;
						}

						#contents_wrapper .thumb_list.link_each ul li a {
							position: inherit;
							width: inherit;
							height: inherit;
							overflow: hidden;
							text-indent: inherit;
							z-index: 10;
						}

						/* pro */
						.pro #contents_wrapper .thumb_list.link_each ul li .text {
							background: #28557a;
						}

						.pro #contents_wrapper .thumb_list.link_each ul li .text .text_name,
						.pro #contents_wrapper .thumb_list.link_each ul li .text a {
							color: #fff;
						}		

						#contents_wrapper .thumb_list.link_each {
							margin-bottom: 13px;
						}

						#contents_wrapper .thumb_list.link_each ul li .list {
							margin: 6px 0 7px;
							position: relative;
						}

						#contents_wrapper .thumb_list.link_each ul li .list li {
							float: inherit;
							width: inherit;
							margin: 0 0 ;
							border: none;
						}

						#contents_wrapper .thumb_list.link_each ul li .list li a {
							display: block;
							position: inherit;
							width: inherit;
							height: inherit;
							padding-left: 16px;
							text-indent: inherit;
							background: url(/common2/images/round_arrow_green_12x12.png) no-repeat left 3px;
							box-sizing: border-box;
						}

						#contents_wrapper .thumb_list.link_each ul li .text_name {
							font-weight: bold;
						}

						#contents_wrapper .thumb_list ul li img {
							display: block;
							margin: auto;
						}

					#contents_wrapper .thumb_list ul li .text .text_name + .text_notes {
						margin-top: 6px;
					}



						/* link_list */
						#contents_wrapper .link_list.column3 ul li,
						#contents_wrapper .link_list.column4 ul li,
						#contents_wrapper .link_list.column5 ul li {
							margin-bottom: 10px;
							border: 1px solid #dfdfdf;
							position: relative;
							box-sizing: border-box;
						}

						#contents_wrapper .link_list ul:after {
							content: "";
							display: block;
							clear: both;
						}

						#contents_wrapper .link_list.column3 ul li {
							display: block;
						}

						#contents_wrapper .link_list.column3 ul li .text .text_name {
							font-size: 14px;
							line-height: 20px;
							font-weight: normal;
						}

						#contents_wrapper .link_list.column4 ul {
							margin-right: -6px;
						}

						#contents_wrapper .link_list.column4 ul li {
							margin-right: 6px;
						}

						#contents_wrapper .link_list.column4 ul li .text .text_name {
							font-size: 13px;
							line-height: 20px;
							font-weight: normal;
						}

						#contents_wrapper .link_list.column5 ul {
							margin-right: -5px;
						}

						#contents_wrapper .link_list.column5 ul li {
							margin-right: 5px;
						}

						#contents_wrapper .link_list.column5 ul li .text .text_name {
							font-size: 13px;
							line-height: 20px;
							font-weight: normal;
						}

						#contents_wrapper .link_list ul li a {
							width: 100%;
							height: 100%;
							text-indent: -9999px;
							position: absolute;
							z-index: 100;
						}

						#contents_wrapper .link_list ul li .icon_image {
							display: table-cell;
							width: 10%;
							height: 150px;
							text-align: center;
							vertical-align: middle;
						}

						#contents_wrapper .link_list ul li .link_title {
							padding-bottom: 16px;
							font-size: 14px;
							line-height: 1.375;
							text-align: center;
							font-weight: bold;
						}

						#contents_wrapper .link_list ul li a {
							display: block;
						}



						/* anchor */
						.anchor_area {
							margin: 23px 0 25px;
						}

						.anchor_area li {
							margin-bottom: 5px;
							color: #fff;
						}

						.anchor_area li a {
							display: block;
							padding: 11px 0;
							color: #fff;
							text-align: center;
							background: #0068bd;
							position: relative;
						}

						.anchor_area li a:before {
							content:'';
							display: block;
							width: 9px;
							height: 9px;
							margin-top: -5px;
							background-color: #fff;
							overflow: hidden;
							position: absolute;
							top: 50%;
							left: 17px;
							-webkit-transform: rotate(45deg);  
							-moz-transform: rotate(45deg);
							transform: rotate(45deg);
						}

						.anchor_area li a:after {
							content:'';
							display: block;
							width: 9px;
							height: 9px;
							margin-top: -5px;
							background-color: #0068bd;
							overflow: hidden;
							position: absolute;
							top: 43%;
							left: 17px;
							-webkit-transform: rotate(45deg);  
							-moz-transform: rotate(45deg);
							transform: rotate(45deg);
						}

						/* align */
						.text-left {
							text-align: left;
						}

						.text-center {
							text-align: center;
						}

						.text-right {
							text-align: right;
						}	

						.smp_text-left {
							text-align: left;
						}

						.smp_text-center {
							text-align: center;
						}

						.smp_text-right {
							text-align: right;
						}	


						/* pro */
						body.pro #main_area {
							margin-bottom: 30px;
						}

						/* extrainfo */
						#extrainfo {
							display: inherit;
							margin: 25px 0 10px;
							background: #FFF0F0;
						}

						#extrainfo.shadow_box {
							margin: 19px 0;
							padding: 9px 0 14px;
							border: 1px solid #eddede;
						}

						#extrainfo ul {
							border: 2px solid #F30;
						}

						#extrainfo ul li {
							padding: 7px 10px 10px 10px;
						}

						#extrainfo ul li.title {
							padding: 3px 5px 5px 10px;
							font-weight: bold;
							color: #FFFFFF;
							background-color: #F30;
						}

						#extrainfo dl dt {
							padding-left: 16px;
							font-size: 14px;
							color: #e60012;
							font-weight: bold;
							position: relative;
						}

						#extrainfo dl dt:before {
							content: "";
							display: inline-block;
							width: 5px;
							height: 12px;
							margin-right: 11px;
							background: #e60012;
							position: absolute;
							top: 3px;
							left: 0;
						}

						#extrainfo dl dd {
							padding: 2px 16px;
						}

						/* ------------------------------------------------------------------------------------------
							sub_menu
						------------------------------------------------------------------------------------------ */
						#sub_area {
							width: 100%;
							padding: 12px 6px;
							margin-left: -6px;
							background: #ebf2f7;
						}

						#sub_menu .sub_heading {
							padding: 11px 12px 10px;
							font-size: 13px;
							color: #fff;
							background: #0068bd;
						}

						body.pro #sub_menu .sub_heading {
							background: #28557a;
						}

						#sub_menu > ul {
							border-width: 0 1px 1px 1px;
							border-style: solid;
							border-color: #dfdfdf;
							z-index: 1;
						}

						#sub_menu > ul > li a {
							display: block;
							padding: 10px 17px;
							border-top: 1px solid #dfdfdf;
							background: #fff;
							position: relative;
						}

						#sub_menu > ul > li:first-child a {
							border-top: none;
						}

						#sub_menu > ul > li a:before {
							content:'';
							display: block;
							width: 9px;
							height: 9px;
							margin-top: -5px;
							background-color: #9cc813;
							overflow: hidden;
							position: absolute;
							top: 50%;
							right: 17px;
							-webkit-transform: rotate(45deg);  
							-moz-transform: rotate(45deg);
							transform: rotate(45deg);
						}

						#sub_menu > ul > li a:after {
							content:'';
							display: block;
							width: 9px;
							height: 9px;
							margin-top: -5px;
							background-color: #FFF;
							overflow: hidden;
							position: absolute;
							top: 50%;
							right: 20px;
							-webkit-transform: rotate(45deg);  
							-moz-transform: rotate(45deg);
							transform: rotate(45deg);
						}

						#sub_area #sub_menu ul li ul {
							display: none;
						}

						#sub_menu > ul .sub_2nd ul li a {
							padding-left: 32px;
							border-top: none;	
							background: #fff url(../images/check_gray_3x2.gif) repeat-x top;
							background-size: 1px;
							position: relative;
						}

						#sub_menu > ul .sub_2nd ul li a:before {
							content:'';
							display: block;
							width: 9px;
							height: 9px;
							margin-top: -5px;
							background-color: #ff9900;
							overflow: hidden;
							position: absolute;
							top: 50%;
							left: 14px;
							-webkit-transform: rotate(45deg);  
							-moz-transform: rotate(45deg);
							transform: rotate(45deg);
						}

						#sub_menu > ul .sub_2nd ul li a:after {
							content:'';
							display: block;
							width: 9px;
							height: 9px;
							margin-top: -5px;
							background-color: #FFF;
							overflow: hidden;
							position: absolute;
							top: 50%;
							left: 11px;
							-webkit-transform: rotate(45deg);  
							-moz-transform: rotate(45deg);
							transform: rotate(45deg);
						}

						body.old_page #contents .head_list_area dl dt {
							padding: 11px 12px 10px;
							font-size: 13px;
							color: #fff;
							background: #0068bd;
						}

						body.pro.old_page #contents .head_list_area dl dt {
							background: #28557a;
						}

						body.old_page #contents .head_list_area ul {
							border-width: 0 1px 1px 1px;
							border-style: solid;
							border-color: #dfdfdf;
							z-index: 1;
						}

						body.old_page #contents .head_list_area ul li a {
							display: block;
							padding: 10px 17px;
							border-top: 1px solid #dfdfdf;
							background: #fff;
							position: relative;
						}

						body.old_page #contents .head_list_area ul li:first-child a {
							border-top: none;
						}

						body.old_page #contents .head_list_area ul li a:before {
							content:'';
							display: block;
							width: 9px;
							height: 9px;
							margin-top: -5px;
							background-color: #9cc813;
							overflow: hidden;
							position: absolute;
							top: 50%;
							right: 17px;
							-webkit-transform: rotate(45deg);  
							-moz-transform: rotate(45deg);
							transform: rotate(45deg);
						}

						body.old_page #contents .head_list_area ul li a:after {
							content:'';
							display: block;
							width: 9px;
							height: 9px;
							margin-top: -5px;
							background-color: #FFF;
							overflow: hidden;
							position: absolute;
							top: 50%;
							right: 20px;
							-webkit-transform: rotate(45deg);  
							-moz-transform: rotate(45deg);
							transform: rotate(45deg);
						}

						body.old_page #contents .head_list_area ul li ul {
							display: none;
						}

						body.old_page #contents .head_list_area ul .sub_2nd ul li a {
							padding-left: 32px;
							border-top: none;	
							background: #fff url(../images/check_gray_3x2.gif) repeat-x top;
							background-size: 1px;
							position: relative;
						}

						body.old_page #contents .head_list_area ul .sub_2nd ul li a:before {
							content:'';
							display: block;
							width: 9px;
							height: 9px;
							margin-top: -5px;
							background-color: #ff9900;
							overflow: hidden;
							position: absolute;
							top: 50%;
							left: 14px;
							-webkit-transform: rotate(45deg);  
							-moz-transform: rotate(45deg);
							transform: rotate(45deg);
						}

						body.old_page #contents .head_list_area ul .sub_2nd ul li a:after {
							content:'';
							display: block;
							width: 9px;
							height: 9px;
							margin-top: -5px;
							background-color: #FFF;
							overflow: hidden;
							position: absolute;
							top: 50%;
							left: 11px;
							-webkit-transform: rotate(45deg);  
							-moz-transform: rotate(45deg);
							transform: rotate(45deg);
						}

	/* ------------------------------------------------------------------------------------------
		global_footer
	------------------------------------------------------------------------------------------ */
	#footer_sitemap {
		background: #e9edf0;
		font-family: 'Noto Sans JP', sans-serif;
		padding: 40px 8%;
	}
	
	#footer_sitemap,
	#footer_sitemap a {
		color: #616971;
	}
	
	#footer_sitemap #fsmap_contents #fsmap_inner .footer_col_wrap .footer_col,
	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col #business_info,
	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col > ul {
		display: none;
	}
	
	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col #footer_sns div {
		font-size: 15px;
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col #footer_sns ul {
		margin-top: 25px;
		font-size: 14px;
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col #footer_sns ul li {
		margin-top: 15px;
	}
	
	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col #footer_sns ul li:first-child {
		margin-top: 0;
	}
	
	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col #footer_sns ul li a {
		padding-left: 23px;
		background-repeat: no-repeat;
		background-position: left center;
		background-size: 18px;
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col #footer_sns ul li a.icon_youtube {
		background-image: url(/common2/images/icon_youtube.png);
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col #footer_sns ul li a.icon_instagram {
		background-image: url(/common2/images/icon_instagram.png);
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col #footer_sns ul li a.icon_twitter {
		background-image: url(/common2/images/icon_twitter.png);
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_right_col #footer_sns ul li a.icon_roomclip {
		background-image: url(/common2/images/icon_roomclip.png);
	}

	#footer_sitemap #fsmap_contents #fsmap_inner .footer_col_wrap .outlink::after {
		content: "";
		display: inline-block;
		width: 14px;
		height: 15px;
		margin-left: 5px;
		background: url("/common2/images/outlink_blue_1.png") no-repeat;
		background-position: center 2px;
		background-size: contain;
	}
	
	#footer {
		font-family: 'Noto Sans JP', sans-serif;
		padding: 0 8%;
		background: #e9edf0 !important;
		line-height: 1.5;
		box-sizing: border-box;
	}
	
	#footer,
	#footer a {
		color: #616971;
	}
	
	#footer_nav {
		border-top: 1px solid #d5dbdf;
		font-size: 12px;
		padding-top: 30px;
	}

	#footer_nav ul li {
		margin-top: 17px;
	}
	
	#footer_nav ul li:first-child {
		margin-top: 0;
	}

	#copyright {
		font-size: 10px;
		padding: 25px 0;
	}
	
	
	
	
	
						#footer_sitemap br,
						#sitemap_toggle {
							display: none !important;
						}

						#footer_sitemap dt {
							border-top: 1px solid #CCC;
						}

						#footer_sitemap #fscolumn1 dt {
							border-top: none;
						}

						#footer_sitemap dt a,
						#footer_sitemap #fscolumn12 .fs_toggle {
							display: block;
							padding: 13px 37px 13px 20px;
							font-size: 13px;
							font-weight: bold;
							color: #005faf;
						}

						#footer_sitemap .fs_toggle {
							position: relative;
						}

						#footer_sitemap .fs_toggle::before,
						#footer_sitemap .fs_toggle::after {
							position: absolute;
							display: block;
							content: '';
							top: 0;
							bottom: 0;
							right: 20px;
							width: 12px;
							height: 2px;
							margin: auto 0;
							background: #005faf;
						}

						#footer_sitemap .fs_toggle::before {
							transform: rotate(90deg);
							transition: all 0.25s;
						}

						 #footer_sitemap .fs_toggle.is-open::before {
							transform: rotate(90deg) rotateY(90deg);
						}

						#footer_sitemap dd a {
							color: inherit;
						}

						#footer_sitemap dd {
							display: none;
							font-size: 12px;
						}

						#footer_sitemap dd li {
							border-top: 1px dotted #CCC;
						}

						#footer_sitemap dd li a {
							display: block;
							padding: 12px 20px;
						}

						#footer_sitemap dd li.column_name {
							padding: 8px 20px;
							border-top: 1px solid #CCC;
							background: #ddd;
						}


						#footer_sitemap dd {
							display: none;
							font-size: 12px;
						}

						#footer_sitemap .dd li {
							border-top: 1px dotted #CCC;
						}

						#footer_sitemap dd li a {
							display: block;
							padding: 12px 20px;
						}

						#footer_sitemap .outlink:after {
							content: "";
							display: block;
							clear: both;
						}

						#footer_sitemap .outlink {
							position: relative;
							display: flex;
							align-items: center;
						}

						#footer_sitemap .outlink:after {
							flex: none;
							content: "";
							display: inline-block;
							width: 16px;
							height: 16px;
							margin-left: 5px;
							background: url(../images/outlink_blue_16x16.gif) no-repeat;
							background-position: center ;
						}

						#topagetop {
							position: fixed;
							bottom: -33px;
							right: 20px;
							width: 33px;
							height: 33px;
							z-index: 900;
							overflow: hidden;
							transition: all 0.5s;
							opacity: 0.1;
							text-indent: -9999px;
							background: url(../images/to_pagetop.png) no-repeat 0 0;
							background-size: cover;
						}


						/* pro */
						#footer_sitemap .pro_sitemap {
							display: none;
						}

						.pro #footer_sitemap .pro_sitemap {
							display: block;
						}

						.pro #footer_sitemap .usual_sitemap {
							display: none;
						}

						.pro #footer_sitemap dt a,
						.pro #footer_sitemap #fscolumn12 .fs_toggle {
							color: #28557a;
						}

						.pro #footer_sitemap .fs_toggle::before,
						.pro #footer_sitemap .fs_toggle::after {
							background: #28557a;
						}

						#topagetop.is-show {
							bottom: 20px;
							opacity: 1;
						}

						/* usual-class */
						.smp_hide {
							display: none !important;
						}

						.img-fuild {
							height: auto;
							max-width: 100%;	
						}


						#pan_area {
							width: inherit!important;
							margin: 0 0 12px;
							padding: 9px 0 10px;
							overflow-y: hidden;
							overflow-x: auto;
							background: #EBF2F7;
						}

						#pan_area::-webkit-scrollbar {
							height: 2px;
						}

						#pan_area::-webkit-scrollbar-track {
							border-radius: 2px;
							background: #eee;
						}

						#pan_area::-webkit-scrollbar-thumb {
							border-radius: 5px;
							background: #666;
						}

						#pan_area > ul {
							padding: 0 0 0 10px;
							letter-spacing: -.4em;
							white-space: nowrap
						}

						#pan_area > ul li {
							display: inline-block;
							letter-spacing: normal;
							white-space: nowrap;
						}

						#pan_area > ul li:not(:first-child) {
							margin-left: 10px;
							padding-left: 14px;
							position: relative;
						}

						#pan_area > ul li:not(:first-child)::before {
							position: absolute;
							display: block;
							box-sizing: border-box;
							content: '';
							left: 0;
							overflow: hidden;
							top: calc((1.69em - 6px)/2);
							width: 6px;
							height: 6px;
							background: url("../images/pan_icon.png") no-repeat;
							background-size: contain;
						}

						/* pro */
						body.pro #pan_area {
							background: #E3E6E8;
						} 

						.iframe_wrap {
							padding: 30px 0 56.25%;
							position: relative;
							overflow: hidden;    
						}

						.iframe_wrap iframe {
							width: 100%;
							height: 100%;
							position: absolute;
							top: 0;
							left: 0;
						}


}

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  ベーススタイル
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------
  text
-------------------------------*/
/* text-align */
body.renew_page .txt_center { text-align:center !important; }
body.renew_page .txt_right { text-align:right !important; }
body.renew_page .txt_left { text-align:left !important; }
body.renew_page .centering { margin-left:auto !important; margin-right:auto !important; }

/* font-weight */
body.renew_page .txt_bold { font-weight:bold !important; }
body.renew_page .txt_normal { font-weight:normal !important; }

/* color */
body.renew_page .txt_color01 { color:#e62121 !important; }
body.renew_page .txt_color02 { color:#2b77cb !important; }

/*------------------------------
  display
-------------------------------*/
body.renew_page .display_block { display:block !important; }
body.renew_page .display_inline_block { display:inline-block !important; }
body.renew_page .display_inline { display:inline !important; }
body.renew_page .display_none { display:none !important; }
body.renew_page .display_flex { display:flex !important; }
body.renew_page .jc_center { justify-content:center !important; }
body.renew_page .jc_sb { justify-content:space-between !important; }
body.renew_page .ai_center { align-items:center !important; }
body.renew_page .ai_fe { align-items:flex-end !important; }
body.renew_page .fd_row_rev { flex-direction:row-reverse !important; }

/*------------------------------
  margin
-------------------------------*/
body.renew_page .mt10px { margin-top:10px !important; }
body.renew_page .mt20px { margin-top:20px !important; }
body.renew_page .mt30px { margin-top:30px !important; }
body.renew_page .mt40px { margin-top:40px !important; }
body.renew_page .mt50px { margin-top:50px !important; }
body.renew_page .mt60px { margin-top:60px !important; }
body.renew_page .mt70px { margin-top:70px !important; }
body.renew_page .mt80px { margin-top:80px !important; }
body.renew_page .mt90px { margin-top:90px !important; }
body.renew_page .mt100px { margin-top:100px !important; }

/*------------------------------
  width
-------------------------------*/
body.renew_page .w_auto { width:auto !important; }
body.renew_page .w5 { width:5px !important; }
body.renew_page .w10 { width:10px !important; }
body.renew_page .w15 { width:15px !important; }
body.renew_page .w20 { width:20px !important; }
body.renew_page .w25 { width:25px !important; }
body.renew_page .w30 { width:30px !important; }
body.renew_page .w35 { width:35px !important; }
body.renew_page .w40 { width:40px !important; }
body.renew_page .w45 { width:45px !important; }
body.renew_page .w50 { width:50px !important; }
body.renew_page .w55 { width:55px !important; }
body.renew_page .w60 { width:60px !important; }
body.renew_page .w65 { width:65px !important; }
body.renew_page .w70 { width:70px !important; }
body.renew_page .w75 { width:75px !important; }
body.renew_page .w80 { width:80px !important; }
body.renew_page .w85 { width:85px !important; }
body.renew_page .w90 { width:90px !important; }
body.renew_page .w95 { width:95px !important; }
body.renew_page .w100 { width:100px !important; }
body.renew_page .w110 { width:110px !important; }
body.renew_page .w120 { width:120px !important; }
body.renew_page .w130 { width:130px !important; }
body.renew_page .w140 { width:140px !important; }
body.renew_page .w150 { width:150px !important; }
body.renew_page .w160 { width:160px !important; }
body.renew_page .w170 { width:170px !important; }
body.renew_page .w180 { width:180px !important; }
body.renew_page .w190 { width:190px !important; }
body.renew_page .w200 { width:200px !important; }
body.renew_page .w210 { width:210px !important; }
body.renew_page .w220 { width:220px !important; }
body.renew_page .w230 { width:230px !important; }
body.renew_page .w240 { width:240px !important; }
body.renew_page .w250 { width:250px !important; }
body.renew_page .w255 { width:255px !important; }
body.renew_page .w260 { width:260px !important; }
body.renew_page .w270 { width:270px !important; }
body.renew_page .w280 { width:280px !important; }
body.renew_page .w290 { width:290px !important; }
body.renew_page .w300 { width:300px !important; }
body.renew_page .w310 { width:310px !important; }
body.renew_page .w320 { width:320px !important; }
body.renew_page .w330 { width:330px !important; }
body.renew_page .w340 { width:340px !important; }
body.renew_page .w345 { width:345px !important; }
body.renew_page .w350 { width:350px !important; }
body.renew_page .w360 { width:360px !important; }
body.renew_page .w365 { width:365px !important; }
body.renew_page .w370 { width:370px !important; }
body.renew_page .w375 { width:375px !important; }
body.renew_page .w380 { width:380px !important; }
body.renew_page .w385 { width:385px !important; }
body.renew_page .w390 { width:390px !important; }
body.renew_page .w400 { width:400px !important; }
body.renew_page .w405 { width:405px !important; }
body.renew_page .w410 { width:410px !important; }
body.renew_page .w420 { width:420px !important; }
body.renew_page .w430 { width:430px !important; }
body.renew_page .w440 { width:440px !important; }
body.renew_page .w450 { width:450px !important; }
body.renew_page .w460 { width:460px !important; }
body.renew_page .w470 { width:470px !important; }
body.renew_page .w480 { width:480px !important; }
body.renew_page .w490 { width:490px !important; }
body.renew_page .w500 { width:500px !important; }

/*------------------------------
  atComment
-------------------------------*/
body.renew_page p.at_comment { padding-left:1em; text-indent:-1em; }
body.renew_page ul.at_comment li { padding-left:1em; text-indent:-1em; margin-top:1em; }
body.renew_page ul.at_comment li:first-child { margin-top:0; }
body.renew_page p.at_comment.small { font-size:88%; margin-top:0.5em; }
body.renew_page ul.at_comment.small li { font-size:88%; margin-top:0.5em; }
body.renew_page ul.at_comment.small li:first-child { margin-top:0; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  共通レイアウト
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------
  ヘッダー 英語・グローバル版
-------------------------------*/
/* global */
body#global.renew_page #header_global #header_wrapper,
body.en.renew_page #header_global #header_wrapper { padding:25px 30px 25px 40px; display:flex; justify-content:space-between; align-items:center; width:1260px; margin:0 auto; box-sizing:border-box; }
body#global.renew_page #header_global #header_wrapper #sankyo_logo_tateyama,
body.en.renew_page #header_global #header_wrapper #sankyo_logo_tateyama { border:1px solid #d3d9dd; padding:25px 40px; }

/*------------------------------
  フッター 英語・グローバル版
-------------------------------*/
body.renew_page #footer_en { padding:30px 0; background-color:#e9edf0; }
body.renew_page #footer_en #footer_wrapper #copyright { text-align:center; }

/*------------------------------
  大枠
-------------------------------*/
body.renew_page #contents { font-family:'Noto Sans JP', sans-serif; padding-bottom:200px; color:#333333; }
body.renew_page #contents #contents_wrapper { width:1130px; font-size:122%; margin:0 auto; } 

body.renew_page.pro #contents { /* background-color:transparent; */ background-color:#d1dbe3; padding-bottom:120px; }
body.renew_page.pro #contents #contents_wrapper { width:auto; }

body.renew_page main { color:#333333; }

body.renew_page #contents .contents_area { min-width:1260px; /* font-size:122%; */ margin:50px calc(50% - 50vw) 0; }
body.renew_page #contents .contents_area.bg_wide_area,
body.renew_page .contents_area.bg_wide_area { background-color:#f7f9fb; padding:80px 0; margin-top:80px; }
body.renew_page #contents .contents_area .contents_inner,
body.renew_page .contents_area .contents_inner { width:1130px; margin:0 auto; }
body.renew_page #contents .contents_area .contents_inner .contents_in,
body.renew_page .contents_area .contents_inner .contents_in { margin:35px 30px 0 !important; }
body.renew_page #contents .contents_area .contents_inner > *:first-child,
body.renew_page .contents_area .contents_inner > *:first-child { margin-top:0; }

body.renew_page #main_area { width:auto; }
body.renew_page.pro #main_area { width:100%; box-shadow:0px 4px 3px #dddddd; }

/* body.renew_page.pro #contents #main_area { box-shadow:none; background:none; } */

body.renew_page #contents_wrapper .group { margin-bottom:0; padding-bottom:0; border:none; background:none; }
body.renew_page #contents_wrapper .group .heading_left-green { border:none; border-bottom:1px solid #2573b4; padding:0 0 20px 18px; font-size:190%; /* margin:70px 0 0; letter-spacing:0.1em; */ background:none; font-weight:normal; line-height:1.57; }

body.renew_page #contents_wrapper .section-usual { margin-bottom:0; }

body.renew_page.pro #contents #contents_wrapper #main_area .main_inner { background:#ffffff; box-shadow:0px 4px 3px #dddddd; margin-top:50px; padding:30px 30px 50px; }
body.renew_page.pro #contents #contents_wrapper #main_area .main_inner:first-of-type { margin-top:0; }
body.renew_page.pro #contents #contents_wrapper #main_area .main_inner .main_box { width:1130px; margin:0 auto; }

body.renew_page.pro #contents #contents_wrapper #main_area .main_inner.pickup_inner { padding-left:0; padding-right:0; padding-bottom:100px; }
body.renew_page.pro #contents #contents_wrapper #main_area .main_inner.pickup_inner .main_box { width:1130px; margin:0 auto; }

body.renew_page.pro #contents #contents_wrapper #main_area .bn_inner { width:1130px; margin:40px auto 0; }
body.renew_page.pro #contents #contents_wrapper #main_area .bn_inner *:first-child { margin-top:0; }
body.renew_page.pro #contents #contents_wrapper #main_area .bn_inner + * { margin-top:40px; }

body.renew_page.pro #contents #contents_wrapper #main_area .in_wide_inner { width:1130px; margin:40px auto 0; padding:35px; background-color:#ffffff; box-sizing:border-box; }
body.renew_page.pro #contents #contents_wrapper #main_area .in_wide_inner.no_pad { padding:0; }
body.renew_page.pro #contents #contents_wrapper #main_area .in_wide_inner *:first-child { margin-top:0; }
body.renew_page.pro #contents #contents_wrapper #main_area .in_wide_inner#update_info h3 { color:#333333; }

/*------------------------------
  パンくず
-------------------------------*/
#pan_area { max-width:1260px; margin:0 auto; padding:20px 45px; box-sizing:border-box; font-family:'Noto Sans JP', sans-serif; background:none; }
#pan_area ul { display:flex; width:auto; padding:0; }
#pan_area ul li { color:#7c8a98; background:url(/common2/images/pan_icon2.png) no-repeat left center; margin-right:22px; padding-left:25px; font-size:115%; font-weight:300; }
#pan_area ul li:first-child { background:none; padding-left:0; color:#333333; letter-spacing:0.1em; font-weight:normal; }
#pan_area ul li a { color:#445362; }
#pan_area ul li:first-child a { color:#333333; }

body.pro #pan_area { position:relative; background-color:transparent; }
body.pro #pan_area::before { content:''; width:300%; height:100%; transform:translateX(-50%); position:absolute; left:0; top:0; z-index:-1; display:block; background-color:#d1dbe3; }
body.pro #pan_area ul li { color:#333333; }
body.pro #pan_area ul li a { color:#6d899f; }

/*------------------------------------------------------------
  コンテンツ
-------------------------------------------------------------*/

/*------------------------------
  リンク
-------------------------------*/
body.renew_page main a { transition:opacity 0.2s ease-in; color:#0060ab; }
body.renew_page main a:hover { text-decoration:none; opacity:0.7; }

/* 通常 */
body.renew_page #contents a,
body.renew_page .contents_area .contents_inner a { transition:opacity 0.2s ease-in; color:#0060ab; }
body.renew_page #contents a:hover,
body.renew_page .contents_area .contents_inner a:hover { text-decoration:none; opacity:0.7; }

/* 下線あり */
body.renew_page #contents a.txt_underline,
body.renew_page .contents_area .contents_inner a.txt_underline { text-decoration:underline; opacity:1; }
body.renew_page #contents a.txt_underline:hover,
body.renew_page .contents_area .contents_inner a.txt_underline:hover { text-decoration:none; }

/*------------------------------
  タイトル
-------------------------------*/
#contents #page_title { padding-top:0; margin-bottom:60px; background:none; }
#contents #page_title .heading-article { text-align:center; /* font-size:240%; */ font-size:38px; font-weight:300; font-family:'Noto Sans JP', sans-serif; line-height:1.5; display:block; padding:20px 0 0; border-bottom:none; }
body.renew_page #contents #page_title .heading-article + .mv { margin:50px calc(50% - 50vw) 0; }
body.renew_page #contents #page_title .heading-article + .mv img { width:100%; }

body.pro #contents #page_title { position:relative; margin-bottom:0; }
body.pro #contents #page_title .heading-article { color:#28557a; padding-bottom:40px; }

/* 冒頭文 */
body.renew_page.pro #contents #intro_txt { text-align:center; min-height:4.5em; }
body.renew_page.pro #contents #intro_txt *:first-child { margin-top:0; }
body.renew_page.pro #contents #intro_txt p { font-size:125%; letter-spacing:0.05em; }

/* 冒頭リスト */
body.renew_page #contents .head_list_area { margin:50px calc(50% - 50vw) 0; padding:35px 0; background-color:#f6f8fa; min-width:1260px; }
body.renew_page #contents .head_list_area dl { margin-top:0; }
body.renew_page #contents .head_list_area dl dt { display:none; }
body.renew_page #contents .head_list_area dl dd ul { width:1130px; margin:0 auto; display:flex; flex-wrap:wrap; }
body.renew_page #contents .head_list_area dl dd ul li { width:190px; margin:20px 0 0 20px; /* font-size:122%; */ }
body.renew_page #contents .head_list_area.w_auto ul { justify-content:space-between; }
body.renew_page #contents .head_list_area.w_auto ul li { width:auto; margin-left:0; margin-top:0; }
body.renew_page #contents .head_list_area dl dd ul li:nth-child(5n+1) { margin-left:0; }
body.renew_page #contents .head_list_area dl dd ul li:nth-child(-n+5) { margin-top:0; }
body.renew_page #contents .head_list_area dl dd ul li a { color:#333333; display:block; background:url(/common2/images/link_icon_blue3_r16.png) no-repeat left 0.2em; padding-left:25px; letter-spacing:0.03em; }
body.renew_page #contents .head_list_area dl dd ul li.current a { color:#2573b4; }

body.renew_page.pro #contents .head_list_area { margin-top:40px; }
body.renew_page.pro #contents .head_list_area dl dd ul li a { background-image:url(/common2/images/link_icon_pro_blue1_r36.png); background-size:16px auto; }
body.renew_page.pro #contents .head_list_area.type_anc dl dd ul li a { background-image:url(/common2/images/link_icon_pro_blue1_b36.png); background-size:16px auto; }
body.renew_page.pro.maparea #contents .head_list_area.type_anc dl dd ul li a { background-image:url(/common2/images/link_icon_pro_blue1_r36.png); background-size:16px auto; }

/*------------------------------
  見出し
-------------------------------*/
/* h2 */
body.renew_page #contents h2 { border:none; border-bottom:1px solid #2573b4; padding:0 0 20px 18px; font-size:190%; margin:70px 0 0; letter-spacing:0.1em; background:none; font-weight:normal; line-height:1.57; color:#333333; }
body.renew_page #contents h2 + * { margin-top:50px !important; }
body.renew_page #contents h2.haslink { display:flex; justify-content:space-between; align-items:center; }
body.renew_page #contents h2.haslink > span { display:block; }
body.renew_page #contents h2.haslink > span.link { margin-right:20px; }
body.renew_page #contents h2.haslink > span.link a { display:block; font-size:63%; font-weight:300; background:url(/common2/images/link_icon_blue3_r60p.png) no-repeat right center / 30px auto; padding:3px 40px 3px 0; }

body.renew_page.pro #contents #main_area h2.has_eng { background:none no-repeat left center; border-bottom:none; margin-top:0; padding:0; text-align:center; }
body.renew_page.pro #contents #main_area h2.has_eng > span { display:block; }
body.renew_page.pro #contents #main_area h2.has_eng > span:nth-child(2) { color:#819fb9; font-size:42%; letter-spacing:normal; }
body.renew_page.pro #contents #main_area h2.has_eng + * { margin-top:20px !important; }

body.renew_page.pro #contents #main_area h2.has_sub { background:none no-repeat left center; border-bottom:none; margin-top:0; padding:0; text-align:center; }
body.renew_page.pro #contents #main_area h2.has_sub > span { display:block; }
body.renew_page.pro #contents #main_area h2.has_sub > span:nth-child(1) { color:#28557a; font-size:122%; }
body.renew_page.pro #contents #main_area h2.has_sub > span:nth-child(2) { color:#819fb9; font-size:49%; letter-spacing:normal; }

/* h3 */
body.renew_page #contents h3,
body.renew_page .contents_area h3 { font-size:151%; font-weight:400; color:#0060ab; margin-top:50px; letter-spacing:0.1em; }

/* h4 */
body.renew_page #contents h4,
body.renew_page .contents_area h4 { font-size:129%; color:#485b6e; margin-top:40px; letter-spacing:0.1em; }

/* ラインあり */
body.renew_page #contents .bgline,
body.renew_page .contents_area .bgline { display:flex; align-items:center; }
body.renew_page #contents .bgline::after,
body.renew_page .contents_area .bgline::after { content:''; width:100%; height:1px; background-color:#d3d9dd; display:block; flex:1; }
body.renew_page #contents .bgline > span,
body.renew_page .contents_area .bgline > span { display:inline-block; padding-right:10px; }

/* アイコンあり */
body.renew_page #contents .has_icon { background:none no-repeat left top; padding:0 0 10px 50px; }
body.renew_page #contents .internet { background-image:url(/shr/images/common/icon_internet.png); }
body.renew_page #contents .telephone { background-image:url(/shr/images/common/icon_telephone.png); }

/*------------------------------
  見出し以外
-------------------------------*/
body.renew_page #contents p,
body.renew_page .contents_area p { margin-top:15px; line-height:1.8; }
body.renew_page #contents p.bn { margin-top:50px; }
body.renew_page #contents p.bn a { position:relative; display:block; overflow:hidden; }

body.renew_page #contents p.fit { margin-top:50px; }
body.renew_page #contents p.fit img { width:100%; }
body.renew_page #contents p.icon_dial { background:url(/common2/images/icon_dial2.png) no-repeat left 0.4em / 30px auto; padding-left:35px; }
body.renew_page #contents ul,
body.renew_page .contents_area ul { margin-top:20px; }
body.renew_page #contents dl,
body.renew_page .contents_area dl { margin-top:20px; }

/*------------------------------
  リンク(ボタン風)、ボタン
-------------------------------*/
body.renew_page #contents a.link_btn01 { display:inline-block; margin-top:25px; padding:16px 50px 19.6px 30px; border:1px solid #8893a0; color:#333333; letter-spacing:0.1em; background:url(/common2/images/link_icon_gray_r32.png) no-repeat right 15px center / 22px auto; min-width:180px; border-radius:3px; transition:background 0.3s ease-in, color 0.3s ease-in-out; }

body.renew_page #contents a.link_btn02,
body.renew_page #contents button.link_btn02 { border:none; cursor:pointer; outline:none; appearance:none; display:inline-block; margin-top:25px; padding:18px 60px 20px; color:#ffffff; letter-spacing:0.1em; background:#1065c4 url(/common2/images/link_icon_blue2_r32.png) no-repeat right 15px center / 32px auto; min-width:220px; text-align:center; font-size:108%; border:1px solid transparent; transition:background 0.3s ease-in, color 0.3s ease-in-out; }
body.renew_page #contents a.link_btn02.type_small01,
body.renew_page #contents button.link_btn02.type_small01 { background-size:24px auto; background-position:right 20px center; }
body.renew_page #contents a.link_btn02.outlink { background-image:url(/common2/images/outlink_white.png); background-size:13px auto; background-position:right 20px center; }
body.renew_page #contents button.link_btn02 { transition:opacity 0.2s ease-in; }

body.renew_page #contents a.link_btn01:hover { opacity:1; background-image:url(/common2/images/link_icon_white1_r60.png); background-color:#1065c4; border-color:transparent; color:#ffffff; }

body.renew_page #contents a.link_btn02:hover,
body.renew_page #contents button.link_btn02:hover { opacity:1; border:1px solid #1065c4; background-color:#ffffff; color:#1065c4; background-image:url(/common2/images/link_icon_blue3_r60.png); }
body.renew_page #contents a.link_btn02.outlink:hover { background-image:url(/common2/images/outlink_blue.png); }

body.renew_page #contents button.link_btn02:disabled:hover { background-color:#dddddd; color:#ffffff; border-color:transparent; }

body.renew_page.pro #contents a.link_btn01 { color:#ffffff; padding:16px 50px 19.6px; background:#28557a url(/common2/images/link_icon_pro_white1_r31.png) no-repeat right 15px center / 31px auto; font-size:108%; border:1px solid transparent; transition:all 0.3s ease-in-out; }
body.renew_page.pro #contents a.link_btn01:hover { color:#28557a; background-color:#ffffff; background-image:url(/common2/images/link_icon_pro_blue1_r36.png); border:1px solid #28557a; }
body.renew_page.pro #contents a.link_btn_large { display:inline-block; margin-top:25px; padding:20px 65px 22px 65px; border:1px solid #cccccc; color:#28557a; background:url(/common2/images/link_icon_gray_r60.png) no-repeat right 15px center / 36px auto; border-radius:3px; font-size:136%; box-shadow:0px 4px 3px #dddddd; transition:all 0.3s ease-in-out; }
body.renew_page.pro #contents a.link_btn_large:hover { border-color:#1e405c; opacity:1; }


body.renew_page #contents a.link_prev_btn02,
body.renew_page #contents button.link_prev_btn02 { border:none; cursor:pointer; outline:none; appearance:none; display:inline-block; margin-top:25px; padding:18px 50px 20px 70px; color:#ffffff; letter-spacing:0.1em; background:#1065c4 url(/common2/images/link_icon_blue2_l32.png) no-repeat 15px center; min-width:220px; text-align:center; font-size:108%; border:1px solid transparent; transition:background 0.3s ease-in, color 0.3s ease-in-out; }
body.renew_page #contents a.link_prev_btn02:hover,
body.renew_page #contents button.link_prev_btn02:hover { opacity:1; border:1px solid #1065c4; background-color:#ffffff; color:#1065c4; background-image:url(/common2/images/link_icon_blue3_l60.png); background-size:32px auto; }

/*------------------------------
  アイコンリンク
-------------------------------*/
body.renew_page #contents span.outlink::after { content:""; display:inline-block; width:20px; height:16px; margin-left:10px; background:url(../images/outlink_blue_1.png) no-repeat left top / 100% auto; }	
body.renew_page.pro #contents span.outlink::after { content:""; display:inline-block; width:16px; height:12px; margin-left:10px; background:url(../images/outlink_blue_2.png) no-repeat left top / 100% auto; }	

/*------------------------------
  リスト
-------------------------------*/
body.renew_page #contents ul.txt_list,
body.renew_page #contents ol.txt_list { margin-top:10px; padding-left:20px; }
body.renew_page #contents ul.txt_list.txt_small,
body.renew_page #contents ol.txt_list.txt_small { font-size:85%; }
body.renew_page #contents ul.txt_list li { list-style:disc; margin-top:10px; }
body.renew_page #contents ul.txt_list li:first-child { margin-top:0; }
body.renew_page #contents ol.txt_list li { list-style:decimal; } 
body.renew_page #contents ol.txt_list li:first-child { margin-top:0; }

/* 商品検索リスト */
body.renew_page #contents ul.item_search_list { margin-top:30px; display:flex; flex-wrap:wrap; }
body.renew_page #contents ul.item_search_list li { background-color:#e4edf9; margin:16px 0 0 16px; }
body.renew_page #contents ul.item_search_list li:nth-child(4n+1) { margin-left:0; }
body.renew_page #contents ul.item_search_list li:nth-child(-n+4) { margin-top:0; }
body.renew_page #contents ul.item_search_list li a { display:block; width:270px; padding:30px 20px 20px; box-sizing:border-box; text-align:center; border-radius:3px; overflow:hidden; position:relative; border:1px solid #e4edf9; transition:all 0.3s ease-in; }
body.renew_page #contents ul.item_search_list li a:hover { border-color:#0070cb; }
body.renew_page #contents ul.item_search_list li a > span { display:block; }
body.renew_page #contents ul.item_search_list li a > span:nth-child(1) img { width:95px; }
body.renew_page #contents ul.item_search_list li a > span:nth-child(2) { /* margin-top:20px; */ display:flex; justify-content:center; flex-direction:column; height:3em; }
body.renew_page #contents ul.item_search_list li a > span:nth-child(2) span.txt_small { font-size:79%; }

/* アイコンメニューリスト */
body.renew_page #contents ul.icon_menu_list { margin-top:30px; display:flex; flex-wrap:wrap; }
body.renew_page #contents ul.icon_menu_list li { background-color:#e4edf9; }
body.renew_page #contents ul.icon_menu_list.col2 li { width:555px; margin:20px 0 0 20px; }
body.renew_page #contents ul.icon_menu_list.col2 li:nth-child(2n+1) { margin-left:0; }
body.renew_page #contents ul.icon_menu_list.col2 li:nth-child(-n+2) { margin-top:0; }
body.renew_page #contents ul.icon_menu_list.col3 li { width:363px; margin:20px 0 0 20px; }
body.renew_page #contents ul.icon_menu_list.col3 li:nth-child(3n+1) { margin-left:0; }
body.renew_page #contents ul.icon_menu_list.col3 li:nth-child(-n+3) { margin-top:0; }
body.renew_page #contents ul.icon_menu_list.col4 li { width:267px; margin:20px 0 0 20px; }
body.renew_page #contents ul.icon_menu_list.col4 li:nth-child(4n+1) { margin-left:0; }
body.renew_page #contents ul.icon_menu_list.col4 li:nth-child(-n+4) { margin-top:0; }
body.renew_page #contents ul.icon_menu_list li a { display:block; padding:30px 20px 20px; box-sizing:border-box; text-align:center; border:1px solid #e4edf9; transition:all 0.3s ease-in; }
body.renew_page #contents ul.icon_menu_list li a > span { display:block; }
body.renew_page #contents ul.icon_menu_list li a > span:nth-child(2) { /* margin-top:20px; */ display:flex; justify-content:center; flex-direction:column; height:3em; }
body.renew_page #contents ul.icon_menu_list li a > span:nth-child(2) span.txt_small { font-size:79%; }

body.renew_page #contents ul.icon_menu_list li a:hover { border-color:#0070cb; }

/* リンクボタンリスト */
body.renew_page #contents ul.link_btn_list { margin-top:30px; }
body.renew_page #contents ul.link_btn_list li { margin-top:17px; }
body.renew_page #contents ul.link_btn_list li:first-child { margin-top:0; }
body.renew_page #contents ul.link_btn_list li a { display:block; background:#ffffff url(/common2/images/link_icon_blue3_r60.png) no-repeat right 15px center / 30px auto; padding:19.5px 45px; border:1px solid #2573b4; font-size:108%; text-align:center; border-radius:3px; transition:background 0.3s ease-in; }
body.renew_page #contents ul.link_btn_list li a:hover { background-color:#2573b4; color:#ffffff; opacity:1; background-image:url(/common2/images/link_icon_white1_r60.png); }

body.renew_page #contents ul.link_btn_list li.simulation a { background-position:right 25px center; border-width:2px; padding:25px 60px; position:relative; transition:background 0.3s ease-in; }
body.renew_page #contents ul.link_btn_list li.simulation a > span { display:block; letter-spacing:0.05em; }
body.renew_page #contents ul.link_btn_list li.simulation a > span:nth-child(1) { font-size:85%; }
body.renew_page #contents ul.link_btn_list li.simulation a > span:nth-child(2) { font-size:115%; }
body.renew_page #contents ul.link_btn_list li.simulation a::before { content:''; display:block; position:absolute; left:35px; top:50%; transform:translateY(-50%); width:37px; height:44px; background:url(/common2/images/icon_simulation.png) no-repeat left center; }
body.renew_page #contents ul.link_btn_list li.simulation a:hover { background-color:#2573b4; color:#ffffff; opacity:1; background-image:url(/common2/images/link_icon_white1_r60.png); }
body.renew_page #contents ul.link_btn_list li.simulation a:hover::before { background-image:url(/common2/images/icon_simulation_white.png); }

body.renew_page #contents ul.link_btn_list.col3 { display:flex; flex-wrap:wrap; }
body.renew_page #contents ul.link_btn_list.col3 li { margin:27px 0 0 27px; width:358px; }
body.renew_page #contents ul.link_btn_list.col3 li:nth-child(3n+1) { margin-left:0; }
body.renew_page #contents ul.link_btn_list.col3 li:nth-child(-n+3) { margin-top:0; }

body.renew_page #contents ul.link_btn_list2 { display:flex; flex-wrap:wrap; margin-top:30px; }
body.renew_page #contents ul.link_btn_list2 li { margin:20px 0 0 20px; width:555px; }
body.renew_page #contents ul.link_btn_list2 li a { display:flex; justify-content:center; align-items:center; padding:35px 45px; border:1px solid #2573b4; font-size:122%; text-align:center; background-color:#ffffff; letter-spacing:0.05em; border-radius:3px; transition:background 0.3s ease-in; }
body.renew_page #contents ul.link_btn_list2 li a::after { content:''; display:inline-block; background:url(/common2/images/link_icon_blue3_r60.png) no-repeat left top / 100% auto; width:30px; height:30px; margin-left:20px; }

body.renew_page #contents ul.link_btn_list2 li a:hover { background-color:#2573b4; color:#ffffff; opacity:1; }
body.renew_page #contents ul.link_btn_list2 li a:hover::after { background-image:url(/common2/images/link_icon_white1_r60.png); }

body.renew_page #contents ul.link_btn_list2 li:nth-child(2n+1) { margin-left:0; }
body.renew_page #contents ul.link_btn_list2 li:nth-child(-n+2) { margin-top:0; }

body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list { margin-top:30px; display:flex; flex-wrap:wrap; }
body.renew_page.pro #contents #contents_wrapper #main_area #index_list h2 + ul.link_btn_list { margin-top:30px !important; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list li { margin:27px 0 0 27px; width:358px; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list li:nth-child(3n+1) { margin-left:0; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list li:nth-child(-n+3) { margin-top:0; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list li:first-child { margin-top:0; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list li a { display:flex; justify-content:center; align-items:center; background:#ffffff url(/common2/images/link_icon_pro_blue1_r36.png) no-repeat right 15px center / 36px auto; padding:30px 55px; border:1px solid #cccccc; font-size:108%; text-align:center; border-radius:3px; color:#28557a; box-shadow:0px 4px 3px #dddddd; height:100%; box-sizing:border-box; transition:all 0.3s ease-in-out; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list li a:hover { opacity:1; border-color:#1e405c; color:#1e405c; }

body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.col4 li { margin:27px 0 0 18px; width:269px; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.col4 li:nth-child(3n+1) { margin-left:18px; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.col4 li:nth-child(-n+3) { margin-top:27px; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.col4 li:nth-child(4n+1) { margin-left:0; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.col4 li:nth-child(-n+4) { margin-top:0; }

body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.type02 li > span { display:flex; justify-content:flex-start; align-items:center; border-radius:3px; color:#28557a; box-shadow:0px 4px 3px #dddddd; box-sizing:border-box; transition:all 0.3s ease-in-out; padding:10px 55px 10px 20px; text-align:left; font-size:122%; min-height:4.5em; transition:all 0.3s ease-in-out; height:100%; box-shadow:none; background-color:#e9edf0; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.type02 li a { padding:10px 55px 10px 20px; justify-content:flex-start; text-align:left; font-size:122%; min-height:4.5em; transition:all 0.3s ease-in-out; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.type02 li a:hover { opacity:1; border-color:#1e405c; color:#1e405c; }

body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.has_child > li > a,
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.has_child > li > span { height:auto; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.has_child > li > ul { display:block; margin:15px 0 0 15px; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.has_child > li > ul > li { margin:10px 0 0; width:auto; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.has_child > li > ul > li:first-child { margin-top:0; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.has_child > li > ul > li > a { font-size:100%; color:#333333; padding:0 0 0 25px; border:none; min-height:auto; box-shadow:none; background:url(/common2/images/link_icon_pro_blue1_r36.png) no-repeat left 0.2em / 18px auto; }

body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.has_icon_list > li > a { position:relative; padding-left:80px; box-sizing:border-box; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.has_icon_list > li > a::before { content:''; background:none no-repeat left center; width:50px; height:50px; background-size:auto 100%; position:absolute; left:15px; top:50%; transform:translateY(-50%); }

body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.has_icon_list > li#item01 > a::before { background-image:url(/pro/pro_products/images/common/icon_door.png); }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.has_icon_list > li#item02 > a::before { background-image:url(/pro/pro_products/images/common/icon_windows.png); }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.has_icon_list > li#item03 > a::before { background-image:url(/pro/pro_products/images/common/icon_interior.png); }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.has_icon_list > li#item04 > a::before { background-image:url(/pro/pro_products/images/common/icon_renovation_products.png); }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.has_icon_list > li#item05 > a::before { background-image:url(/pro/pro_products/images/common/icon_gate.png); }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.has_icon_list > li#item06 > a::before { background-image:url(/pro/pro_products/images/common/icon_garage.png); }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.has_icon_list > li#item07 > a::before { background-image:url(/pro/pro_products/images/common/icon_garden.png); }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.has_icon_list > li#item08 > a::before { background-image:url(/pro/pro_products/images/common/icon_public_exterior.png); background-size:100% auto; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.has_icon_list > li#item10 > a::before { background-image:url(/pro/pro_products/images/common/icon_fire_door.png); }

/* サムネイルリスト */
body.renew_page #contents .thumb_list { margin-top:50px; }

body.renew_page #contents .thumb_list > ul { display:flex; flex-wrap:wrap; width:auto; margin-right:0; overflow:visible; }
body.renew_page #contents .thumb_list > ul > li { margin:30px 0 0 40px; width:350px; position:relative; transition:opacity 0.2s ease-in; box-shadow:none; float:none; padding:0; background:none; border:1px solid #d3d9dd; box-sizing:border-box; }
body.renew_page #contents .thumb_list > ul > li:nth-child(3n+1) { margin-left:0; }
body.renew_page #contents .thumb_list > ul > li:nth-child(-n+3) { margin-top:0; }
body.renew_page #contents .thumb_list > ul > li.nolink:hover { opacity:1; }
body.renew_page #contents .thumb_list > ul > li.nolink:hover .text .text_name { color:#333333; }
body.renew_page #contents .thumb_list > ul > li.nolink:hover .thumb img { transform:none; opacity:1; }

body.renew_page #contents .thumb_list > ul > li .text { padding:16px 20px 18px; border-top:1px solid #d3d9dd; background-color:#ffffff; }
body.renew_page #contents .thumb_list.flex_center > ul > li .text { display:flex; justify-content:center; flex-direction:column; }
body.renew_page #contents .thumb_list > ul > li .text p.text_name,
body.renew_page #contents .thumb_list > ul > li .text h4.text_name { margin-top:0; padding:4px 40px 4px 0; background:url(/common2/images/link_icon_gray_r60.png) no-repeat right center / 30px auto; display:flex; justify-content:center; align-items:flex-start; flex-direction:column; color:#333333; font-size:122%; line-height:1.5; letter-spacing:0.05em; font-weight:normal; }
body.renew_page #contents .thumb_list > ul > li .text p.text_name > span { display:block; color:#333333; font-weight:400; transition:color 0.3s ease-in-out; }
body.renew_page #contents .thumb_list > ul > li .text p.text_name > span.category { font-size:68%; }
body.renew_page #contents .thumb_list > ul > li .text p.text_name > span.add_design { display:inline-block !important; background-color:#e60012; border-radius:20px; padding:2px 10px 3px; color:#ffffff !important; font-size:61%; margin-bottom:5px; }

body.renew_page #contents .thumb_list > ul > li .text p.text_name.type02 > span.txt_small { font-size:85%; }
body.renew_page #contents .thumb_list > ul > li .text p.text_name.type02 > span.txt_small + span { font-size:129%; }
body.renew_page #contents .thumb_list > ul > li .text p.price { color:#758391; font-size:88%; letter-spacing:0.05em; }
body.renew_page #contents .thumb_list > ul > li .text p.price > span { font-size:79%; }
body.renew_page #contents .thumb_list > ul > li .text p.text_notes { font-size:93%; margin:5px 0 0; line-height:1.8; }
body.renew_page #contents .thumb_list > ul > li .text .filter ul { display:flex; flex-wrap:wrap; width:auto; margin-right:0; }
body.renew_page #contents .thumb_list > ul > li .text .filter ul li { margin:0 5px 5px 0; border:1px solid #ddeaf4; border-radius:20px; padding:2px 15px 4px; background:none; background-color:#ffffff; color:#0060ab; font-size:82%; width:auto; float:none; }

body.renew_page #contents .thumb_list ul li .thumb { background:none; border:none; }
body.renew_page #contents .thumb_list > ul > li .thumb { position:relative; overflow:hidden; }
body.renew_page #contents .thumb_list > ul > li .thumb img { transition:transform 0.3s, opacity 0.3s; }

body.renew_page #contents .thumb_list > ul > li:hover .text { background-color:transparent; border-color:#eeeeee; }
body.renew_page #contents .thumb_list > ul > li:hover .text .text_name { color:#0070cb; }
body.renew_page #contents .thumb_list > ul > li:hover .text p.text_name > span { color:#0070cb; }
body.renew_page #contents .thumb_list > ul > li:hover .text .text_notes { color:#333333; }
body.renew_page #contents .thumb_list > ul > li:hover .thumb img { transform:scale(1.1); opacity:0.7; }

body.renew_page #contents .thumb_list > ul > li .text p.text_name,
body.renew_page #contents .thumb_list > ul > li .text h4.text_name { transition:color 0.3s ease-in-out; }

body.renew_page #contents .thumb_list.column2 > ul > li { margin:26px 0 0 26px; width:552px; }
body.renew_page #contents .thumb_list.column2 > ul > li:nth-child(3n+1) { margin-left:26px; }
body.renew_page #contents .thumb_list.column2 > ul > li:nth-child(-n+3) { margin-top:26px; }
body.renew_page #contents .thumb_list.column2 > ul > li:nth-child(2n+1) { margin-left:0; }
body.renew_page #contents .thumb_list.column2 > ul > li:nth-child(-n+2) { margin-top:0; }
body.renew_page #contents .thumb_list.column2 > ul > li .text { padding:15px 25px 20px; }
body.renew_page #contents .thumb_list.column2 > ul > li .text p.text_name { font-size:108%; }

body.renew_page #contents .thumb_list.column4 > ul > li { margin:28px 0 0 28px; width:261px; }
body.renew_page #contents .thumb_list.column4 > ul > li:nth-child(3n+1) { margin-left:28px; }
body.renew_page #contents .thumb_list.column4 > ul > li:nth-child(-n+3) { margin-top:28px; }
body.renew_page #contents .thumb_list.column4 > ul > li:nth-child(4n+1) { margin-left:0; }
body.renew_page #contents .thumb_list.column4 > ul > li:nth-child(-n+4) { margin-top:0; }
body.renew_page #contents .thumb_list.column4 > ul > li .text { padding:15px 20px 20px; /* border:1px solid #d3d9dd; */ border-top:none; background-color:#ffffff; }
body.renew_page #contents .thumb_list.column4 > ul > li .text p.text_name { font-size:108%; }

body.renew_page #contents .thumb_list.type_btn_blue > ul > li .thumb { border:1px solid #d3d9dd; }
body.renew_page #contents .thumb_list.type_btn_blue > ul > li .text { background-color:#0060ab; }
body.renew_page #contents .thumb_list.type_btn_blue > ul > li .text p.text_name,
body.renew_page #contents .thumb_list.type_btn_blue > ul > li .text h4.text_name { color:#ffffff; background-image:url(/common2/images/link_icon_blue2_r32.png); }

body.renew_page #contents_wrapper .group .thumb_list { width:auto; margin-top:50px; padding:0; background:none; border:none; }
body.renew_page #contents_wrapper .group .thumb_list.column3 ul { width:auto; margin-right:0; margin-top:0; }
body.renew_page #contents_wrapper .group .thumb_list.column3 ul li { width:350px; margin-right:0; }
body.renew_page #contents_wrapper .group .thumb_list.column3 ul li .text .text_name { font-size:108%; line-height:1.5; }

body.renew_page #contents .thumb_list.txt_large > ul > li .text p.text_name,
body.renew_page #contents .thumb_list.txt_large > ul > li .text h4.text_name { font-size:122%; }

body.renew_page #contents .thumb_list.icon_web_catalog ul > li > .thumb { position:relative; }
body.renew_page #contents .thumb_list.icon_web_catalog ul > li > .thumb::after { content:''; width:93px; height:75px; position:absolute; right:0; bottom:0; background:url(/catalog/images/top/icon_web_catalog.png) no-repeat left top; }

/* テキストリンクリスト */
body.renew_page #contents ul.txt_link_list { margin-top:30px; }
body.renew_page #contents ul.txt_link_list li { margin-top:5px; }
body.renew_page #contents ul.txt_link_list li:first-child { margin-top:0; }
body.renew_page #contents ul.txt_link_list li a { display:block; background:url(/common2/images/link_icon_blue3_r16.png) no-repeat left 0.3em; padding-left:30px; }

/* テキストリンクリスト(3列) */
body.renew_page #contents ul.txt_link_list.column3 { display:flex; flex-wrap:wrap; }
body.renew_page #contents ul.txt_link_list.column3 li { /* width:340px; */ width:31%; margin:20px 0 0 3.5%; }
body.renew_page #contents ul.txt_link_list.column3 li:nth-child(3n+1) { margin-left:0; }
body.renew_page #contents ul.txt_link_list.column3 li:nth-child(-n+3) { margin-top:0; }
body.renew_page #contents ul.txt_link_list.column3 li a { color:#333333; display:block; background:url(/common2/images/link_icon_blue3_r16.png) no-repeat left 0.2em; padding-left:25px; letter-spacing:0.03em; }
body.renew_page #contents ul.txt_link_list.column3 li.current a { color:#2573b4; }

body.renew_page.pro #contents ul.txt_link_list.column3 li a { background-image:url(/common2/images/link_icon_pro_blue1_r36.png); background-size:16px auto; }

/* スライドリスト */
body.renew_page #contents ul.slide_list { margin-top:45px; }
body.renew_page #contents ul.slide_list li { margin:0 12.5px; }
body.renew_page #contents ul.slide_list li a img { display:block; width:100%; }
body.renew_page #contents ul.slide_list.bd li a img { border:1px solid #d3d9dd; }
body.renew_page #contents ul.slide_list li a span { display:block; margin-top:20px; color:#333333; }
body.renew_page #contents ul.slide_list .slick-list { margin:0 -12.5px; }

body.renew_page #contents .slide_outer { position:relative; padding-bottom:100px; }
body.renew_page #contents .slide_outer .slide_control { position:absolute; left:50%; top:50px; transform:translateX(-50%); margin-top:0 !important; }
body.renew_page #contents .slide_outer .slide_control .slick-dots { display:flex; justify-content:center; width:100%; margin-top:0; padding:0; }
body.renew_page #contents .slide_outer .slide_control .slick-dots li { position:relative; display:inline-block; width:auto; height:auto; margin:0; padding:0; cursor:pointer; }
body.renew_page #contents .slide_outer .slide_control .slick-dots li button { font-size:0; line-height:0; padding:0; cursor:pointer; color:transparent; border:0; text-indent:-9999px; display:block; width:50px; height:6px; margin:0; outline:0; transition-duration:0.3s; background-color:#999999; }
body.renew_page #contents .slide_outer .slide_control .slick-dots li button:before { content:none; }
body.renew_page #contents .slide_outer .slide_control .slick-dots li button:hover, 
body.renew_page #contents .slide_outer .slide_control .slick-dots li.slick-active button { background-color:#005faf; }
body.renew_page #contents .slide_outer .slide_control .slick-prev,
body.renew_page #contents .slide_outer .slide_control .slick-next { position:absolute; top:50%; z-index:100; background:none no-repeat center center; width:44px; height:44px; text-indent:-9999px; padding:5px; display: block; transform: translate(0, -50%); border:none; cursor:pointer; }
body.renew_page #contents .slide_outer .slide_control .slick-prev { right:110%; background-image:url(/common2/images/link_icon_blue1_l44.png); }
body.renew_page #contents .slide_outer .slide_control .slick-next { left:110%; background-image:url(/common2/images/link_icon_blue1_r44.png); }

body.renew_page.pro.top #contents #main_area ul.slide_list_type_top li { margin:0 15px; }
body.renew_page.pro.top #contents #main_area ul.slide_list_type_top img { width:100%; }
body.renew_page.pro.top #contents #main_area ul.slide_list_type_top .slick-slide { transition:opacity 0.1s ease-in; opacity:0.2; }
body.renew_page.pro.top #contents #main_area ul.slide_list_type_top .slick-slide.show-slide { opacity:1; }
body.renew_page.pro.top #contents #main_area ul.slide_list_type_top .slick-dots { position:absolute; bottom:-45px; display:flex; justify-content:center; width:100%; padding:0; }
body.renew_page.pro.top #contents #main_area ul.slide_list_type_top .slick-dots li { position:relative; display:inline-block; width:auto; height:auto; margin:0; padding:0; cursor:pointer; }
body.renew_page.pro.top #contents #main_area ul.slide_list_type_top .slick-dots li button { font-size:0; line-height:0; padding:0; cursor:pointer; color:transparent; border:0; text-indent:-9999px; display:block; width:6px; height:6px; margin:0 8px; outline:0; border-radius:5px; transition-duration:0.3s; background-color:#999999; }
body.renew_page.pro.top #contents #main_area ul.slide_list_type_top .slick-dots li button:before { content:none; }
body.renew_page.pro.top #contents #main_area ul.slide_list_type_top .slick-dots li button:hover, 
body.renew_page.pro.top #contents #main_area ul.slide_list_type_top .slick-dots li.slick-active button { background-color:#005faf; }
body.renew_page.pro.top #contents #main_area ul.slide_list_type_top .slick-prev,
body.renew_page.pro.top #contents #main_area ul.slide_list_type_top .slick-next { position:absolute; bottom:-48px; z-index:100; background:none no-repeat center center; width:7px; height:12px; text-indent:-9999px; padding:5px; display: block; transform: translate(0, -50%); border:none; cursor:pointer; }
body.renew_page.pro.top #contents #main_area ul.slide_list_type_top .slick-prev { transform:translateX(-50%); left:50%; /* margin-left:-98px; */ background-image:url(/images/top/slick_arrow_prev2.png); }
body.renew_page.pro.top #contents #main_area ul.slide_list_type_top .slick-next { transform:translateX(50%); right:50%; /* margin-right:-98px; */ background-image:url(/images/top/slick_arrow_next2.png); }

/* お知らせ */
body.renew_page.pro #contents #main_area ul.news_list { margin-top:20px; }
body.renew_page.pro #contents #main_area ul.news_list li { margin-top:15px; }
body.renew_page.pro #contents #main_area ul.news_list li:first-child { margin-top:0; }
body.renew_page.pro #contents #main_area ul.news_list li a { display:flex; }
body.renew_page.pro #contents #main_area ul.news_list li a span { display:block; }
body.renew_page.pro #contents #main_area ul.news_list li a span:nth-child(1) { color:#28557a; width:6.5em; font-family:'Barlow', sans-serif; font-size:108%; letter-spacing:0.1em; }
body.renew_page.pro #contents #main_area ul.news_list li a span:nth-child(2) { color:#3b3b3b; flex:1; font-size:108%; letter-spacing:0.05em; }

body.renew_page.pro #contents #main_area .news_important { background-color:#fef0f0; margin-top:10px; padding:25px 30px; }
body.renew_page.pro #contents #main_area .news_important dl { display:flex; align-items:center; }
body.renew_page.pro #contents #main_area .news_important dl dt { color:#e62121; font-size:108%; background:url(/images/top/important_icon2.png) no-repeat left center; padding-left:30px; letter-spacing:0.05em; }
body.renew_page.pro #contents #main_area .news_important dl dd { margin-left:20px; }
body.renew_page.pro #contents #main_area .news_important dl dd a { color:#e62121; font-size:85%; display:inline-block; background:url(/images/top/arrow_red.png) no-repeat right center; padding-right:15px; }

/*------------------------------
  テーブル
-------------------------------*/
/* 罫線 */
body.renew_page #contents table.line01 { margin-top:30px; width:100%; }
body.renew_page #contents table.line01 th,
body.renew_page #contents table.line01 td { border-bottom:1px solid #eceff2; vertical-align:top; line-height:1.8; padding:25px; box-sizing:border-box; letter-spacing:0.05em; }
body.renew_page #contents table.line01 tr:first-child th,
body.renew_page #contents table.line01 tr:first-child td { border-top:1px solid #eceff2; }
body.renew_page #contents table.line01 th { border-right:15px solid #ffffff; box-sizing:border-box; font-size:115%; }
body.renew_page #contents table.line01 th.w01 { width:13em; }
body.renew_page #contents table.line01 td.small { font-size:85%; }
body.renew_page #contents table.line01 td *:first-child { margin-top:0; }
body.renew_page #contents table.line01 td dl dt,
body.renew_page #contents table.line01 td dl dd { line-height:1.8; }
body.renew_page #contents table.line01 td dl dt { margin-top:1em; }

/*------------------------------
  ボックスエリア
-------------------------------*/
body.renew_page #contents .comment { border:2px solid #eaedef; margin-top:50px; padding:25px 35px 30px; background-color:#ffffff; }
body.renew_page #contents #page_title + .comment { margin-top:90px; }
body.renew_page #contents .comment + .comment { margin-top:30px; }
body.renew_page #contents .comment > *:first-child { margin-top:0 !important; }
body.renew_page #contents .comment > h2 { color:#485b6e; background:url(/common2/images/important_icon.png) no-repeat left 0.3em; padding:0 0 0 35px; font-size:115%; border-bottom:none; line-height:1.6; }
body.renew_page #contents .comment > h2.open { position:relative; cursor:pointer; padding-right:50px; transition:opacity 0.3s ease-in; }
body.renew_page #contents .comment > h2.open:hover { opacity:0.7; }
body.renew_page #contents .comment > h2.open::after { content:''; display:block; background:url(/common2/images/open_icon.png) no-repeat left top; width:41px; height:41px; position:absolute; top:50%; right:0; transform:translateY(-50%); }
body.renew_page #contents .comment > h2.open.on::after { background-image:url(/common2/images/close_icon.png); }
body.renew_page #contents .comment > h2.open + .opener { display:none; font-size:93%; }
body.renew_page #contents .comment > h2.open + .opener * { line-height:1.8; }
body.renew_page #contents .comment > h2.open + .opener *:first-child { margin-top:0; }
body.renew_page #contents .comment > h2.open + .opener dl dt { font-weight:bold; margin-top:20px; }
body.renew_page #contents .comment > h2 + * { margin-top:15px !important; }
body.renew_page #contents .comment > dl dd ul { margin-top:0; }
body.renew_page #contents .comment > p { line-height:1.8; }
body.renew_page #contents .comment > p.txt_small { font-size:85%; }
body.renew_page #contents .comment.important { background-color:#fdf1f3; border-color:#f6e5e5; }
body.renew_page #contents .comment.important > h2 { color:#e62121; background-image:url(/common2/images/at_icon_red_b.png); }
body.renew_page #contents .comment.important > h2.open::after { background-image:url(/common2/images/open_icon2.png); }
body.renew_page #contents .comment.important > h2.open.on::after { background-image:url(/common2/images/close_icon2.png); }

body.renew_page #contents .annotation { border:2px solid #eaedef; margin-top:50px; padding:25px 35px 30px; }
body.renew_page #contents .annotation > *:first-child { margin-top:0; }
body.renew_page #contents .annotation dl dt { font-size:82%; }
body.renew_page #contents .annotation dl dd ul { margin-top:0.5em; }
body.renew_page #contents .annotation dl dd ul li { font-size:82%; margin-top:0.5em; }

body.renew_page #contents .comment.inquiry { background-color:#f1f6fc; border-color:#f1f6fc; }
body.renew_page #contents .comment.inquiry > h2 { color:#0060ab; background-image:url(/common2/images/at_icon_blue1_b.png); }

body.renew_page #contents .bn_box { margin-top:40px; border:1px solid #cccccc; }
body.renew_page #contents .bn_box dl { display:flex; background-color:#f7f7f7; margin-top:0; }
body.renew_page #contents .bn_box dl dt { background-color:#ffffff; padding:20px 0; min-width:300px; text-align:center; display:flex; justify-content:center; align-items:center; }
body.renew_page #contents .bn_box.type02 dl dt { padding:0; }
body.renew_page #contents .bn_box dl dd { padding:20px 50px; font-size:115%; color:#333333; line-height:1.8; display:flex; align-items:center; flex:1; }
body.renew_page #contents .bn_box a:hover { text-decoration:none; }

body.renew_page #contents .bn_box.type03 { border:none; }
body.renew_page #contents .bn_box.type03 dl { background-color:#f7f9fb; }
body.renew_page #contents .bn_box.type03 dl dt { border:1px solid #cccccc; min-width:auto; padding:55px 15px; }
body.renew_page #contents .bn_box.type03 dl dd { font-size:122%; padding:20px 40px; }

body.renew_page.pro #contents dl.info_list { border:2px solid #dce1e4; margin-top:50px; }
body.renew_page.pro #contents dl.info_list > dt { padding:30px 40px 30px 90px; font-size:150%; letter-spacing:0.1em; background:url(/common2/images/icon_clock.png) no-repeat 40px center; }
body.renew_page.pro #contents dl.info_list > dd { padding:30px 40px; border-top:1px solid #dce1e4; }
body.renew_page.pro #contents dl.info_list > dd *:first-child { margin-top:0; }
body.renew_page.pro #contents dl.info_list > dd > dl { display:flex; flex-wrap:wrap; font-size:115%; }
body.renew_page.pro #contents dl.info_list > dd > dl dt,
body.renew_page.pro #contents dl.info_list > dd > dl dd { margin-top:10px; letter-spacing:0.1em; }
body.renew_page.pro #contents dl.info_list > dd > dl dt { width:5em; }
body.renew_page.pro #contents dl.info_list > dd > dl dd { width:calc(100% - 5em - 1em); margin-left:1em; }
body.renew_page.pro #contents dl.info_list > dd > dl dt:first-child,
body.renew_page.pro #contents dl.info_list > dd > dl dt:first-child + dd { margin-top:0; }

/*------------------------------
  ボーダーエリア
-------------------------------*/
body.renew_page #contents .bd_con { border:2px solid #dce1e4; margin-top:70px; }
body.renew_page #contents .bd_con .bd_con_title { padding:28px 30px 28px 40px; }
body.renew_page #contents .bd_con .bd_con_title *:first-child { margin-top:0; }
body.renew_page #contents .bd_con .bd_con_title h2 { padding:0; border-bottom:none; font-size:164%; color:#0060ab; }
body.renew_page #contents .bd_con .bd_con_title h2.haslink > span.link { margin-right:0; }
body.renew_page #contents .bd_con .bd_con_title h2.haslink > span.link a { display:inline-block; padding:10px 60px 12px; color:#ffffff; letter-spacing:0.1em; background:#1065c4 url(/common2/images/link_icon_blue2_r16.png) no-repeat right 15px center; text-align:center; font-size:58%; }
body.renew_page #contents .bd_con .bd_con_body { padding:30px 40px; border-top:1px solid #dce1e4; }
body.renew_page #contents .bd_con .bd_con_body *:first-child { margin-top:0; }

/*------------------------------
  注釈エリア
-------------------------------*/
body.renew_page #contents .att_txt { margin-top:50px; }
body.renew_page #contents .att_txt *:first-child { margin-top:0; }

@media screen and (max-width:1260px){

body.renew_page #contents .contents_area { margin-left:-60px; }
body.renew_page #contents .head_list_area { margin-left:-60px; }
body.renew_page #contents #page_title .heading-article + .mv { margin-left:-65px; margin-right:-65px; }
	
}

@media screen and (max-width:640px){

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  ベーススタイル
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------
  text
-------------------------------*/
body.renew_page .sp_txt_center { text-align:center !important; }
body.renew_page .sp_txt_left { text-align:left !important; }

/*------------------------------
  display
-------------------------------*/
body.renew_page .sp_display_block { display:block !important; }
body.renew_page .sp_display_inline { display:inline !important; }
body.renew_page .sp_display_none { display:none !important; }
body.renew_page .sp_display_flex { display:flex !important; }

/*------------------------------
  margin
-------------------------------*/
body.renew_page .sp_mt10px { margin-top:10px !important; }
body.renew_page .sp_mt20px { margin-top:20px !important; }
body.renew_page .sp_mt30px { margin-top:30px !important; }
body.renew_page .sp_mt40px { margin-top:40px !important; }
body.renew_page .sp_mt50px { margin-top:50px !important; }
body.renew_page .sp_mt60px { margin-top:60px !important; }
body.renew_page .sp_mt70px { margin-top:70px !important; }
body.renew_page .sp_mt80px { margin-top:80px !important; }
body.renew_page .sp_mt90px { margin-top:90px !important; }
body.renew_page .sp_mt100px { margin-top:100px !important; }

/*------------------------------
  width
-------------------------------*/
body.renew_page .sp_w_auto { width:auto !important; }
body.renew_page .sp_w1per { width:1% !important; }
body.renew_page .sp_w2per { width:2% !important; }
body.renew_page .sp_w3per { width:3% !important; }
body.renew_page .sp_w4per { width:4% !important; }
body.renew_page .sp_w5per { width:5% !important; }
body.renew_page .sp_w6per { width:6% !important; }
body.renew_page .sp_w7per { width:7% !important; }
body.renew_page .sp_w8per { width:8% !important; }
body.renew_page .sp_w9per { width:9% !important; }
body.renew_page .sp_w10per { width:10% !important; }
body.renew_page .sp_w11per { width:11% !important; }
body.renew_page .sp_w12per { width:12% !important; }
body.renew_page .sp_w13per { width:13% !important; }
body.renew_page .sp_w14per { width:14% !important; }
body.renew_page .sp_w15per { width:15% !important; }
body.renew_page .sp_w16per { width:16% !important; }
body.renew_page .sp_w17per { width:17% !important; }
body.renew_page .sp_w18per { width:18% !important; }
body.renew_page .sp_w19per { width:19% !important; }
body.renew_page .sp_w20per { width:20% !important; }
body.renew_page .sp_w21per { width:21% !important; }
body.renew_page .sp_w22per { width:22% !important; }
body.renew_page .sp_w23per { width:23% !important; }
body.renew_page .sp_w24per { width:24% !important; }
body.renew_page .sp_w25per { width:25% !important; }
body.renew_page .sp_w30per { width:30% !important; }
body.renew_page .sp_w35per { width:35% !important; }
body.renew_page .sp_w40per { width:40% !important; }
body.renew_page .sp_w45per { width:45% !important; }
body.renew_page .sp_w46per { width:46% !important; }
body.renew_page .sp_w47per { width:47% !important; }
body.renew_page .sp_w48per { width:48% !important; }
body.renew_page .sp_w49per { width:49% !important; }
body.renew_page .sp_w50per { width:50% !important; }
body.renew_page .sp_w55per { width:55% !important; }
body.renew_page .sp_w60per { width:60% !important; }
body.renew_page .sp_w65per { width:65% !important; }
body.renew_page .sp_w70per { width:70% !important; }
body.renew_page .sp_w75per { width:75% !important; }
body.renew_page .sp_w80per { width:80% !important; }
body.renew_page .sp_w85per { width:85% !important; }
body.renew_page .sp_w90per { width:90% !important; }
body.renew_page .sp_w92per { width:92% !important; }
body.renew_page .sp_w95per { width:95% !important; }
body.renew_page .sp_w100per { width:100% !important; }
body.renew_page .sp_w110per { width:110% !important; }
body.renew_page .sp_w120per { width:120% !important; }
body.renew_page .sp_w130per { width:130% !important; }
body.renew_page .sp_w140per { width:140% !important; }
body.renew_page .sp_w150per { width:150% !important; }
body.renew_page .sp_w160per { width:160% !important; }
body.renew_page .sp_w170per { width:170% !important; }
body.renew_page .sp_w180per { width:180% !important; }
body.renew_page .sp_w190per { width:190% !important; }
body.renew_page .sp_w200per { width:200% !important; }
body.renew_page .sp_w5 { width:5px !important; }
body.renew_page .sp_w10 { width:10px !important; }
body.renew_page .sp_w15 { width:15px !important; }
body.renew_page .sp_w20 { width:20px !important; }
body.renew_page .sp_w25 { width:25px !important; }
body.renew_page .sp_w30 { width:30px !important; }
body.renew_page .sp_w35 { width:35px !important; }
body.renew_page .sp_w40 { width:40px !important; }
body.renew_page .sp_w45 { width:45px !important; }
body.renew_page .sp_w50 { width:50px !important; }
body.renew_page .sp_w55 { width:55px !important; }
body.renew_page .sp_w60 { width:60px !important; }
body.renew_page .sp_w65 { width:65px !important; }
body.renew_page .sp_w70 { width:70px !important; }
body.renew_page .sp_w75 { width:75px !important; }
body.renew_page .sp_w80 { width:80px !important; }
body.renew_page .sp_w85 { width:85px !important; }
body.renew_page .sp_w90 { width:90px !important; }
body.renew_page .sp_w95 { width:95px !important; }
body.renew_page .sp_w100 { width:100px !important; }
body.renew_page .sp_w100 { width:100px !important; }
body.renew_page .sp_w110 { width:110px !important; }
body.renew_page .sp_w120 { width:120px !important; }
body.renew_page .sp_w130 { width:130px !important; }
body.renew_page .sp_w140 { width:140px !important; }
body.renew_page .sp_w150 { width:150px !important; }
body.renew_page .sp_w160 { width:160px !important; }
body.renew_page .sp_w170 { width:170px !important; }
body.renew_page .sp_w180 { width:180px !important; }
body.renew_page .sp_w190 { width:190px !important; }
body.renew_page .sp_w200 { width:200px !important; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
  共通レイアウト
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------
  ヘッダー 英語・グローバル版
-------------------------------*/
/* global */
body#global.renew_page,
body.en.renew_page { padding-top:50px; }
body#global.renew_page #header_global,
body.en.renew_page #header_global { width:100%; position:fixed; left:0; top:0; z-index:100; background-color:#ffffff; }
body#global.renew_page #header_global #header_wrapper,
body.en.renew_page #header_global #header_wrapper { width:100%; padding:10px; }
body#global.renew_page #header_global #header_wrapper img,
body.en.renew_page #header_global #header_wrapper img { width:100%; }
body#global.renew_page #header_global #header_wrapper #header_logo,
body.en.renew_page #header_global #header_wrapper #header_logo { width:150px; }
body#global.renew_page #header_global #header_wrapper #sankyo_logo_tateyama,
body.en.renew_page #header_global #header_wrapper #sankyo_logo_tateyama { width:150px; padding:15px; }

/* english */

/*------------------------------
  フッター 英語・グローバル版
-------------------------------*/
body.renew_page #footer_en { padding:20px 0; }

/*------------------------------
  大枠
-------------------------------*/
body.renew_page #contents { padding-bottom:125px; }
body.renew_page #contents #contents_wrapper { width:auto; margin:0 5.5%; }
/* body.renew_page.pro #contents #contents_wrapper { margin:0; } */

body.renew_page.pro #contents { padding-bottom:70px; }

body.renew_page #contents img,
body.renew_page .contents_area img { width:100%; }

body.renew_page #contents .contents_area { /* width:auto; */ margin:50px calc(50% - 50vw) 0;  min-width:initial; min-width:auto; }
body.renew_page #contents .contents_area.bg_wide_area,
body.renew_page .contents_area.bg_wide_area { padding:40px 0 50px; margin-top:50px; }
body.renew_page #contents .contents_area .contents_inner,
body.renew_page .contents_area .contents_inner { width:auto; margin:0 5.5%; }
body.renew_page #contents .contents_area .contents_inner .contents_in,
body.renew_page .contents_area .contents_inner .contents_in { margin:35px 0 0 !important; }

body.renew_page.pro #main_area { margin:0 -5.5%; width:auto; }

body.renew_page.pro #contents #contents_wrapper #main_area .main_inner { margin-top:40px; padding:40px 10px; }
body.renew_page.pro #contents #contents_wrapper #main_area .main_inner .main_box { width:auto; }

body.renew_page.pro #contents #contents_wrapper #main_area .main_inner.pickup_inner { padding-bottom:60px; }
body.renew_page.pro #contents #contents_wrapper #main_area .main_inner.pickup_inner .main_box { width:100%; }

body.renew_page.pro #contents #contents_wrapper #main_area .bn_inner { width:93%; }

body.renew_page.pro #contents #contents_wrapper #main_area .in_wide_inner { width:93%; padding:25px; }

/*------------------------------
  パンくず
-------------------------------*/
#pan_area { display:none; }
/* body.renew_page #pan_area { display:none; } */

/*------------------------------------------------------------
  コンテンツ
-------------------------------------------------------------*/

/*------------------------------
  タイトル
-------------------------------*/
#contents #page_title { margin-top:35px; margin-bottom:0; min-width:initial; min-width:auto; }
body.renew_page.pro #contents #page_title { margin:0 -5.5%; padding-top:35px; width:auto; }

#contents #page_title .heading-article { /* font-size:200%; */ font-size:28px; letter-spacing:0.05em; line-height:1.4; padding-top:0; }
body.pro #contents #page_title .heading-article { padding-bottom:10px; }

body.renew_page #contents #page_title .heading-article + .mv { margin:35px calc(50% - 50vw) 0; }

/* 冒頭文 */
body.renew_page.pro #contents #intro_txt { text-align:left; margin-top:10px; min-height:auto; }
body.renew_page.pro #contents #intro_txt p { font-size:93%; }

/* 冒頭リスト */
body.renew_page #contents .head_list_area { padding:0; background-color:transparent; margin:40px 0 0; min-width:initial; min-width:auto; }
body.renew_page #contents .head_list_area dl dt { display:block; background-position:right 15px center; padding:18px 35px 18px 20px; background-color:#1065c4; color:#ffffff; letter-spacing:0.03em; cursor:pointer; position:relative; text-align:left; line-height:1.3; font-size:93%; }
body.renew_page #contents .head_list_area dl dt::after,
body.renew_page #contents .head_list_area dl dt::before { content:""; width:15px; height:2px; background-color:#91b3db; position:absolute; top:50%; right:15px; }
body.renew_page #contents .head_list_area dl dt::after { transform:rotate(90deg); }
body.renew_page #contents .head_list_area dl dt.on::after { display:none; }

body.renew_page #contents .head_list_area dl dd { display:none; }
body.renew_page #contents .head_list_area dl dd ul { width:auto; }
body.renew_page #contents .head_list_area dl dd ul li { width:100% !important; margin:0; border:1px solid #eeeeee; background-color:#f6f8fa; }
body.renew_page #contents .head_list_area dl dd ul li:nth-child(5n+1) { margin-left:0; }
body.renew_page #contents .head_list_area dl dd ul li:nth-child(-n+5) { margin-top:0; }
body.renew_page #contents .head_list_area dl dd ul li a { background-image:url(/common2/images/link_icon_blue3_r32.png); background-position:right 15px center; background-size:16px auto; padding:15px 40px 15px 20px; }
body.renew_page #contents .head_list_area dl dd ul li.current a { color:#004193; }

body.renew_page.pro #contents .head_list_area { margin-top:20px; }
body.renew_page.pro #contents .head_list_area dl dt { background-color:#1e405c; }
body.renew_page.pro #contents .head_list_area dl dd ul li a { color:#6d899f; }

/*------------------------------
  見出し
-------------------------------*/
/* h2 */
body.renew_page #contents h2 { padding:0 0 20px 0; font-size:150%; margin-top:50px; letter-spacing:normal; line-height:1.2; }
body.renew_page #contents h2 + * { margin-top:30px !important; }
body.renew_page #contents h2.haslink + span.link { margin-top:30px; text-align:center; display:block; }
body.renew_page #contents h2.haslink + span.link a { display:inline-block; font-size:136%; font-weight:300; background:url(/common2/images/link_icon_blue3_r60.png) no-repeat right center / 30px auto; padding:5px 40px 5px 0; letter-spacing:0.1em; }

body.renew_page .heading_left-green:before,
body.renew_page .heading_left-green-bgw:before { display:none; }

body.renew_page.pro #contents #main_area h2.has_eng > span:nth-child(2) { font-size:54%; letter-spacing:0.05em; margin-top:10px; }

/* h3 */
body.renew_page #contents h3,
body.renew_page .contents_area h3 { font-size:129%; }

/* ラインあり */
body.renew_page #contents .bgline,
body.renew_page .contents_area .bgline { padding-bottom:15px; border-bottom:2px solid #d3d9dd; }
body.renew_page #contents .bgline::after,
body.renew_page .contents_area .bgline::after { content:none; }
body.renew_page #contents .bgline > span,
body.renew_page .contents_area .bgline > span { padding-right:0; }

/* アイコンあり */
body.renew_page #contents .has_icon { background-size:40px auto; padding-top:5px; padding-bottom:25px; }

/*------------------------------
  見出し以外
-------------------------------*/
body.renew_page #contents p.fit { margin:0 -5vw; }

/*------------------------------
  リンク(ボタン風)、ボタン
-------------------------------*/
body.renew_page #contents a.link_btn01 { margin-top:20px; min-width:140px; font-size:86%; background-size:18px auto; text-align:left; padding:12px 50px 13px 30px; }
body.renew_page #contents a.link_btn02,
body.renew_page #contents button.link_btn02 { margin-top:20px; min-width:140px; font-size:86%; }
body.renew_page #contents a.link_prev_btn02,
body.renew_page #contents button.link_prev_btn02 { margin-top:20px; min-width:140px; font-size:86%; }

body.renew_page.pro #contents a.link_btn01 { font-size:86%; background-size:18px auto; text-align:left; padding:12px 50px 13px 30px; }

body.renew_page.pro #contents a.link_btn_large { font-size:100%; padding:15px 45px; background-size:20px auto; }


/*------------------------------
  リスト
-------------------------------*/
/* 商品検索リスト */
body.renew_page #contents ul.item_search_list li { margin:2% 0 0 2%; width:49%; }
body.renew_page #contents ul.item_search_list li:nth-child(4n+1) { margin-left:2%; }
body.renew_page #contents ul.item_search_list li:nth-child(-n+4) { margin-top:2%; }
body.renew_page #contents ul.item_search_list li:nth-child(2n+1) { margin-left:0; }
body.renew_page #contents ul.item_search_list li:nth-child(-n+2) { margin-top:0; }
body.renew_page #contents ul.item_search_list li a { width:100%; padding:20px 10px;  }
body.renew_page #contents ul.item_search_list li a > span:nth-child(1) img { width:50%; }
body.renew_page #contents ul.item_search_list li a > span:nth-child(2) { font-size:93%; margin-top:5px; }

/* アイコンメニューリスト */
body.renew_page #contents ul.icon_menu_list.sp_col1 li { margin:2% 0 0 !important; width:100%; }
body.renew_page #contents ul.icon_menu_list.sp_col1 li:first-child { margin-top:0; }
body.renew_page #contents ul.icon_menu_list.sp_col2 li { margin:2% 0 0 2%; width:49%; }
body.renew_page #contents ul.icon_menu_list.sp_col2 li:nth-child(4n+1) { margin-left:2%; }
body.renew_page #contents ul.icon_menu_list.sp_col2 li:nth-child(-n+4) { margin-top:2%; }
body.renew_page #contents ul.icon_menu_list.sp_col2 li:nth-child(2n+1) { margin-left:0; }
body.renew_page #contents ul.icon_menu_list.sp_col2 li:nth-child(-n+2) { margin-top:0; }
body.renew_page #contents ul.icon_menu_list li a { width:100%; padding:20px 10px;  }
body.renew_page #contents ul.icon_menu_list li a > span:nth-child(1) img { width:80%; }
body.renew_page #contents ul.icon_menu_list li a > span:nth-child(2) { font-size:93%; margin-top:5px; }

/* リンクボタンリスト */
body.renew_page #contents ul.link_btn_list li a { padding:15px 35px; }
body.renew_page #contents ul.link_btn_list li.simulation a { background:none; padding:15px 10px 15px 70px; }
body.renew_page #contents ul.link_btn_list li.simulation a > span { text-align:left; }
body.renew_page #contents ul.link_btn_list li.simulation a > span:nth-child(1) { font-size:72%; }
body.renew_page #contents ul.link_btn_list li.simulation a > span:nth-child(2) { font-size:85%; }
body.renew_page #contents ul.link_btn_list li.simulation a::before { left:25px; width:26px; height:32px; background-size:100% auto; }
body.renew_page #contents ul.link_btn_list.col3 { display:block; margin-left:20px; margin-right:20px; }
body.renew_page #contents ul.link_btn_list.col3 li { margin:20px 0 0; width:100%; }
body.renew_page #contents ul.link_btn_list.col3 li:nth-child(3n+1) { margin-left:0; }
body.renew_page #contents ul.link_btn_list.col3 li:nth-child(-n+3) { margin-top:17px; }

body.renew_page #contents ul.link_btn_list2 { display:block; }
body.renew_page #contents ul.link_btn_list2 li { margin:20px 0 0; width:auto; }
body.renew_page #contents ul.link_btn_list2 li a { display:block; padding:25px 60px 25px 15px; border:1px solid #2573b4; font-size:115%; position:relative; }
body.renew_page #contents ul.link_btn_list2 li a::after { position:absolute; right:20px; top:50%; transform:translateY(-50%); margin-left:0; }
body.renew_page #contents ul.link_btn_list2 li:nth-child(-n+2) { margin-top:20px; }

body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list li { margin:2% 0 0 2%; width:49%; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list li:nth-child(3n+1) { margin-left:2%; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list li:nth-child(-n+3) { margin-top:2%; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list li:nth-child(2n+1) { margin-left:0; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list li:nth-child(-n+2) { margin-top:0; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list li a { padding:15px 40px 15px 15px; background-size:18px auto; text-align:left; display:flex; height:100%; align-items:center; box-sizing:border-box; }

body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.col4 { display:block; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.col4 li { width:100%; margin:15px 0 0; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.col4 li:nth-child(3n+1) { margin-left:0; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.col4 li:nth-child(-n+3) { margin-top:0; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.col4 li:nth-child(4n+1) { margin-left:0; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.col4 li:nth-child(-n+4) { margin-top:15px; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.col4 li:nth-child(1) { margin-top:0; }

body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.type02 { display:block; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.type02 li { width:100%; margin:15px 0 0; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.type02 li:nth-child(3n+1) { margin-left:0; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.type02 li:nth-child(-n+3) { margin-top:15px; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.type02 li:nth-child(1) { margin-top:0; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.type02 li a { padding:5px 55px 5px 20px; min-height:3.5em; background-size:36px auto; }

body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.has_child > li > ul > li { margin-top:5px !important; }
body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.has_child > li > ul > li:first-child { margin-top:0; }

body.renew_page.pro #contents #contents_wrapper #main_area ul.link_btn_list.has_icon_list > li > a { padding-left:80px; }

/* サムネイルリスト */
body.renew_page #contents .thumb_list { margin-top:30px; }
body.renew_page #contents .thumb_list > ul > li { margin:4% 0 0 2%; width:49%; }
body.renew_page #contents .thumb_list > ul > li:nth-child(3n+1) { margin-left:2%; }
body.renew_page #contents .thumb_list > ul > li:nth-child(-n+3) { margin-top:4%; }
body.renew_page #contents .thumb_list > ul > li:nth-child(2n+1) { margin-left:0; }
body.renew_page #contents .thumb_list > ul > li:nth-child(-n+2) { margin-top:0; }

body.renew_page #contents .thumb_list.sp_h_auto > ul > li .text { height:auto !important; }
body.renew_page #contents .thumb_list > ul > li .text p.text_name { padding:0; background:none; /* font-size:116%; */ }
body.renew_page #contents .thumb_list.sp_has_arroww > ul > li .text p.text_name { background:url(/common2/images/link_icon_gray_r60.png) no-repeat right center / 30px auto; }
body.top.renew_page #contents .thumb_list > ul > li .text p.text_name { text-align:center; }
body#shr.top.renew_page #contents .thumb_list > ul > li .text p.text_name,
body#reform.top.renew_page #contents .thumb_list > ul > li .text p.text_name { text-align:left; }

body.renew_page #contents .thumb_list > ul > li .text p.text_name.type02 { padding-right:50px; }
body.renew_page #contents .thumb_list > ul > li .text p.text_name.type02 > span.txt_small + span { font-size:108%; margin-top:5px; }

body.renew_page #contents .thumb_list > ul > li .text p.price { margin-top:0; }
body.renew_page #contents .thumb_list > ul > li .text p.price > span { display:block; }
body.renew_page #contents .thumb_list > ul > li .text .filter ul { display:flex; flex-wrap:wrap; margin-top:10px; }
body.renew_page #contents .thumb_list > ul > li .text .filter ul li { padding:2px 15px 4px; font-size:70%; }

body.renew_page #contents .thumb_list.column2 > ul > li { width:100% !important; margin:5% 0 0; }
body.renew_page #contents .thumb_list.column2 > ul > li:nth-child(2n+1) { margin-left:0; }
body.renew_page #contents .thumb_list.column2 > ul > li:nth-child(-n+2) { margin-top:5%; }
body.renew_page #contents .thumb_list.column2 > ul > li:nth-child(1) { margin-top:0; }
body.renew_page #contents .thumb_list.column2 > ul > li .text { padding:15px 20px 20px; }

body.renew_page #contents .thumb_list.sp_column1 { margin-left:15px; margin-right:15px; }
body.renew_page #contents .thumb_list.sp_column1.margin_none { margin-left:0; margin-right:0; }
body.renew_page #contents .thumb_list.sp_column1 > ul > li { margin:20px 0 0 !important; width:100%; }
body.renew_page #contents .thumb_list.sp_column1 > ul > li:first-child { margin-top:0 !important; }

body.renew_page #contents .thumb_list.sp_column2 > ul > li { width:48.5%; margin:20px 0 0 3%; }
body.renew_page #contents .thumb_list.sp_column2 > ul > li:nth-child(4n+1) { margin-left:3%; }
body.renew_page #contents .thumb_list.sp_column2 > ul > li:nth-child(-n+4) { margin-top:20px; }
body.renew_page #contents .thumb_list.sp_column2 > ul > li:nth-child(3n+1) { margin-left:3%; }
body.renew_page #contents .thumb_list.sp_column2 > ul > li:nth-child(-n+3) { margin-top:20px; }
body.renew_page #contents .thumb_list.sp_column2 > ul > li:nth-child(2n+1) { margin-left:0; }
body.renew_page #contents .thumb_list.sp_column2 > ul > li:nth-child(-n+2) { margin-top:0; }
body.renew_page #contents .thumb_list.sp_column2 > ul > li .text p.text_name { background:none; text-align:center !important; margin-top:5px; padding:0; }

body.renew_page #contents .thumb_list.icon_web_catalog ul > li > .thumb::after { width:47px; height:38px; background-size:47px 38px; }

/* テキストリンクリスト(2列) */
body.renew_page #contents ul.txt_link_list.sp_column2 li { width:48.5%; margin:20px 0 0 3%; }
body.renew_page #contents ul.txt_link_list.sp_column2 li:nth-child(3n+1) { margin-left:3%; }
body.renew_page #contents ul.txt_link_list.sp_column2 li:nth-child(-n+3) { margin-top:20px; }
body.renew_page #contents ul.txt_link_list.sp_column2 li:nth-child(2n+1) { margin-left:0; }
body.renew_page #contents ul.txt_link_list.sp_column2 li:nth-child(-n+2) { margin-top:0; }

body.renew_page #contents ul.slide_list { margin-top:35px; }
body.renew_page #contents ul.slide_list li { margin:0 7.5px; }
body.renew_page #contents ul.slide_list li a img { display:block; width:100%; }
body.renew_page #contents ul.slide_list li a span { display:block; margin-top:20px; color:#333333; }
body.renew_page #contents ul.slide_list .slick-list { margin:0 -7.5px; }

body.renew_page #contents .slide_outer { margin-top:30px; padding-bottom:0; }
body.renew_page #contents .slide_outer .slide_control { position:static; transform:none; }
body.renew_page #contents .slide_outer .slide_control .slick-dots { width:70%; margin:0 auto; }
body.renew_page #contents .slide_outer .slide_control .slick-dots li { /* width:16.6%; */ height:5px; }
body.renew_page #contents .slide_outer .slide_control .slick-dots li button { width:100%; height:100%; margin:0; border-radius:0; }
body.renew_page #contents .slide_outer .slide_control .slick-prev,
body.renew_page #contents .slide_outer .slide_control .slick-next { width:8vw; height:8vw; background-size:cover; }
body.renew_page #contents .slide_outer .slide_control .slick-prev { right:auto; left:0; }
body.renew_page #contents .slide_outer .slide_control .slick-next { right:0; left:auto; }

/* お知らせ */
body.renew_page.pro #contents #main_area ul.news_list li a { display:block; }

body.renew_page.pro #contents #main_area .news_important { background:#fef0f0 url(/images/top/arrow_red.png) no-repeat right 15px center / 8px auto; padding-right:15px; text-align:left; }
body.renew_page.pro #contents #main_area .news_important dl { display:block; background:url(/images/top/important_icon2.png) no-repeat left center; padding-left:35px; }
body.renew_page.pro #contents #main_area .news_important dl dt { background:none; padding-left:0; }
body.renew_page.pro #contents #main_area .news_important dl dd { margin-left:0; }
body.renew_page.pro #contents #main_area .news_important dl dd a { background:none; padding-right:0; }

/*------------------------------
  テーブル
-------------------------------*/
body.renew_page #contents .contents_area table th,
body.renew_page #contents .contents_area table td { padding:10px; }

/* 罫線 */
body.renew_page #contents table.line01 { margin-top:20px; }
body.renew_page #contents table.line01 th,
body.renew_page #contents table.line01 td { padding:20px 0; display:block; width:100%; border:none; }
body.renew_page #contents table.line01 th { border-top:1px solid #eceff2; padding-bottom:0; }
body.renew_page #contents table.line01 td { padding-top:10px; }

body.renew_page #contents table.line01 tr:first-child td { border-top:none; }
body.renew_page #contents table.line01 th.w01 { width:100%; }

/*------------------------------
  ボックスエリア
-------------------------------*/
body.renew_page #contents .comment { padding:20px 25px; }
body.renew_page #contents #page_title + .comment { margin-top:50px; }
body.renew_page #contents .comment + .comment { margin-top:15px; }
body.renew_page #contents .comment > h2 { background-position:left 0.25em; background-size:20px auto; padding-left:30px; font-size:122%; border-bottom:none; }
body.renew_page #contents .comment > h2.open::after { background-size:100% auto; width:30px; height:30px; }
body.renew_page #contents .comment > h2 + * { margin-top:10px !important; }
body.renew_page #contents .comment > p { line-height:1.8; letter-spacing:0.1em; }

body.renew_page.pro #contents .bn_box dl dt { width:35%; min-width:auto; padding:25px 10px; }
body.renew_page.pro #contents .bn_box dl dd { width:65%; font-size:79%; padding:5px 10px; line-height:1.5; }

body.renew_page #contents .bn_box.type03 dl dt { width:35%; padding:25px 10px; }
body.renew_page #contents .bn_box.type03 dl dd { width:65%; font-size:85%; padding:5px 10px; line-height:1.5; }

body.renew_page.pro #contents dl.info_list { margin-top:40px; }
body.renew_page.pro #contents dl.info_list > dt { padding:20px 20px 20px 55px; font-size:129%; background-position:20px center; background-size:25px auto; }
body.renew_page.pro #contents dl.info_list > dd { padding:20px 20px; border-top:1px solid #dce1e4; }
body.renew_page.pro #contents dl.info_list > dd *:first-child { margin-top:0; }
body.renew_page.pro #contents dl.info_list > dd > dl dt,
body.renew_page.pro #contents dl.info_list > dd > dl dd { margin-top:5px; }
body.renew_page.pro #contents dl.info_list > dd > dl dt { width:4.5em; }
body.renew_page.pro #contents dl.info_list > dd > dl dd { width:calc(100% - 4.5em - 0.5em); margin-left:0.5em; }

/*------------------------------
  注釈エリア
-------------------------------*/
body.renew_page #contents .att_txt { margin-top:30px; }

}

/*write230309*/
/*------------------------------
  メガメニュー調整
-------------------------------*/
@media screen and (min-width: 641px) {

  #megaBg { content: ""; display: block; background: rgba(0,0,0,0.4); position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; display: none; }
  .header { position: relative; z-index: 1100; box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, .2); }
  .header_wrapper .header_gnav ul li .droparea { background: #eceff1; width: 1070px; min-width: auto; box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, .2); left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
  .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_head { border-bottom:1px solid #dbdfe3; }
  .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body dl dd { margin:10px 0 25px 18px; }
  
  .header_wrapper .header_gnav > ul > li#gnav_products > a:hover::after,
	.header_wrapper .header_gnav > ul > li#gnav_reform > a:hover::after,
	.header_wrapper .header_gnav > ul > li#gnav_idea > a:hover::after,
	.header_wrapper .header_gnav > ul > li#gnav_shr > a:hover::after,
	.header_wrapper .header_gnav > ul > li#gnav_inquiry > a:hover::after,
	#products .header_wrapper .header_gnav > ul > li#gnav_products > a::after,
	#reform .header_wrapper .header_gnav > ul > li#gnav_reform > a::after,
	#idea .header_wrapper .header_gnav > ul > li#gnav_idea > a::after,
	#shr .header_wrapper .header_gnav > ul > li#gnav_shr > a::after,
	#inquiry .header_wrapper .header_gnav > ul > li#gnav_inquiry > a::after { height: 2px; width: 90%; }
  
  /*プロ用*/
  body.pro .header_wrapper .header_gnav ul li .droparea { background: #205582; }
  body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list dl dd { margin-top: 15px;}
  body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_lists .drop_list dl dd.drop_flex div { margin-left: 50px; }
  body.pro .header_wrapper .header_gnav ul li .droparea .drop_contents .drop_body .drop_bn { border-top: 1px solid #3f6583; }

}
/*write230309end*/