@charset "utf-8";

/*------------------------------------------------------------------------------

	色の設定

		コンセプトカラー
		淡	#FAF3E6
		濃	#D28600

		アクセントカラー
		淡	#E5F3F9
		濃	#0088CC
		
		グレー
		淡	#F8F8F8	(body背景)
		中	#F3F3F3	(背景)
		濃	#DFDFDF	(線)

------------------------------------------------------------------------------*/

/*@import url('https://fonts.googleapis.com/css?family=Poppins:300,500,700');*/
@font-face {font-family: 'icomoon';src: url('../fonts/icomoon.eot?vd2wp1');src: url('../fonts/icomoon.eot?vd2wp1#iefix') format('embedded-opentype'),url('../fonts/icomoon.ttf?vd2wp1') format('truetype'),url('../fonts/icomoon.woff?vd2wp1') format('woff'),url('../fonts/icomoon.svg?vd2wp1#icomoon') format('svg');font-weight: normal;font-style: normal;}
@font-face {
  font-family: 'icomoon_dl';
  src:  url('../fonts/icomoon_dl.eot?gjt29c');
  src:  url('../fonts/icomoon_dl.eot?gjt29c#iefix') format('embedded-opentype'),
    url('../fonts/icomoon_dl.ttf?gjt29c') format('truetype'),
    url('../fonts/icomoon_dl.woff?gjt29c') format('woff'),
    url('../fonts/icomoon_dl.svg?gjt29c#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}


/* 印刷用 */
@media print {
	.sp 	{display:none !important;}
	.inner 	{width:1240px;padding: 0 20px;}
}

* 																		{text-rendering:geometricPrecision !important;}
html 																	{overflow: auto;}
body 																	{overflow: hidden;background: #fff;color: #333;font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;;line-height: 1.5;-webkit-text-size-adjust: none;}
.wrapper																{position: relative;text-align: left;}

/* addition */
div.wpcf7-response-output 												{margin: 1.0em auto !important;padding: 1.0em !important;background: #FFF !important;text-align: center !important;}
div.wpcf7-validation-errors 											{border: 5px solid #f00 !important;}
.fancybox-skin 															{padding: 0 !important;-webkit-border-radius: 0px !important;-moz-border-radius: 0px !important;border-radius: 0px !important;}
/*.wow 																	{visibility: hidden;}*/
.flex 																	{display: flex;flex-direction: row;justify-content: space-evenly;);}
.flex > * 																{text-align: center;}
.btn-radio 																{margin: 0;padding: 0;border: 1px solid #D28600;display: -webkit-flex;display: flex;list-style: none;border-radius: 5px;overflow: hidden;}
.btn-radio input 														{display: none;}
.btn-radio input[type="radio"]:checked + label 							{color: #FFF;background-color: #D28600;flex: 1;}
.btn-radio label 														{display: inline-block;flex: 1;overflow: hidden;color: #D28600;border-right: 1px solid #D28600;height: calc( 2.5em - 2px ) !important;text-align: center;}
.btn-radio label:last-child 											{border: none;}
.btn-radio label:hover 													{color: #D28600;background: #FAF3E6;cursor: pointer;}
iframe 																	{vertical-align: bottom;}
.box-calc input,
.box-calc select  														{background: rgb(255, 200, 200);}
.box-calc input:valid,
.box-calc select:valid													{background: #FFF !important;}
[type='radio']:valid,
[type='checkbox']:valid 												{}
[type='radio']:invalid,
[type='checkbox']:invalid 												{}
.wpcf7-response-output,
.wpcf7-display-none,
.wpcf7-validation-errors
.wpcf7 .ajax-loader,
.wpcf7-mail-sent-ok 													{display: none !important;}
.submit-btn 															{display: block;overflow: hidden;position: relative;width: 100%;margin: 1.0em 0 0;padding: 0.6em 0 calc(0.6em + 0.15em);background-color: #D28600;border: none;box-shadow: 0 -0.3em 0 rgba(0,0,0,0.2) inset;color: #fff !important;font-size: 1.3em;letter-spacing: 0.1em;text-align: center;text-decoration: none !important;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);-webkit-border-radius: 0.2em;-moz-border-radius: 0.2em;border-radius: 0.2em;}
.submit-btn:disabled													{background: #CCC !important;cursor: default;}
.mailto 																{position: fixed;bottom: 0;right: 0;}
.table .wpcf7-list-item													{display: block;margin: 0.5em !important;}
.grecaptcha-badge														{display: none !important;}
.single_meta															{margin: 0 0 2.0em 0;}
.single_meta .date														{display: inline-block;font-size: 0.8em;line-height: 1.8em;}
.single_meta .term_name													{display: inline-block;}
.single_meta .term_name a												{display: block;margin-right: 1.0em;padding: 0 1.0em;background: #D28600;color: #FFF;font-size: 0.8em;line-height: 1.8em;}
.archive_meta															{margin: 0 0 0 0;}
.archive_meta .date														{display: inline-block;font-size: 0.8em;line-height: 1.8em;}
.archive_meta .term_name												{display: inline-block;}
.archive_meta .term_name a												{display: block;margin-right: 1.0em;padding: 0 1.0em;background: #D28600;color: #FFF;font-size: 0.8em;line-height: 1.8em;}


@media screen and (min-width:769px) {
	body 																	{font-size: 14px;line-height: 1.75;}
	.inner																	{position: relative;max-width: 1240px;min-width: 1000px;margin: 0 auto;padding: 0 20px;}
	a 																		{color: #D28600;text-decoration: none;}
	a:hover 																{text-decoration: none;}
	p																		{margin: 1.0em 0;}
	b,
	em,
	strong,
	.bold,
	b a,
	strong a,
	.bold a																	{font-weight: bold;}
	hr																		{height: 1px;margin: 1.0em 0;border: none;border-top: 1px #DFDFDF solid;}
	img 																	{max-width: 100%;vertical-align: bottom;}
	.tinymce img 															{height: auto !important;}
	.gray																	{color: #999;}
	.red,
	.alert																	{color: #c00;}
	sub																		{font-size: 75%;font-style: italic;font-weight: normal;}
	.req																	{display: inline-block;padding: 0 5px;background: #c00;color: #FFF;}
	.opt																	{display: inline-block;padding: 0 5px;background: #999;color: #FFF;}
	.note																	{color: #999;font-size: 0.75em}
	small,
	.small																	{font-size: 0.85em;}
	.medium																	{font-size: 1.0em !important;}
	.large																	{font-size: 1.3em;}
	.lead 																	{font-size: 2.0em;}
	.bg																		{margin: 2.0em 0;padding: 2.0em;background: #FAF3E6;}
	[class~="bg"][class*="accent"]											{background-color: #FAF3E6;}
	[class~="bg"][class*="gray"]											{background-color: #F8F8F8;color: #333;}
	.bdr																	{margin: 2.0em 0;padding: 2.0em;background: #FFF;border: 5px solid #FAF3E6;}
	[class~="bdr"][class*="accent"]											{border-color: #FAF3E6;}
	[class~="bdr"][class*="gray"]											{border-color: #F8F8F8;color: #333;}
	.btn																	{display: block;overflow: hidden;position: relative;width: 100%;margin: 1.0em 0;padding: 0.6em 0 calc(0.6em + 0.15em);background-color: #D28600;border: none;box-shadow: 0 -0.3em 0 rgba(0,0,0,0.2) inset;color: #fff !important;letter-spacing: 0.1em;text-align: center;text-decoration: none !important;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);-webkit-border-radius: 0.2em;-moz-border-radius: 0.2em;border-radius: 0.2em;}
	.btn:hover																{filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;text-decoration: none !important;}
	[class~="btn"][class*="small"]											{font-size: 0.85em;}
	[class~="btn"][class*="large"]											{font-size: 1.3em;}
	[class~="btn"][class*="accent"]											{background-color: #D28600;}
	[class~="btn"][class*="gray"]											{background-color: #999;color: #FFF;}
	span.btn																{background-color: #CCC;box-shadow: 0 0 0 rgba(0,0,0,0);}
	span.btn:hover															{filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
	a.btn 																	{color: #FFF !important;}
	table																	{width: 100%;margin: 2.0em 0;border-top: 1px solid #DFDFDF;font-size: 1.0em;}
	table th,
	table td																{padding: 2%;text-align: left;}
	table th																{width: 20%;border-bottom: 1px solid #DFDFDF;color: #333;font-weight: bold;vertical-align: middle;}
	table td																{border-bottom: 1px solid #DFDFDF;vertical-align: middle;}
	.more																	{display: block;margin: 1.0em 0;text-align: center;}
	.more:after 															{display: inline-block;margin: 0 0 0 0.5em;content: "\f054";font-family: FontAwesome;font-size: 0.8em;vertical-align: middle;}
	.more.small 															{font-size: 0.85em;}
	.more.large 															{font-size: 1.3em;}
	.scroll																	{overflow: auto;height: 150px;}
	.shadow																	{-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);box-shadow: 0 0 5px rgba(0,0,0,0.2);}
	.hide span																{padding: 3px;cursor: pointer;text-decoration: underline;}
	.hide span:hover														{text-decoration: none;}
	.normal * 																{color: #333 !important;text-shadow: 0px 0px 0px}
	.normal a 																{text-decoration: underline;}
	.single_nav,
	.archive_nav  															{margin: 5.0em 0;padding: 1.0em 0;border-top: 1px solid #DFDFDF;border-bottom: 1px solid #DFDFDF;}

	.wrapper{ padding-top: 180px; }

	header 																	{position: fixed;top: 0;right: 0;left: 0;z-index: 99;width: 100%;padding: 0;background: #FFF;text-align: left;}
	header .inner{
		padding-bottom: 65px;
	}
	header h1  																{display: block;position: absolute;left: 20px; bottom: 10px; height: 60px;}
	header .logo img 														{height: 100%; width: auto !important;}
	header.fixed 															{border-bottom: 1px solid rgba(255,255,255,0.2);transition: 0.3s;}
	header .tel 															{position: absolute;bottom: 4px;right: 20.0em;width: auto;height: 50px;}
	header .tel .number 													{display: block;padding: 0 0 0 calc( 1em * 135 / 90 + 0.3em);background: url(../images/fgFreedial.png?ver=1) no-repeat top left;background-size: contain;font-size: 1.6em;font-weight: bold;line-height: 1;}
	header .tel .time 														{display: block;font-size: 0.9em;line-height: 2;}
	header .btn.calc 														{display: inline-block;position: absolute;bottom: 10px;right: calc(16em + 20px);width: 15.0em;height: 50px;margin: 0;line-height: calc( 50px - 1.2em);}
	header .btn.contact 													{display: inline-block;position: absolute;bottom: 10px;right: 20px;width: 15.0em;height: 50px;margin: 0;line-height: calc( 50px - 1.2em);}
	header .login{
		padding: 5px 0 0;
    	line-height: 45px;
	}
	header .login:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
	header .login a															{
		display: inline-block;
		float: right;
    	line-height: 40px;
	}
	header .login.hide{
		display: none;
	}
	header .button{
		display: none;
	}
	header nav 																{z-index: 100 !important;max-width: 1240px;min-width: 1000px;height: 70px !important;margin: 0 auto;visibility: visible !important;}
	header nav a 															{color: #D28600;}
	header nav ul 															{width: calc( 100% - 20px *2 );margin: 0 auto;font-size: 15px;letter-spacing: -.4em;line-height: 1;text-align: right;}
	header nav ul li 														{position: relative;display: inline-block;width: 14%;margin-right: 0;letter-spacing: 0px;}
	header nav ul li.nav-home 			 									{width: 12.4%}
	header nav ul li.nav-automation 			 									{width: 12.4%}
	header nav ul li.nav-compare 			 									{width: 12.4%}
	header nav ul li.nav-features 			 								{width: 13%}
	header nav ul li.nav-price 			 									{width: 12.4%}
	header nav ul li.nav-case 			 									{width: 12.4%}
	header nav ul li.nav-campaign 			 								{width: 12.4%}
	header nav ul li.nav-blog 											{width: 12.4%}
	header nav ul li.nav-functions 											{width: 12.4%}
	header nav ul li.nav-download 											{width: 12.4%}
	header nav ul li a 														{display: inline-block;width: 100%;color: #333;margin: 0;padding: 10px 2.1%;line-height: 20px;text-align: center;}
	header nav ul li a::before 												{display: block;font-family: 'icomoon' !important;content: "";font-size: 16px;margin-bottom: .5em;}
	header nav ul li.active a,
	header nav ul li a:hover 												{border-bottom: 2px solid #D08423;color: #D08423;}
	header nav ul li::after 												{position: absolute;top: 25%;right: 0;display: block;content: "";height: 50%;border-right: 1px solid #CCC;}
	header nav ul li:last-child::after  									{content: none;}
	header nav ul li.nav-home a::before 									{content: "\e900";}
	header nav ul li.nav-automation a::before 									{content: "\f021";font-family: 'FontAwesome' !important;}
	header nav ul li.nav-compare a::before 									{content: "\e901";}
	header nav ul li.nav-features a::before 								{content: "\e902";}
	header nav ul li.nav-price a::before 									{content: "\e903";}
	header nav ul li.nav-case a::before 									{content: "\f27a";font-family: 'FontAwesome' !important;}
	header nav ul li.nav-campaign a::before 								{content: "\e904";}
	header nav ul li.nav-blog a::before 								{content: "\f040";font-family: 'FontAwesome' !important;}
	header nav ul li.nav-functions a:before 								{content: "\e905";}
	header nav ul li.nav-download a::before 							{content: "\e900";font-family: 'icomoon_dl' !important;}


	main.index 																{}
	main.page 																{}

	.content-hero 															{padding: 1.5em 0 2.0em;background: #FAF3E6;color: #FFF;}
	.content-hero img 														{width: 100%;}
	.content-hero h1 														{padding: 0.1em;color: #FF0;font-size: 1.4em;font-weight: bold;}
	.content-hero h2 														{margin: 0.5em 0 0.75em;font-size: 2.1em;font-weight: bold;line-height: 1.3;}
	.content-hero h2 em 													{display: block;font-size: 2.0em;font-weight: bold;}
	.content-hero .trial 													{display: block;position: relative;width: 100%;margin: 1.0em 0 0.75em;padding: 15px 0;background: #FFF;border: 10px solid #D28600;font-size: 25px;font-weight: bold;text-align: center;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
	.content-hero .trial:after 												{position: absolute;right: 20px;content: "\f054";font-family: FontAwesome;}
	.content-hero .download 												{display: block;width: 15.0em;margin: 0 auto;color: #FFF;text-align: center;}
	.content-hero .hero-main 												{width: calc( 100% * 800 / 1200 );}
	.content-hero .hero-aside 												{width: calc( 100% * 380 / 1200 );}
	.content-hero .hero-aside .hero-aside-01								{margin-bottom: calc( 100% * 20 / 380 ) ;}
	.content-hero .hero-aside .hero-aside-02 								{}
	/** 2024.2.29 start **/
	.content-hero .cf 														{position: relative;}
	.content-hero .txt-patent 												{position: absolute;right: min(90px, 7.5vw);bottom: 20px;color: #fff;}
	/** 2024.2.29 end **/

	.content-information 													{padding: 5.0em 0;}
	.content-information h2 												{margin-bottom: 1.0em;font-size: 1.6em;}
	.content-information ul 												{overflow: hidden;border: 1px solid #DFDFDF;font-size: 0.9em;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
	.content-information ul li 												{}
	.content-information ul li a											{display: block;overflow: hidden;height: 60px;padding: 0 1.0em;color: #333;line-height: 60px;}
	.content-information ul li a .category 									{float: left;margin-right: 1.0em;line-height: 60px}
	.content-information ul li a .category span 							{display: inline-block;min-width: 8.0em;background: #FF5C26;color: #FFF;line-height: 30px;text-align: center;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
	.content-information ul li a .date 										{float: left;width: 7.0em;margin-right: 1.0em;line-height: 60px;text-align: center;}
	.content-information ul li a .title 									{float: left;width: calc( 100% - 18em );line-height: 60px;}
	.content-information ul li:nth-child(odd) 								{background: #F6F6F6;}
	.content-information ul li:nth-child(even) 								{background: #FFF;}
	.content-information .more 												{position: absolute;top: 0;right: 20px;line-height: 1.6em;}

	.content-calc 															{padding: 3.0em 0;background: #D08423; }
	.content-calc h2 														{font-size: 2.0em;color: #FFF;font-weight: bold;}
	.content-calc h2 span 													{margin-left: 0.5em;color: #FFF;font-size: 0.7em;font-weight: normal;}
	.content-calc .box-calc 												{margin-top: 1.0em;padding: 1.5em;background: #FFF;}
	.content-calc ul 														{}
	.content-calc ul li 													{margin-bottom: 0.8em;}
	.content-calc ul li .title 												{float: left;width: 9.0em;background: #F3F3F3;color: #333;line-height: 2.5em;text-align: center;}
	.content-calc ul li .body  												{margin-bottom: 0.8em;padding-left: 9.5em;}
	.content-calc ul li .body label 										{line-height: 2.5em;}
	.content-calc ul li .body input[type="email"],
	.content-calc ul li .body input[type="text"],
	.content-calc ul li .body input[type="number"] 							{height: calc( 2.5em - 5px );border-color: #D28600;vertical-align: bottom;}
	.content-calc ul li.click label 										{position: relative;display: block;}
	.content-calc ul li.click label:before 									{content: "回";position: absolute;right: 0;top: 0;color: #FFF;height: calc(2.5em - 2px);z-index: 999;background: #D28600;padding: 0 0.6em;border: 1px solid #D28600;border-radius: 0px 3px 3px 0px;}
	.content-calc ul li.click label.label-media:before 						{content: "個";}
	.content-calc ul li.click input[type="email"],
	.content-calc ul li.click input[type="text"],
	.content-calc ul li.click input[type="number"] 							{padding-right: 2.3em;}
	.content-calc .bg 														{padding: 1.5em;background: #F7ECDE;}

	.content-features 														{}
	.content-features .feature 												{padding: 0;border: 1px solid #D28600;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
	.content-features .feature .title 										{padding: 1.5em 0.5em;background: #D28600;color: #FFF;}
	.content-features .feature .title .point 								{display: inline-block;width: auto;padding: 0.3em 2.0em;background: #FFF;border: 3px solid #D28600;color: #D28600;font-size: 1.2em;font-weight: bold;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
	.content-features .feature:hover 										{background: #FAF3E6;}
	.content-features .feature:hover .title .point 							{background: #D28600;border: 3px solid #FFF;color: #FFF;}
	.content-features .feature .title h3 									{margin: 1.0em 0;font-size: 1.4em;}
	.content-features .feature .body 										{padding: 1.5em 1.0em 2.0em;}
	.content-features .feature .body .text 									{color: #333;text-align: left;}
	.content-features .feature i.fa 										{color: #D28600;font-size: 8.0em;}
	.content-features .feature p 											{}
	.content-features .feature p.title 										{margin: 1.5em 0 1.0em;color: #D28600;font-size: 1.2em;}

	.content-campaigns 														{}
	.content-campaigns .campaign 											{color: #333;}
	.content-campaigns .campaign:hover 										{color: #D28600;}
	.content-campaigns .campaign h3 										{margin: 0.7em 0 0.5em;padding-left: 15px;font-size: 1.4em;border-left: 5px solid #D08423;font-weight: bold;}
	.content-campaigns .campaign p 											{margin: 0.5em 0;}

	.content-functions 														{}
	.content-functions .function 											{overflow: hidden;border: 3px solid #D08423;border-radius: 50%;}

	.content-action 														{padding: 3.0em 0;background: #FAF3E6;}
	.content-action .fl 													{position: relative;}
	.content-action .fr 													{padding-top: 1.5em;}
	.content-action h2 														{margin-bottom: 1.0em;background-color: transparent !important;color: #333 !important;font-size: 1.6em;}
	.content-action .tel 													{}
	.content-action .tel .number 											{display: block;padding: 0 0 0 calc( 1em * 135 / 90 + 0.3em);background: url(../images/fgFreedial.png?ver=1) no-repeat top left;background-size: contain;font-size: 3.0em;font-weight: bold;line-height: 1;white-space: nowrap;}
	.content-action .tel .time 												{display: block;margin-top: 0.5em;font-size: 1.2em;line-height: 1.5;}
	.content-action .btn.calc,
	.content-action .btn.contact 											{display: inline-block;height: 70px;margin: 0;line-height: calc( 70px - 1.2em);}
	.content-action .btn i 													{margin-right: 0.5em;}
	.content-action .more 													{position: absolute;top: 0;right: 0;line-height: 1.6em;}

	.contentTitle 															{padding: 0;background: #FAF3E6;}
	.contentTitle h2,
	.contentTitle .h2 														{position: relative;z-index: 2;padding: 2.0em 0;font-size: 3.0em;line-height: 1.2;text-align: center;}
	.contentTitle h2 span,
	.contentTitle .h2 span 													{display: block;font-size: 0.5em;}
/*
	.post .contentTitle 													{}
	.post .contentTitle h2,
	.post .contentTitle .h2 												{padding: 2.0em 0;font-size: 2.4em;text-align: left;}
	.post .contentTitle .h2-sp 												{padding: 2.0em 0;font-size: 2.4em;text-align: left;}
	.post .contentTitle h2 span,
	.post .contentTitle .h2 span,
	.post .contentTitle .h2-sp span 										{padding-bottom: 1.0em;}
*/
	.content 																{padding: 7.0em 0 7.0em;}
	.post .content 															{padding: 5.0em 0 10.0em;}

	.content:first-child 													{border-top: none;}
	.content h2 span.small,
	.content .h2 span.small,
	.content h3 span.small,
	.content .h3 span.small,
	.content h4 span.small,
	.content .h4 span.small,
	.content h5 span.small,
	.content .h5 span.small,
	.content h6 span.small,
	.content .h6 span.small 												{font-size: 0.7em;}

	.page.post.tinymce .inner-sp .blog-single .h1,
	.page.post.tinymce .inner-sp .blog-single h1 											{font-size: 200%; line-height: 1.25; border-bottom: 1px solid #d28600; padding-bottom: 6px!important; margin-bottom: 50px; background-color: transparent; color: #333;}


	.content h2,
	.content .h2 															{margin: 2.0em 0 1.0em;font-size: 2.2em;font-weight: bold;}
	.content .blog-single h2,
	.content .blog-single .h2 													{color: #474747;font-size: 180%;font-weight: bold!important; margin: 4em auto 2em; background: #f3f3f3; padding: 0.6em 0.8em 0.4em;border-left: solid 5px #d28600;}

	.content h3,
	.content .h3 															{margin: 2.0em 0 1.0em; font-size: 1.8em; font-weight: bold;}
	.content .blog-single h3,
	.content .blog-single .h3 													{border-bottom: solid 3px #dcdddf;position: relative; font-size: 160%; color: #111111; font-weight: bold!important; margin: 3em auto; padding-bottom: 0.5em;}
	.content .blog-single h3:after,
	.content .blog-single .h3:after 												{position: absolute;content: " ";display: block;border-bottom: solid 3px #111111;bottom: -3px;width: 20%;}

	.content h4,
	.content .h4 															{margin: 2.0em 0 1.0em;font-size: 1.5em;font-weight: bold;}
	.content .blog-single h4,
	.content .blog-single .h4 													{font-weight: bold!important; margin: 3em 0 1em; padding: 0.5em 0 0.25em 1em; border-left: solid 3px #111111;}

	.content h5,
	.content .h5 															{margin: 2.0em 0 1.0em;font-size: 1.3em;font-weight: bold;}
	.content h6,
	.content .h6 															{margin: 2.0em 0 1.0em;font-size: 1.1em;font-weight: bold;}
	.content ul																{margin: 1.5em 0;padding: 0.5em 1.0em;}
	.content ul li															{position: relative;margin: 0.5em 0;padding: 0 0 0 2.0em;}
	.content ul li:before													{content: "";position: absolute;top: 0;bottom: 0;left: 0;width: 1.3em;height: 1.3em;margin: auto;background: #D28600;border-radius: 50%;}
	.content ol 															{margin: 1.5em 0;padding: 0.5em 1.0em;counter-reset: li;list-style: none;}
	.content ol li 															{position: relative;margin: 0.5em 0;padding: 0 0 0 2.0em;}
	.content ol li:before 													{content: counter(li) "";counter-increment: li;position: absolute;top: 0;bottom: 0;left: 0;width: 1.3em;height: 1.3em;margin: auto;background: #D28600;border-radius: 50%;color: #fff;line-height: 1.3em;text-align: center;}



	.index .content.articles 												{}
	.index .content.articles .article 										{display: block;color: #333;}
	.index .content.articles .article .image 								{overflow: hidden;width: 100%;background: url(../images/bgBxLoader.gif) no-repeat center center;border: 1px solid #F6F6F6;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
	.index .content.articles .article .image img 							{visibility: hidden;max-width: 100%;transition: 0.3s;}
	.index .content.articles .article:hover .image img 						{-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);}
	.index .content.articles .article .text 								{margin: 1.0em 0 0 0;}
	.index .content.articles .article .text p 								{margin: 0;line-height: 1.75;}
	.index .content.articles .article .text p.date 							{margin: 0.5em 0;color: #666;font-size: 0.8em;}
	.index .content.articles .article .text p.title 						{font-weight: bold;}
	.index .content.articles .article:hover .text p 						{color: #D28600;}




	.page .content.articles 												{}
	.page .content.articles .main 											{width: 66%;}
	.page .content.articles .aside 											{width: 30%;}

	.page .content.articles .article 										{display: block;padding: 3.0em 0;border-bottom: 1px solid #EBEBEB;color: #333;}
	.page .content.articles .article:first-child 							{padding-top: 0;}
	.page .content.articles .article .image 								{float: left;overflow: hidden;width: 33%;background: url(../images/bgBxLoader.gif) no-repeat center center;border: 1px solid #F6F6F6;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
	.page .content.articles .article .image img 							{visibility: hidden;max-width: none;transition: 0.3s;}
	.page .content.articles .article .image:hover img 						{-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);}
	.page .content.articles .article .text 									{float: right;width: 65%;margin: 0;}
	.page .content.articles .article .text a 								{color: #333;}
	.page .content.articles .article .text p 								{margin: 0;line-height: 1.75;}
	.page .content.articles .article .text p.date 							{margin: 0.5em 0;color: #666;font-size: 1.0em;}
	.page .content.articles .article .text p.title 							{font-size: 1.5em;font-weight: bold;}
	.page .content.articles .article .text:hover p.title 					{color: #D28600;}

	.page .content.articles .articleAside 									{display: block;margin: 1.5em 0;padding: 0;color: #333;}
	.page .content.articles .articleAside .image 							{float: left;overflow: hidden;width: 33%;background: url(../images/bgBxLoader.gif) no-repeat center center;border: 1px solid #F6F6F6;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
	.page .content.articles .articleAside .image img 						{visibility: hidden;max-width: none;transition: 0.3s;}
	.page .content.articles .articleAside:hover .image img 					{-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);}
	.page .content.articles .articleAside .text 							{float: right;width: 63%;margin: 0;}
	.page .content.articles .articleAside .text a 							{color: #333;}
	.page .content.articles .articleAside .text p 							{margin: 0;font-size: 0.8em;line-height: 1.5;}
	.page .content.articles .articleAside .text p.date 						{margin: 0.5em 0;color: #666;font-size: 0.9em;}
	.page .content.articles .articleAside .text p.title 					{font-size: 0.9em;}
	.page .content.articles .articleAside:hover .text p 	 				{color: #D28600;}

	.page .functions 														{}
	.page .functions .function 												{padding: 2.5em 0.5em 2.0em;border: 1px solid #D28600;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
	.page .functions .function i.fa 										{color: #D28600;font-size: 8.0em;}
	.page .functions .function p 											{}
	.page .functions .function p.title 										{margin: 1.5em 0 1.0em;color: #D28600;font-size: 1.3em;}
	.page .functions .function.new 											{background: url(../images/bgNew.png?ver=1) no-repeat top right;background-size: 30%;}

	.breadcrumb 															{padding: 20px 0;border-top: 1px solid #DFDFDF;color: #666;font-size: 0.85em;}
	.breadcrumb a 															{}

	footer																	{padding: 4.0em 0;}
	footer .inner 															{margin-top: 4.0em;margin-bottom: 3.0em;}
	footer a 																{color: #333;}
	footer .blocks  														{margin-left: -2%;}
	footer .blocks > * 														{float: left;height: auto;margin-left: 2%;}
	footer .blocks:after 													{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
	footer .blocks > *														{width: 21.000%;}
	footer .blocks > *:last-child 											{width: 29.000%;}
	footer .logo img														{width: 80%;height: auto !important;}
	footer nav 																{width: 75%;}
	footer nav p 															{font-size: 1.1em;font-weight: bold;width: 75%;}
	footer nav ul 															{}
	footer nav ul li 														{padding: 0.2em 0.5em 0.2em 0 ; display: inline; white-space: nowrap;}
	footer nav ul li a 														{position: relative;padding: 0 0 0 1.5em;}
	footer nav ul li a:before 												{position: absolute;left: 0;content: "\f138";font-family: FontAwesome;}
	footer nav ul ul 														{padding: 0.2em 0;}
	footer nav ul ul li a:before 											{left: 0.3em;content: "\f105";}
	footer .facebook 														{}
	footer .copyright 														{font-size: 0.9em;line-height: 1.5;text-align: center;}
	footer .security .contents												{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 15px 30px;border-top: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;padding: 15px 0;}
	footer .security .logo													{image-rendering: -webkit-optimize-contrast;}
	footer .security .txt													{margin: 0;}

	/* addition */
	.customize-support .js-offcanvas,
	.customize-support header 												{top: 32px;}
	.iframe-action 															{width: 100%;height: 363px;}
	.tabs																	{letter-spacing: -.4em;}
	.tabs .tab																{display: inline-block;width: 33.33333%;padding: 1.0em 0;color: #FFF;cursor: pointer;font-size: 1.3em;letter-spacing: normal;}
	.tabs .tab:hover														{opacity: 0.8;}
	.tabs .tab01 															{background: #48a9bf;}
	.tabs .tab02 															{background: #f5a623;}
	.tabs .tab03 															{background: #417505;}
	.tabs .tab.active:hover													{opacity: 1;}
	.panels .panel															{width: 100%;display: none;padding: 1.0em;color: #FFF;}
	.panels .panel01														{background: #48a9bf;}
	.panels .panel02														{background: #f5a623;}
	.panels .panel03														{background: #417505;}
	.panels .panel.active													{display: block;}
	.panels .panel img														{max-width: 900px;}
	.CDBnara																{padding: 0.5em 1.0em;background: #f15a24;border-radius: 10px;color: #FFF;font-size: 2.0em;font-weight: bold;}
	.popular_posts															{}
	.popular_posts > *														{margin-bottom: 10px;}
	.popular_posts a														{display: block;}
	.popular_posts .img														{float: left;width: 30%;}
	.popular_posts .txt														{float: right;width: 65%;font-size: 0.9em;line-height: 1.5;}
	#fgAction																{display: none !important;}
	.popular_posts h5															{margin: 0 0 0.3em 0;font-size: 1.1em;}
	.popular_posts h5 a														{font-weight: bold;}

	/* faqs */
	dl.faqs																	{}
	dl.faqs p 																{font-size: 1.2em;}
	dl.faqs	b,
	dl.faqs	.bold															{color: #D28600;}
	dl.faqs dt																{position:relative;margin:1.5em 0 0 0;padding:0 0 0 2.0em;color:#D28600;font-size: 1.4em;font-weight: normal;line-height: 1.5em;}
	dl.faqs dt:before														{display:block;content:"Q";position:absolute;top:0;left:0;width:1.5em;height:1.5em;line-height:1.5em;background:#D28600;border-radius:3px;color:#FFF;font-weight:bold;text-align:center;}
	dl.faqs dt:hover														{cursor:pointer;opacity: 0.7;text-decoration: none;}
	dl.faqs dd																{position:relative;margin:1.0em 0 0 0;padding: 1.5em;background: #FAF3E6;border-radius:3px;}
	dl.faqs .hover															{text-decoration:underline;}

	/* simulation */
	.step-content															{margin: 100px 0;padding: 50px;background: #FFF;border: 1px solid #ddd;border-radius: 5px;}
	.step-content.step1														{margin: 0;}
	.step-content .step-title												{font-size: 2.0em;font-weight: bold;color: #fff;width: 10em;margin: 0 auto;text-align: center;border-radius: 999px;background-color: #ec5504;}
	.step-content .step-btn img 											{cursor: pointer;opacity: 0.5;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
	.step-content .step-btn input:checked + label img,
	#media_type_offline:checked ~ .content label img#imgOffline,
	#media_type_online:checked ~ .content label img#imgOnline,
	.step-content .step-btn img:hover 										{opacity: 1.0;-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);}
	.step-content .step-btn input[type="radio"] 							{display: none;opacity: 0;width: 0;height: 0;margin: 0;padding: 0;}
	.result																	{}
	.js-fix																	{padding: 1.0em;background: #ec5504;border-top: 1px solid #FFF;}
	.js-fix.is-fixed														{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 9999;}
	.result	.mce															{padding: 0.5em;background: #FFF;/*border: 5px solid #ec5504;*/}
	.result .result-text,
	.result .result-text span												{margin-bottom: 0;font-size: 1.8em;font-weight: bold;}
	.result .note															{margin-top: 0;}
	.simulation-entry .title												{color: #FFF;}
	.simulation-entry .title .inner											{width: 100%;max-width: 100%;padding: 2.0em;background: #D08423;}
	.simulation-entry .title p												{font-size: 1.8em;font-weight: bold;}
	.simulation-entry .title .arrow											{width: 100px;}
	.simulation-entry .body													{padding: 1.5em 0 10.0em;}
	.simulation-entry form													{padding: 2.0em;background: #FFF;}
	.estimate																{display: none;}

	/* automation */
	.box																	{border: 3px solid #999;background-color: white;box-shadow: 7px 7px #B3E5ED;border-radius: 10px;padding: 30px 40px;position: relative;z-index: 2;}
	#wake h2																{margin-bottom: 0.5em;color: #007385;font-size: 2.4em;line-height: 1.5;}
	#wake h3																{margin-bottom: 0.5em;color: #007385;font-size: 1.4em;line-height: 1.5;}
	#wake p																	{margin: 0.5em 0;font-size: 1.0em;}
	#wake .b3 .box															{height: calc( 1.5em * 5 + 110px );padding: calc( 1.0em * 1.5 ) 0;}
	#wake .b3 .box img														{width: 150px;}
	#wake .arrow															{margin: 100px auto 50px;}
	#why																	{}
	#why h2																	{font-size: 2.4em;line-height: 1.5;}
	#why h3																	{margin-bottom: 0.5em; }
	#why .box																{border-color: #d28600;box-shadow: none;}
	#why .box div															{display: table-cell;vertical-align: middle;}
	#why .box img															{width: 150px;}
	#why .arrow																{margin: 50px auto;}
	#kaiketsu																{}
	#kaiketsu h2															{font-size: 2.4em;}
	#kaiketsu h3															{margin-bottom: 0.5em;}
	#kaiketsu .box															{padding: 0;}
	#kaiketsu #kaiketsu02 .box											{box-shadow: 7px 7px #F1DBB3;}
	#kaiketsu #kaiketsu03 .box											{box-shadow: 7px 7px #C3DEBB;}
	#kaiketsu .box .upper,
	#kaiketsu .box .lower													{position: relative;}
	#kaiketsu .box .lower													{border-top: 3px solid #999;}
	#kaiketsu .box .fl														{width: 150px !important;position: absolute;top: -13px;left: 0;}
	#kaiketsu .box .fr														{width: calc(100% - 150px) !important;padding: 50px 50px 50px 30px;}
	#kaiketsu .box h3															{padding: 0;font-size: 2.0em;}
	#kaiketsu01,
	#kaiketsu02,
	#kaiketsu03																{padding-top: 80px;}

	/* functions  */
	#point01.content,
	#point02.content,
	#point03.content,
	#point04.content									{padding: 10.0em 0 10.0em;}

	.mv_btn														{position: absolute;bottom: 9%;left: 15%;width: 30%;}

}











@media screen and (max-width:768px) {
	body 																	{font-size: 12px;}
	.inner-sp 																{position: relative;width: 100%;margin: 0 auto;padding: 0 10px;}
	a 																	{color: #D28600;text-decoration: none;}
	a:hover 																{text-decoration: none;}
	p																	{margin: 1.0em 0; margin-top: 1.5em; margin-bottom: 1.5em; line-height: 1.75;}
	b,
	em,
	strong,
	.bold,
	b a,
	strong a,
	.bold a																	{font-weight: bold;}
	hr																	{height: 1px;margin: 1.0em 0;border: none;border-top: 1px #DFDFDF solid;}
	img 																	{max-width: 100%;vertical-align: bottom;}
	.tinymce img 															{height: auto !important;}
	.gray																	{color: #999;}
	.red,
	.alert																	{color: #c00;}
	sub																		{font-size: 75%;font-style: italic;font-weight: normal;}
	.req																	{display: inline-block;padding: 0 5px;background: #c00;color: #FFF;}
	.opt																	{display: inline-block;padding: 0 5px;background: #999;color: #FFF;}
	.note																	{color: #999;font-size: 0.75em}
	small,
	.small																	{font-size: 0.85em;}
	.medium																	{font-size: 1.0em !important;}
	.large																	{font-size: 1.3em;}
	.lead 																	{font-size: 1.4em;}
	.small-sp																{font-size: 0.85em;}
	.medium-sp																{font-size: 1.0em !important;}
	.large-sp																{font-size: 1.5em;}
	.bg																		{margin: 2.0em 0;padding: 1.0em;background: #FAF3E6;}
	[class~="bg"][class*="accent"]											{background-color: #FAF3E6;}
	[class~="bg"][class*="gray"]											{background-color: #F8F8F8;color: #333;}
	.bdr																	{margin: 2.0em 0;padding: 1.0em;background: #FFF;border: 5px solid #FAF3E6;}
	[class~="bdr"][class*="accent"]											{border-color: #FAF3E6;}
	[class~="bdr"][class*="gray"]											{border-color: #F8F8F8;color: #333;}
	.btn																	{display: block;overflow: hidden;position: relative;width: 100%;margin: 1.0em 0;padding: 0.6em 0 calc(0.6em + 0.15em);background-color: #D28600;border: none;box-shadow: 0 -0.3em 0 rgba(0,0,0,0.2) inset;color: #fff !important;letter-spacing: 0.1em;text-align: center;text-decoration: none !important;text-shadow: 1px 1px 1px rgba(0,0,0,0.3);-webkit-border-radius: 0.2em;-moz-border-radius: 0.2em;border-radius: 0.2em;}
	.btn:hover																{filter: alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;text-decoration: none !important;}
	[class~="btn"][class*="small"]											{font-size: 0.85em;}
	[class~="btn"][class*="large"]											{font-size: 1.3em;}
	[class~="btn"][class*="accent"]											{background-color: #D28600;}
	[class~="btn"][class*="gray"]											{background-color: #999;color: #FFF;}
	span.btn																{background-color: #CCC;box-shadow: 0 0 0 rgba(0,0,0,0);}
	span.btn:hover															{filter: alpha(opacity=100);-moz-opacity: 1;opacity: 1;}
	a.btn 																	{color: #FFF !important;}
	table																	{width: 100%;margin: 1em 0;background: #FFF;border: 1px solid #DFDFDF;border-bottom: none;font-size: 100%;}
	table th,
	table td																{display: block;padding: 3%;text-align: left;}
	table th																{width: 100% !important;background: #D28600;border-bottom: 1px solid #DFDFDF;color: #FFF;vertical-align: middle;}
	table td																{border-bottom: 1px solid #DFDFDF;vertical-align: middle;}
	.more																	{display: block;margin: 1.0em 0;text-align: center;}
	.more:after 															{display: inline-block;margin: 0 0 0 0.5em;content: "\f054";font-family: FontAwesome;font-size: 0.8em;vertical-align: middle;}
	.more.small 															{font-size: 0.85em;}
	.more.large 															{font-size: 1.3em;}
	.scroll																	{overflow: auto;height: 150px;}
	.shadow																	{-moz-box-shadow: 0 0 5px rgba(0,0,0,0.1);-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.1);box-shadow: 0 0 5px rgba(0,0,0,0.2);}
	.hide span																{padding: 3px;cursor: pointer;text-decoration: underline;}
	.hide span:hover														{text-decoration: none;}
	.normal * 																{color: #333 !important;text-shadow: 0px 0px 0px}
	.normal a 																{text-decoration: underline;}
	.single_nav,
	.archive_nav  															{margin: 5.0em 0;padding: 1.0em 0;border-top: 1px solid #DFDFDF;border-bottom: 1px solid #DFDFDF;}

	header 																	{position: relative;width: 100%;height: 50px;background: #FFF;text-align: left;}
	header h1 																{height: 10px;background: #D28600;color: #FFF;font-size: 0.8em;line-height: 20px;}
	header a.logo 															{position: absolute;top: 15px;left: 5px;display: block;height: 30px;}
	header a.logo img 														{height: 100%; width: auto !important;}
	header .button 															{position: absolute;top: 15px;right: 5px;display: block;width: 30px;height: 30px;background: #D28600;border: none;text-align: center;}
	header .button:before 													{color: #FFF;content: "\f0c9";font-family: FontAwesome;font-size: 20px;line-height: 30px;}
	header .tel a 															{position: absolute;top: 15px;right: 40px;display: block;height: 30px;padding: 0 1.0em;background: #FFF;border: 1px solid #D28600;border-bottom: 3px solid #D28600;border-radius: 3px;color: #D28600;font-weight: bold;line-height: 28px;text-align: center;}
	header .tel a:before 													{margin-right: 0.5em;color: #D28600;content: "\f095";font-family: FontAwesome;font-size: 1.0em;line-height: 28px;}

	main.index 																{}
	main.page 																{}
	.content 																{padding: 4.0em 0;font-size: 14px;}
	.content:first-child 													{border-top: none;}
	.content p																{font-size: 1.2em;}
	.content h2 span.small,
	.content .h2 span.small,
	.content h3 span.small,
	.content .h3 span.small,
	.content h4 span.small,
	.content .h4 span.small,
	.content h5 span.small,
	.content .h5 span.small,
	.content h6 span.small,
	.content .h6 span.small 												{font-size: 0.7em;}
	.content .h2-sp span.small,
	.content .h3-sp span.small,
	.content .h4-sp span.small,
	.content .h5-sp span.small,
	.content .h6-sp span.small 												{font-size: 0.7em;}


	.page.post.tinymce .inner-sp .blog-single .h1,
	.page.post.tinymce .inner-sp .blog-single h1 											{font-size: 182%; line-height: 1.25; border-bottom: 1px solid #d28600; padding-bottom: 6px!important; margin-bottom: 50px; background-color: transparent; color: #333;}

	.content h2,
	.content .h2 															{margin: 2.0em 0 1.0em;font-size: 1.6em;font-weight: bold;}
	.content .blog-single h2,
	.content .blog-single .h2 													{color: #474747;font-size: 160%;font-weight: bold;margin: 4em auto 2em;background: #f3f3f3;padding: 0.6em 0.8em 0.4em;border-left: solid 5px #d28600;}



	.content h3,
	.content .h3 															{margin: 2.0em 0 1.0em;font-size: 1.45em;font-weight: bold;}
	.content .blog-single h3,
	.content .blog-single .h3 													{border-bottom: solid 3px #dcdddf;position: relative;font-size: 120%;color: #111111;font-weight: bold;margin: 3em auto;padding-bottom: 0.5em;}
	.content .blog-single h3:after,
	.content .blog-single .h3:after 												{position: absolute;content: " ";display: block;border-bottom: solid 3px #111111;bottom: -3px;width: 20%;}


	.content h4,
	.content .h4 															{margin: 2.0em 0 1.0em;font-size: 1.3em;font-weight: bold;}
	.content .blog-single h4,
	.content .blog-single .h4 													{font-weight: bold;margin: 3em 0 1em;padding: 0.5em 0 0.25em 1em;border-left: solid 3px #111111;}


	.content h5,
	.content .h5 															{margin: 2.0em 0 1.0em;font-size: 1.15em;font-weight: bold;}
	.content h6,
	.content .h6 															{margin: 2.0em 0 1.0em;font-size: 1.0em;font-weight: bold;}
	.content .h2-sp 														{margin: 2.0em 0 1.0em;font-size: 1.6em;font-weight: bold;}
	.content .h3-sp 														{margin: 2.0em 0 1.0em;font-size: 1.45em;font-weight: bold;}
	.content .h4-sp 														{margin: 2.0em 0 1.0em;font-size: 1.3em;font-weight: bold;}
	.content .h5-sp 														{margin: 2.0em 0 1.0em;font-size: 1.15em;font-weight: bold;}
	.content .h6-sp 														{margin: 2.0em 0 1.0em;font-size: 1.0em;font-weight: bold;}
	.content ul																{margin: 1.5em 0;padding: 0.5em 1.0em;}
	.content ul li															{position: relative;margin: 0.5em 0;padding: 0 0 0 2.0em;}
	.content ul li:before													{content: "";position: absolute;top: 0;bottom: 0;left: 0;width: 1.3em;height: 1.3em;margin: auto;background: #D28600;border-radius: 50%;}
	.content ol 															{margin: 1.5em 0;padding: 0.5em 1.0em;counter-reset: li;list-style: none;}
	.content ol li 															{position: relative;margin: 0.5em 0;padding: 0 0 0 2.0em;}
	.content ol li:before 													{content: counter(li) "";counter-increment: li;position: absolute;top: 0;bottom: 0;left: 0;width: 1.3em;height: 1.3em;margin: auto;background: #D28600;border-radius: 50%;color: #fff;line-height: 1.3em;text-align: center;}
	.index .content h2 span.small,
	.index .content .h2 span.small,
	.index .content h3 span.small,
	.index .content .h3 span.small,
	.index .content h4 span.small,
	.index .content .h4 span.small,
	.index .content h5 span.small,
	.index .content .h5 span.small,
	.index .content h6 span.small,
	.index .content .h6 span.small 											{font-size: 0.7em;}
	.index .content .h2-sp span.small,
	.index .content .h3-sp span.small,
	.index .content .h4-sp span.small,
	.index .content .h5-sp span.small,
	.index .content .h6-sp span.small 										{font-size: 0.7em;}
	.index .content h2,
	.index .content .h2 													{margin: 2.0em 0 1.0em;font-size: 1.6em;font-weight: bold;}
	.index .content h3,
	.index .content .h3 													{margin: 2.0em 0 1.0em;font-size: 1.45em;font-weight: bold;}
	.index .content h4,
	.index .content .h4 													{margin: 2.0em 0 1.0em;font-size: 1.3em;font-weight: bold;}
	.index .content h5,
	.index .content .h5 													{margin: 2.0em 0 1.0em;font-size: 1.15em;font-weight: bold;}
	.index .content h6,
	.index .content .h6 													{margin: 2.0em 0 1.0em;font-size: 1.0em;font-weight: bold;}
	.index .content .h2-sp 													{margin: 2.0em 0 1.0em;font-size: 1.6em;font-weight: bold;}
	.index .content .h3-sp 													{margin: 2.0em 0 1.0em;font-size: 1.45em;font-weight: bold;}
	.index .content .h4-sp 													{margin: 2.0em 0 1.0em;font-size: 1.3em;font-weight: bold;}
	.index .content .h5-sp 													{margin: 2.0em 0 1.0em;font-size: 1.15em;font-weight: bold;}
	.index .content .h6-sp 													{margin: 2.0em 0 1.0em;font-size: 1.0em;font-weight: bold;}

	.content-hero 															{padding: 10px 0 0 0;background: #FAF3E6;}
	.content-hero img 														{width: 100%;}
	.content-hero h1 														{color: #FF0;font-size: 1.2em;font-weight: bold;line-height: 1.2;}
	.content-hero h2 														{margin: 0.75em 0 0.75em;font-size: 1.4em;font-weight: bold;line-height: 1.1;}
	.content-hero h2 em 													{display: block;padding: 0.1em 0;font-size: 2.2em;font-weight: bold;}
	.content-hero .trial 													{display: block;position: relative;width: 100%;margin: 1.0em 0 0.75em;padding: 0.5em 0;background: #FFF;border: 5px solid #D28600;font-size: 1.2em;font-weight: bold;text-align: center;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px;}
	.content-hero .trial:after 												{position: absolute;right: 0.5em;content: "\f054";font-family: FontAwesome;}
	.content-hero .download 												{display: block;width: 15.0em;margin: 0 auto;color: #FFF;text-align: center;}
	.content-hero .hero-main 												{}
	.content-hero .hero-aside 												{padding: 10px;}
	.content-hero .hero-aside .hero-aside-01								{}
	.content-hero .hero-aside .hero-aside-02 								{}
	/** 2024.2.29 start **/
	.content-hero .cf 														{position: relative;}
	.content-hero .txt-patent 												{position: absolute;width:100%; bottom: 1vw;font-size: 2.7vw;color: #fff;text-align: center;}
	/** 2024.2.29 end **/

	.content-information 													{padding: 30px 0 50px;}
	.content-information h2 												{margin-bottom: 1.0em;font-size: 1.2em;}
	.content-information ul 												{overflow: hidden;border: 1px solid #DFDFDF;font-size: 0.9em;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
	.content-information ul li 												{}
	.content-information ul li a											{display: block;overflow: hidden;height: ;padding: 1.0em;color: #333;line-height: ;}
	.content-information ul li a .category 									{float: left;margin-right: 0.5em;line-height: ;}
	.content-information ul li a .category span 							{display: inline-block;min-width: 8.0em;background: #FF5C26;color: #FFF;line-height: ;text-align: center;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
	.content-information ul li a .date 										{float: left;/*width: 7.0em;*/line-height: ;text-align: center;}
	.content-information ul li a .title 									{display: block;overflow: hidden;width: 100%;/*height: calc( 2.0em * 1.5 );*/margin-top: 2.0em;}
	.content-information ul li:nth-child(odd) 								{background: #F6F6F6;}
	.content-information ul li:nth-child(even) 								{background: #FFF;}
	.content-information .more 												{position: absolute;top: 0;right: 10px;margin: 0;line-height: calc( 1.2em * 1.5 );}

	.content-calc 															{padding: 30px 0 50px;background: #D08423;font-size: 1.0em;text-align: center;}
	.content-calc h2 														{font-size: 1.5em;color: #FFF;font-weight: bold;}
	.content-calc h2 span 													{display:block;color: #FFF;font-size: 0.7em;font-weight: normal;}
	.content-calc .box-calc 												{margin-top: 1.0em;padding: 10px;background: #FFF;}
	.content-calc .box-calc .b3 > div										{margin-bottom: 1.5em;}
	.content-calc ul 														{}
	.content-calc ul li 													{position: relative;margin-bottom: 1.5em;}
	.content-calc ul li,
	.content-calc ul li input[type="text"],
	.content-calc ul li input[type="number"] 								{font-size: 1.0em;}
	.content-calc ul li .title 												{float: left;width: 9.0em;background: #F3F3F3;color: #333;line-height: 2.5em;text-align: center;}
	.content-calc ul li .body  												{margin-bottom: 0.8em;padding-left: 9.5em;}
	.content-calc ul li .body label 										{line-height: calc( 2.5em - 2px );}
	.content-calc ul li .body input[type="email"],
	.content-calc ul li .body input[type="text"],
	.content-calc ul li .body input[type="number"] 							{height: 2.5em;border-color: #D28600;vertical-align: bottom;}
	.content-calc ul li.click label 										{position: relative;display: block;}
	.content-calc ul li.click label:before 									{content: "回";position: absolute;right: 0;top: 0;color: #FFF;height: calc( 2.5em - 2px );z-index: 999;background: #D28600;padding: 0 0.6em;border: 1px solid #D28600;border-radius: 0px 3px 3px 0px;}
	.content-calc ul li.click label.label-media:before 						{content: "個";}
	.content-calc ul li.click input[type="email"],
	.content-calc ul li.click input[type="text"],
	.content-calc ul li.click input[type="number"] 							{padding-right: 2.3em;}
	.content-calc ul li .body .note											{position: absolute;right: 0;}
	.content-calc .bg 														{padding: 1.5em;background: #F7ECDE;}

	.content-features 														{padding: 30px 0 50px;}
	.content-features .feature 												{padding: 0;border: 1px solid #D28600;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
	.content-features .feature .title 										{padding: 5px 0 10px;background: #D28600;color: #FFF;}
	.content-features .feature .title .point 								{display: inline-block;width: 60%;padding: 0;background: #FFF;border: 3px solid #D28600;color: #D28600;font-weight: bold;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
	.content-features .feature:hover 										{background: #FAF3E6;}
	.content-features .feature:hover .title .point 							{background: #D28600;border: 3px solid #FFF;color: #FFF;}
	.content-features .feature .title h3 									{margin: 5px 0;font-size: 1.0em;}
	.content-features .feature .body 										{padding: 10px 5px;}
	.content-features .feature .body .text 									{color: #333;/*text-align: left;*/}
	.content-features .feature i.fa 										{color: #D28600;font-size: 8.0em;}
	.content-features .feature p 											{}
	.content-features .feature p.title 										{margin: 1.5em 0 1.0em;color: #D28600;font-size: 1.2em;}

	.content-campaigns 														{padding: 30px 0 50px;}
	.content-campaigns .campaign 											{display: block;color: #333;}
	.content-campaigns .campaign:hover 										{color: #D28600;}
	.content-campaigns .campaign h3 										{margin: 0.5em 0 !important;padding-left: 8px;border-left: 3px solid #D28600;font-size: 1.2em !important;}
	.content-campaigns .campaign p 											{margin: 0.5em 0;}

	.content-functions 														{padding: 30px 0 50px;}
	.content-functions .function 											{overflow: hidden;border: 3px solid #D08423;border-radius: 50%;}

	.content-action 														{padding: 30px 0 50px;background: #FAF3E6;}
	.content-action .fl 													{position: relative;}
	.content-action .fr 													{padding-top: 1.5em;}
	.content-action h2 														{margin-bottom: 1.0em;font-size: 1.2em;}
	.content-action .tel 													{text-align: center;}
	.content-action .tel .number 											{display: inline-block;padding: 0 0 0 calc( 1em * 135 / 90 + 0.3em);background: url(../images/fgFreedial.png?ver=1) no-repeat top left;background-size: contain;font-size: 2.0em;font-weight: bold;line-height: 1;white-space: nowrap;}
	.content-action .tel .number a 											{font-weight: bold;text-decoration: underline;}
	.content-action .tel .time 												{display: block;margin-top: 0.5em;font-size: 1.2em;line-height: 1.5;}
	.content-action .btn.calc,
	.content-action .btn.contact 											{display: inline-block;margin: 0;padding: 1.0em 0;letter-spacing: 0;line-height: 1.5;}
	.content-action .btn i 													{display: block;}
	.content-action .more 													{position: absolute;top: 0;right: 10px;margin: 0;line-height: calc( 1.2em * 1.5 );}




	.contentTitle 															{background: #FAF3E6;}
/*
	.contentTitle .inner 													{padding: 0;}
*/
	.contentTitle h2,
	.contentTitle .h2 														{position: relative;z-index: 2;padding: 1.0em 0;font-size: 1.9em;line-height: 1.2;text-align: center;}
	.contentTitle .h2-sp 													{position: relative;z-index: 2;padding: 1.0em 0;font-size: 1.9em;line-height: 1.2;text-align: center;}
	.contentTitle h2 span,
	.contentTitle .h2 span 													{display: block;font-size: 0.5em;}
	.contentTitle .h2-sp span 												{display: block !important;font-size: 0.5em !important;}
/*
	.post .contentTitle 													{}
	.post .contentTitle .inner												{padding: 0 10px;}
	.post .contentTitle h2,
	.post .contentTitle .h2 												{font-size: 1.5em;text-align: left;}
	.post .contentTitle .h2-sp 												{font-size: 1.5em;text-align: left;}
	.post .contentTitle h2 span,
	.post .contentTitle .h2 span,
	.post .contentTitle .h2-sp span 										{padding-bottom: 1.0em;font-size: 0.5em;}
*/
	.post .content .title 													{margin: 0 0 3.0em 0;}
	.post .content .title h2,
	.post .content .title .h2 												{margin: 2.0em 0 0.5em;font-size: 1.9em;font-weight: bold;}
	.post .content .title .h2-sp 											{margin: 2.0em 0 0.5em;font-size: 1.9em;font-weight: bold;}
	.post .content .date 													{color: #666;font-size: 0.9em;}


	/* section.content */
	.cases 																	{margin: 0;}
	.cases .case 															{}
	.cases .case a 															{display: block;background: #EEE;}
	.cases .case .image 													{overflow: hidden;width: 100%;background: url(../images/bgBxLoader.gif) no-repeat center center;border: 1px solid #F6F6F6;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
	.cases .case .image img 												{display: none;max-width: none;}
	.cases .case .text 														{padding: 1.0em 0;background: #D28600;color: #FFF;}
	.cases .case .text p 													{margin: 0.5em 0;}
	.cases .case .text p.title 												{font-size: 1.1em;font-weight: bold;}
	.logos 																	{}
	.what 																	{}
	.functions 																{}
	.functions .function 													{padding: 1.0em 0;}
	.functions .function i.fa 												{color: #D28600;font-size: 8.0em;}
	.functions .function p 													{margin: 0.75em 0;}
	.functions .function p.title 											{color: #D28600;font-size: 1.2em;}
	.supports 																{}
	.supports .support 														{padding: 1.0em 0;}
	.supports .support i.fa 												{color: #D28600;font-size: 8.0em;}
	.supports .support p 													{margin: 0.75em 0;}
	.supports .support p.title 												{color: #D28600;font-size: 1.2em;}
	.informations 															{}
	.informations .content-information 												{display: block;color: #333;}
	.informations .content-information .image 										{overflow: hidden;width: 100%;background: url(../images/bgBxLoader.gif) no-repeat center center;border: 1px solid #F6F6F6;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
	.informations .content-information .image img 									{visibility: hidden;max-width: none;transition: 0.3s;}
	.informations .information:hover .image img 							{-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);}
	.informations .content-information .text 										{margin: 1.0em 0 0 0;}
	.informations .content-information .text p 										{margin: 0;line-height: 1.75;}
	.informations .content-information .text p.date 								{margin: 0.5em 0;color: #666;font-size: 0.8em;}
	.informations .content-information .text p.title 								{font-weight: bold;}
	.informations .information:hover .text p 								{color: #D28600;}
	.index .content.articles 												{}
	.index .content.articles .article 										{display: block;color: #333;}
	.index .content.articles .article .image 								{overflow: hidden;width: 100%;background: url(../images/bgBxLoader.gif) no-repeat center center;border: 1px solid #F6F6F6;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
	.index .content.articles .article .image img 							{visibility: hidden;max-width: 100%;transition: 0.3s;}
	.index .content.articles .article:hover .image img 						{-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);}
	.index .content.articles .article .text 								{margin: 1.0em 0 0 0;}
	.index .content.articles .article .text p 								{margin: 0;line-height: 1.75;}
	.index .content.articles .article .text p.date 							{margin: 0.5em 0;color: #666;font-size: 0.8em;}
	.index .content.articles .article .text p.title 						{font-weight: bold;}
	.index .content.articles .article:hover .text p 						{color: #D28600;}
	.page .content.articles 												{}
	.page .content.articles .main 											{padding: 0 0 3.0em 0;}
	.page .content.articles .article 										{display: block;padding: 0 0 1.5em;border-top: 1px solid #DDD;color: #333;}
	.page .content.articles .article .image 								{overflow: hidden;width: 100%;background: url(../images/bgBxLoader.gif) no-repeat center center;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
	.page .content.articles .article .image img 							{visibility: hidden;max-width: none;transition: 0.3s;}
	.page .content.articles .article .image:hover img 						{-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1);}
	.page .content.articles .article .text 									{width: 100%;margin: 0;padding: 5%;}
	.page .content.articles .article .text a 								{color: #333;}
	.page .content.articles .article .text p 								{margin: 0;line-height: 1.5;}
	.page .content.articles .article .text p.date 							{margin: 0.5em 0;color: #666;font-size: 1.0em;}
	.page .content.articles .article .text p.title 							{font-size: 1.2em;font-weight: bold;}
	.page .content.articles .article .text:hover p.title 					{color: #D28600;}
	.page .content.articles .aside 											{padding: 1.5em 0 3.0em;border-top: 1px solid #DDD;} 
	.page .content.articles .articleAside 									{display: block;margin: 2.0em 0;padding: 0;color: #333;}
	.page .content.articles .articleAside .image 							{float: left;overflow: hidden;width: 33%;background: url(../images/bgBxLoader.gif) no-repeat center center;display: -webkit-flex;display: flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-items: center;}
	.page .content.articles .articleAside .image img 						{visibility: hidden;max-width: none;transition: 0.3s;}
	.page .content.articles .articleAside:hover .image img 					{-moz-transform: scale(1.1,1.1);-webkit-transform: scale(1.2,1.2);-o-transform: scale(1.2,1.2);-ms-transform: scale(1.2,1.2);}
	.page .content.articles .articleAside .text 							{float: right;width: 63%;margin: 0;}
	.page .content.articles .articleAside .text a 							{color: #333;}
	.page .content.articles .articleAside .text p 							{margin: 0;font-size: 0.9em;line-height: 1.5;}
	.page .content.articles .articleAside .text p.date 						{margin: 0.5em 0;color: #666;font-size: 0.8em;}
	.page .content.articles .articleAside .text p.title 					{font-size: 1.0em;font-weight: bold;}
	.page .content.articles .articleAside:hover .text p 	 				{color: #D28600;}
	.page .functions 														{}
	.page .functions .function 												{padding: 2.5em 1.0em 2.0em;border: 1px solid #D28600;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
	.page .functions .function i.fa 										{color: #D28600;font-size: 8.0em;}
	.page .functions .function p 											{}
	.page .functions .function p.title 										{margin: 1.5em 0 1.0em;color: #D28600;font-size: 1.3em;}
	.page .functions .function.new 											{background: url(../images/bgNew.png?ver=1) no-repeat top right;background-size: 25%;}
	.breadcrumb 															{display: none;/*padding: 15px 0;border-top: 1px solid #DFDFDF;color: #666;font-size: 0.9em;*/}

	footer																	{padding: 30px 0 100px;font-size: 1.2em;}
	footer .inner 															{margin-bottom: 30px;}
	footer a 																{color: #333;}
	footer .logo															{}
	footer .logo img														{width: 50%;height: auto !important;}
	footer nav 																{padding: 0 0.5em;}
	footer nav p 															{font-weight: bold;}
	footer nav ul 															{}
	footer nav ul li 														{padding: 0.2em 0;}
	footer nav ul li a 														{display: block;position: relative;padding: 0 0 0 1.5em;}
	footer nav ul li a:before 												{position: absolute;left: 0;content: "\f138";font-family: FontAwesome;}
	footer nav ul ul 														{padding: 0.2em 0;font-size: 0.9em;}
	footer nav ul ul li a:before 											{left: 0.3em;content: "\f105";}
	footer .facebook 														{}
	footer .copyright 														{font-size: 0.9em;line-height: 1.5;text-align: center;}
	footer .security														{margin-bottom: 30px;}
	footer .security .contents												{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;gap: 15px 30px;border-top: 1px solid #f0f0f0;border-bottom: 1px solid #f0f0f0;padding: 15px 0;}
	footer .security .logo													{image-rendering: -webkit-optimize-contrast;}
	footer .security .txt													{margin: 0;}

	/* addition */
	.btn-tel 																{margin-bottom: 10px;}
	.btn-tel a.btn															{margin-bottom: 0;background: #f15c5c;font-size: 1.3em;}
	.btn-tel a.btn:before 													{margin-right: 0.5em;content: "\f095";font-family: FontAwesome;}
	.btn-tel .time 															{display: block;margin-top: 0.1em;font-size: 0.6em;line-height: 1.5;}
	.btn-contact 																{margin-bottom: 10px;}
	.btn-contact a.btn															{margin-bottom: 0;background: #D28600;font-size: 1.3em;}
	.btn-contact a.btn:before 													{margin-right: 0.5em;content: "\f0e0";font-family: FontAwesome;}
	.btn-contact .time 															{display: block;margin-top: 0.1em;font-size: 0.6em;line-height: 1.5;}
	.js-offcanvas 															{display: none;padding: 0 0 50px 0;border-top: 3px solid #D28600;text-align: left;}
	.js-offcanbas-inner														{padding: 10px;background: #FAF3E6;text-align: center;}
	.js-offcanvas .btn.calc,
	.js-offcanvas .btn.contact 												{display: inline-block;margin: 0;padding: 1.0em 0;font-size: 0.8em;letter-spacing: 0;line-height: 1.5;}
	.js-offcanvas .btn i 													{display: block;padding-bottom: 0.3em;font-size: 1.3em;}
	.js-offcanvas ul 														{}
	.js-offcanvas > ul 														{border-bottom: 1px solid #eee;}
	.js-offcanvas ul li 													{border-top: 1px solid #eee;}
	.js-offcanvas > ul > li:first-child 									{border-top: none;}
	.js-offcanvas ul li a 													{display: block;position: relative;padding: 0.75em 0.5em 0.75em 2.5em;color: #333;}
	.js-offcanvas ul li a:before 											{position: absolute;left: 1.0em;color: #D08423;content: "\f138";font-family: FontAwesome;}
	.js-offcanvas ul li.login a:before 										{content: "\f023"}
	.js-offcanvas ul ul 													{padding: 0.2em 0;}
	.js-offcanvas ul ul li a 												{padding-left: 2.5em;}
	.js-offcanvas ul ul li a:before 										{left: 1.5em;content: "\f105";}
	.js-hiraku-offcanvas-body-right 										{left: 0 !important;}
	.js-hiraku-offcanvas-body-right .js-hiraku-header-fixed 				{margin-left: 0 !important;z-index: 9999 !important;}
	.js-hiraku-offcanvas-close-btn 											{position: absolute;top: 10px;left: 10px;clip: auto !important;width: 40px !important;height: 40px !important;text-indent: 100%;white-space: nowrap;background: url(../images/bgClose.png?ver=1) center center;background-size: contain !important;}
	.iframe-action 															{width: 100%;height: 650px;}
	.iframe-action body 													{background: #D08423;}
	.customize-support .wrapper 											{padding-top: 46px;}
	html #wpadminbar 														{overflow: hidden !important;}
	.tabs																	{letter-spacing: -.4em;}
	.tabs .tab																{display: inline-block;width: 33.33333%;padding: 1.0em 0;color: #FFF;cursor: pointer;font-size: 1.3em;letter-spacing: normal;}
	.tabs .tab:hover														{opacity: 0.8;}
	.tabs .tab01 															{background: #48a9bf;}
	.tabs .tab02 															{background: #f5a623;}
	.tabs .tab03 															{background: #417505;}
	.tabs .tab.active:hover													{opacity: 1;}
	.panels .panel															{width: 100%;display: none;padding: 1.0em;color: #FFF;}
	.panels .panel01														{background: #48a9bf;}
	.panels .panel02														{background: #f5a623;}
	.panels .panel03														{background: #417505;}
	.panels .panel.active													{display: block;}
	.CDBnara																{padding: 0.5em 0;background: #f15a24;border-radius: 10px;color: #FFF;font-size: 1.5em;font-weight: bold;}
	.popular_posts															{}
	.popular_posts > *														{margin-bottom: 10px;}
	.popular_posts a														{display: block;}
	.popular_posts .img														{float: left;width: 30%;}
	.popular_posts .txt														{float: right;width: 65%;font-size: 0.9em;line-height: 1.5;}
	.popular_posts h5															{margin: 0 0 0.3em 0;font-size: 1.1em;}
	.popular_posts h5 a														{font-weight: bold;}

	#fgAction																{display: none;position: fixed;left: 0;bottom: 0px;width: 100%;padding: 10px;background: rgba(85,93,102,0.8);z-index: 999;}
	#fgAction .btn															{padding: 0.3em 0 calc(0.3em + 0.3em);}

	/* faqs */
	dl.faqs																	{}
	dl.faqs p 																{font-size: 1.2em;}
	dl.faqs	b,
	dl.faqs	.bold															{color: #D28600;}
	dl.faqs dt																{position:relative;margin:1.5em 0 0 0;padding:0 0 0 2.0em;color:#D28600;font-size: 1.4em;font-weight: normal;line-height: 1.5em;}
	dl.faqs dt:before														{display:block;content:"Q";position:absolute;top:0;left:0;width:1.5em;height:1.5em;line-height:1.5em;background:#D28600;border-radius:3px;color:#FFF;font-weight:bold;text-align:center;}
	dl.faqs dt:hover														{cursor:pointer;opacity: 0.7;text-decoration: none;}
	dl.faqs dd																{position:relative;margin:1.0em 0 0 0;padding: 1.5em;background: #FAF3E6;border-radius:3px;}
	dl.faqs .hover															{text-decoration:underline;}

	/* simulation */
	.step-content															{margin: 30px 0;padding: 30px 15px;background: #FFF;border: 1px solid #ddd;border-radius: 5px;}
	.step-content.step1														{margin: 0;}
	.step-content .step-title												{font-size: 1.6em;font-weight: bold;color: #fff;width: 10em;margin: 0 auto;text-align: center;border-radius: 999px;background-color: #ec5504;}
	.step-content .step-btn img 											{cursor: pointer;opacity: 0.5;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
	.step-content .step-btn input:checked + label img,
	#media_type_offline:checked ~ .content label img#imgOffline,
	#media_type_online:checked ~ .content label img#imgOnline,
	.step-content .step-btn img:hover 										{opacity: 1.0;-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);}
	.step-content .step-btn input[type="radio"] 							{display: none;opacity: 0;width: 0;height: 0;margin: 0;padding: 0;}
	.result																	{}
	.js-fix																	{padding: 1.0em 0;background: #ec5504;border-top: 1px solid #FFF;}
	.js-fix.is-fixed														{position: fixed;bottom: 0;left: 0;width: 100%;z-index: 9999;}
	.result	.mce															{padding: 0.5em;background: #FFF;/*border: 5px solid #ec5504;*/}
	.result .result-text													{margin-bottom: 0;font-size: 1.8em;font-weight: bold;}
	.result .result-text span												{margin-bottom: 0;font-size: 1.2em;font-weight: bold;}
	.result .note															{margin-top: 0;}
	.simulation-entry .title												{color: #FFF;}
	.simulation-entry .title .inner											{width: 100%;max-width: 100%;padding: 2.0em;background: #D08423;}
	.simulation-entry .title p												{font-size: 1.8em;font-weight: bold;}
	.simulation-entry .title .arrow											{width: 100px;}
	.simulation-entry .body													{padding: 1.5em 0 10.0em;}
	.simulation-entry form													{padding: 30px 15px;background: #FFF;}
	.estimate																{display: none;}

	/* automation */
	.box																	{border: 3px solid #999;background-color: white;box-shadow: 5px 5px #80D3E0;border-radius: 10px;padding: 15px 20px;position: relative;z-index: 2;}
	#wake h2																{margin-bottom: 0.5em;color: #007385;font-size: 1.6em;line-height: 1.5;}
	#wake h3																{margin-bottom: 0.5em;color: #007385;font-size: 1.4em;line-height: 1.5;}
	#wake p																	{margin: 0.5em 0;font-size: 1.0em;}
	#wake .b3 .box															{height: calc( 1.4em * 5 + 80px );margin-bottom: 40px;padding: 15px 0;}
	#wake .b3 .box img														{width: 120px;}
	#wake .arrow															{margin: 70px auto 20px;}
	#automation h2															{margin-bottom: 0.5em;}
	#why																	{}
	#why h2																	{font-size: 1.6em;line-height: 1.5;}
	#why h3																	{margin-bottom: 0.5em;font-size: 1.4em;}
	#why .box																{border-color: #d28600;box-shadow: none;}
	#why .box div															{}
	#why .box img															{}
	#why .arrow																{margin: 50px auto;}
	#kaiketsu																{}
	#kaiketsu h2															{font-size: 1.6em;}
	#kaiketsu h3															{margin-bottom: 0.5em;}
	#kaiketsu .box															{padding: 0;}
	#kaiketsu #kaiketsu02 .box											{box-shadow: 5px 5px #F1DBB3;}
	#kaiketsu #kaiketsu03 .box											{box-shadow: 5px 5px #C3DEBB;}
	#kaiketsu .box .upper,
	#kaiketsu .box .lower													{padding: 0 15px 15px 15px;}
	#kaiketsu .box .upper													{padding-bottom: 30px;}
	#kaiketsu .box .lower													{border-top: 3px solid #999;}
	#kaiketsu .box .fl														{margin-top: -15px !important;}
	#kaiketsu .box img.title										{width: 120px;}
	#kaiketsu .arrow														{margin: 30px auto;}
	#kaiketsu01,
	#kaiketsu02,
	#kaiketsu03																{}

}

/*
.article_index
：目次
*/
.article_index{
  padding: 1em 25px .5em 28px;
  margin-top: 2.7em;
  margin-bottom: 2.7em;
  border-left: 4px solid #D28600;
  background-color: #FAF3E6;
  font-family: "kan48typos-std";
  font-size: 1.125em;
  }
.article_index__title{
  padding: 0 4px;
  margin-bottom: 1em;
  font-weight: bold;
  }
ul.article_index__list{
  padding: 0 9px 1px;
  margin: 0;
  list-style: none;
  }
.article_index__list li{
  padding-left: 0 !important;
  }
.article_index__list li:before{
	display: none;
  }
.article_index__list li a{
  display: block;
  margin-bottom: 0.8em;
  color: #000000;
  }
.article_index__list li a:link,
.article_index__list li a:visited{
  text-decoration: underline;
  }
.article_index__list li a:active,
.article_index__list li a:hover{
  text-decoration: none;
  }
.article_index__list ul{
  padding: 0;
  margin: 0;
  list-style: none;
  }
.article_index__list ul li{
  position: relative;
  padding-left: 1em !important;
  }
.article_index__list ul li:before{
  position: absolute;
  display: block;
  left: 4px;
  top: 0em;
  content: ".";
  width: 6px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  text-align: left;
  background-color: #666666;
  }

/*
.article_pointlist
：これだけは押さえておきたいポイント
*/
.article_pointlist{
  padding-top: 5px;
  margin-top: 2.7em;
  margin-bottom: 2.7em;
  border-top: 2px solid #29afd5;
  border-left: 4px solid #29afd5;
  }
.article_pointlist__title{
  padding: 10px 15px 10px;
  margin: 0;
  color: #29afd5;
  font-family: "kan48typos-std";
  font-weight: bold;
  }
ul.article_pointlist__list{
  padding: 0 15px 0;
  margin: 0;
  list-style: none;
  }
.article_pointlist__list li{
  position: relative;
  padding: 7px 15px 7px 20px;
  }
.article_pointlist__list li:before{
	display: none;
	}
.article_pointlist__list li:after{
  position: absolute;
  display: block;
  left: 4px;
  top: 8px;
  content: ".";
  width: 8px;
  height: 8px;
  overflow: hidden;
  white-space: nowrap;
  text-indent: 100%;
  text-align: left;
  background-color: #29afd5;
  }
.article_pointlist__list li em{
  font-weight: bold;
  font-style: normal;
  text-decoration: underline;
  }
@media screen and (max-width: 768px) {
  .article_pointlist{
    padding-top: 0;
    border-left: 0;
    }
  .article_pointlist__title{
    padding: 10px 0;
    margin-bottom:: 5px;
    }
  ul.article_pointlist__list{
    padding: 0 0 0;
    }
  .article_pointlist__list li{
    position: relative;
    padding: 0 0 0 17px;
    margin-bottom: 12px;
    }
  .article_pointlist__list li:before{
    left: 2px;
    top: 2px;
    margin-top: 0.4em;
    }
}


/*** 資料ダウンロード一覧 **/
#downloads .dl-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 950px;
	margin: 0 auto;
	padding: 0 0 50px;
}
#downloads .dl-list li{
	width: 31%;
	max-width:  285px;
	padding: 0;
	margin: 0 0 50px 0;
	transition: .3s all ease;
}
#downloads .dl-list li:before{
	display: none;
}
#downloads .dl-list li.dummy{
	padding: 0;
	margin: 0;
	box-shadow: none;
}
#downloads .dl-list li a{
	display: block;
	width: 100%;
	height: 100%;
	border: 3px solid #d59d4e;
	border-radius: 10px;
	box-shadow: 2px 2px 5px 0 rgba(39,38,38,0.35);
}
#downloads .dl-list li h3{
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.1;
	min-height: 87px;
	height: auto;
	margin: 0;
	padding: 0 0.2em;
}
#downloads .dl-list li .img-wrapper{
	border-top: 5px solid #49a9bf;
	border-bottom: 5px solid #49a9bf;
	overflow: hidden;
	position:  relative;
	width: 100%;
	padding-top: 55.6%;
}
#downloads .dl-list li .img-wrapper img{
	position:  absolute;
	top: 0;
}
#downloads .dl-list li .description{
	padding: 0.5em;
	line-height: 1.5;
	color: #323232;
	font-size: 14px;
	margin: 0;
	min-height: 8em;
	height: auto;
}
@media screen and (max-width: 768px) {
#downloads .dl-list{
	justify-content: center;
}
#downloads .dl-list li{
	width: 46%;
	margin: 0 2% 50px 0;
}
#downloads .dl-list li:nth-child(2n){
	margin: 0 0 50px 2%;
}
}
@media screen and (max-width: 620px) {
#downloads .dl-list li{
	width: 80%;
	margin: 0 10% 50px 10%;
}
#downloads .dl-list li:nth-child(2n){
	margin: 0 10% 50px 10%;
}
}
@media screen and (max-width: 415px) {
#downloads .dl-list li{
	width: 100%;
	margin: 0 0 50px 0;
}
#downloads .dl-list li:nth-child(2n){
	margin: 0 0 50px 0;
}
#downloads .dl-list li h3{
	font-size: 16px;
	min-height: 70px;
}
#downloads .dl-list li .description{
	font-size: 12px;
}
}

/** 資料ダウンロード詳細 **/
#downloads_details .container{
	width: 100%;
	max-width: 950px;
	margin: 0 auto;
}
#downloads_details .doc-ttl{
	text-align: center;
	font-size: 48px;
	color: #49a9bf;
	line-height: 1.3;
	position: relative;
	margin-bottom: 1.5em;
	background: none;
}
#downloads_details .doc-ttl:after{
	content: "";
	display: block;
	width: 185px;
	height: 5px;
	background: #49a9bf;
	position: absolute;
	left: calc(50% - 92.5px);
	bottom: -10px;
}
#downloads_details .sec-ttl{
	text-align: center;
	font-size: 40px;
	color: #d59d4e;
	line-height: 1.3;
	position: relative;
	margin-bottom: 40px;
}
#downloads_details .sec-ttl:after{
	content: "";
	display: block;
	width: 185px;
	height: 5px;
	background: #d59d4e;
	position: absolute;
	left: calc(50% - 92.5px);
	bottom: -10px;
}
#downloads_details .doc-info{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 100px!important;
}
#downloads_details .doc-info .left{
	width: 50%;
}
#downloads_details .img-main img{
	display: none;
}
#downloads_details .img-main img.active{
	display: block;
	margin-bottom: 20px!important;
	border: 3px solid #d59d4e;
	border-radius: 10px;
	box-shadow: 2px 2px 5px 0 rgba(39,38,38,0.35);
}
#downloads_details .img-thumbnail{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
#downloads_details .img-thumbnail .thumbnail{
	position: relative;
	width: 31%;
	margin-bottom: 20px;
	border: 3px solid #3faac0;
	border-radius: 5px;
	box-shadow: 2px 2px 5px 0 rgba(39,38,38,0.35);
	overflow: hidden;
	cursor: pointer;
}
#downloads_details .img-thumbnail .thumbnail.dummy{
	margin: 0!important;
	box-shadow: none!important;
	border: none!important;
}
#downloads_details .img-thumbnail .thumbnail:hover{
	opacity: 0.7;
}
#downloads_details .img-thumbnail .thumbnail:after{
	content:  "";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 3px;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(57,57,57,0.33);
}
#downloads_details .img-thumbnail .thumbnail.active{
	border: 3px solid #d59d4e;
}
#downloads_details .img-thumbnail .thumbnail.active:after{
	display: none;
}
#downloads_details .img-thumbnail .thumbnail img{
	width: 100%;
}
#downloads_details .dl-note{
	font-size: 12px;
	text-indent: -1em;
	padding-left: 1em;
	margin-top: 0;
}
#downloads_details .txt{
	width: 46%;
}
#downloads_details .txt ul{
	margin: 0 0 1em;
	padding: 0;
}
#downloads_details .txt ul li{
	margin: 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
}
#downloads_details .txt ul li:before{
	content: "・";
	color: inherit;
	font-size: inherit;
	background: none;
	position: relative;
}
#downloads_details .description{
	margin-bottom: 2em!important;
	font-size: 14px;
}
#downloads_details .bg-form{
	background: #faf3e6;
}
@media screen and (max-width: 768px) {
#downloads_details .doc-ttl{
	font-size: 28px;
}
#downloads_details .doc-ttl:after {
	width: 120px;
	height: 3px;
	left: calc(50% - 60px);
	bottom: -10px;
}
#downloads_details .sec-ttl{
	font-size: 24px
}
#downloads_details .sec-ttl:after {
	width: 120px;
	height: 3px;
	left: calc(50% - 60px);
	bottom: -10px;
}
#downloads_details .doc-info .left{
	width: 100%;
	margin-bottom: 30px!important;
}
#downloads_details .txt{
	width: 100%;
}
}
@media screen and (max-width: 415px) {
#downloads_details .doc-ttl{
	font-size: 20px;
}
#downloads_details .sec-ttl{
	font-size: 18px
}
#downloads_details .txt{
	font-size: 13px;
}
#downloads_details .description{
	font-size: 13px;
}
}



/*
 会話風CSS
*/
/* 共通 */
.balloon-simple {
 width: 100%;
 margin: 20px 0;
 overflow: hidden; 
}
.balloon-simple .icon-right img,
.balloon-simple .icon-left img{
 width: 100%;
 background-size:cover;
}
.icon-right p,
.icon-left p{
 text-align: center;
 top: -10px;
 position: relative;
}
.balloon-simple .balloon {
 width: 100%; 
}
.serif-right,
.serif-left {
 position: relative;
 padding: 20px 30px 20px 15px;
 border-radius: 10px;
}
.serif-right:after,
.serif-left:after {
 content: "";
 position: absolute;
 top: 15px;
 border-top: 10px solid transparent;
 border-bottom: 5px solid transparent;
 border-left: 5px solid transparent;
}
.serif-right p,
.serif-left p  {
 margin: 0;
 padding: 0;
 color: #fff;
}
/* 共通 end */
/* 右の吹き出し */
.balloon-simple .icon-right {
 float: right;
 width: 100px;
 margin-right: 10px;
}
.serif-right {
 margin: 40px 40px 0 0px;
 background: #0000FF;
 float: right;   
}
.serif-right:after {
 transform: scale(-1, 1);
 right: -22px;
 border-right: 20px solid #0000FF;
}
/* 右の吹き出し end */
/* 左の吹き出し */
.balloon-simple .icon-left {
 float: left;
 width: 100px;
 margin-left: 10px;
}
.serif-left{
 display: inline-block;
 margin: 40px 0 0 45px;
 background: #da9e5b;
}
.serif-left:after{
 left: -22px;
 border-right: 20px solid #da9e5b;
}
/* 左の吹き出し end */ 


/** 他社比較 6つの特徴 **/
#compare	#tokuchou2 .feature-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#compare	#tokuchou2 .feature-list .item{
	width: 49%;
	background: #fff;
	padding: 2em;
	margin-bottom: 20px!important;
}
#compare	#tokuchou2 .feature-list .item img{
	margin-bottom: 1em;
}
#compare	#tokuchou2 .feature-list .item h3{
	font-size: 1.4em;
	line-height: 1.5;
}
#compare	#tokuchou2 .feature-list .item p{
	text-align: left;
	margin: 0;
	font-size: 1.15em;
}
#compare	#tokuchou2 .feature-list .item dl{
	font-size: 1.15em;
	text-align: left;
	line-height: 1.5;
	margin-top: 0.5em;
}
#compare	#tokuchou2 .feature-list .item dd{
	padding-left: 1em;
}
@media screen and (max-width: 768px){
#compare	#tokuchou2 .feature-list .item h3{
	font-size: 1.25em;
}
#compare	#tokuchou2 .feature-list .item{
	width: 100%;
	padding: 1em;
}
#compare	#tokuchou2 .feature-list .item p{
	font-size: 1em;
}
#compare	#tokuchou2 .feature-list .item dl{
	font-size: 1em;
}
}

/** パートナープログラム **/
#partner{
	color: #000;
}
#partner ul{
	padding: 0;
	margin: 0;
}
#partner li{
	padding: 0;
	margin: 0;
}
#partner li:before{
	display: none;
}
#partner .nowrap{
	display: inline-block;
	font-weight: inherit;
	font-size: inherit;
	color: inherit;
}
@media screen and (max-width: 768px){
#partner .pc{
	display: none;
}
}
#partner .sec-heading{
	text-align: center;
	padding: 90px 0 80px;
}
@media screen and (max-width: 768px){
#partner .sec-heading{
	text-align: center;
	padding: 50px 0 50px;
}
}
#partner .sec-heading .page-subttl{
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 1em;
}
@media screen and (max-width: 768px){
#partner .sec-heading .page-subttl{
	font-size: 19.1px;
}
}
#partner .sec-heading .lead{
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 3em;
}
@media screen and (max-width: 768px){
#partner .sec-heading .lead{
	font-size: 14.8px;
}
#partner .sec-heading .lead br{
	display: none;
}
}
#partner .sec-partner{
	padding: 0 0 50px;
}
#partner .category_block{
	background: #f2f2f2;
	padding: 60px 0;
	width: calc(100% - 40px);
	max-width: 1200px;
	min-width: 960px;
	margin: 0 auto 100px;
}
@media screen and (max-width: 768px){
#partner .category_block{
	width: 100%;
	min-width: 0;
	padding: 30px 0 60px;
	margin: 0 auto 53px;
}
}
#partner .category_block:last-child{
	margin-bottom: 0!important;
}
#partner .category_block .cat_ttl{
	text-align: center;
	font-size: 36px;
	line-height: 1.3;
	margin-bottom: 0.8em;
	padding: 0 5%;
}
@media screen and (max-width: 768px){
#partner .category_block .cat_ttl{
	font-size: 19.1px;
}
}
#partner .category_block .lead{
	font-size: 18px;
	margin-bottom: 2em!important;
}
@media screen and (max-width: 768px){
#partner .category_block .lead{
	font-size: 14.8px;
}
}
#partner .category_block .lead p{
	text-align: center;
	font-size: 18px;
	padding: 0 5%;
}
@media screen and (max-width: 768px){
#partner .category_block .lead p{
	font-size: 14.8px;
}
}
#partner .partner_list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 95%;
	max-width: 1110px;
	margin: 0 auto;
}
@media screen and (max-width: 768px){
#partner .partner_list{
	display: block;
	margin-bottom: 40px;
}
}
#partner .partner_list li{
	background: #fff;
	width: 31.5%;
	margin-bottom: 50px;
	padding: 30px 0 30px;
	overflow: hidden;
	transition: .4s all ease;
}
@media screen and (max-width: 768px){
#partner .partner_list li{
	width: 95%;
	max-width: 330px;
	padding: 25px 0 15px;
	margin: 0 auto 25px;
}
}
#partner .partner_list li.dummy{
	background: transparent;
	margin: 0;
	padding: 0;
	height: 0;
}
#partner .partner_list li.hidden_item{
	visibility: hidden;
	opacity: 0;
	margin: 0;
	padding: 0;
	height: 0;
}
#partner .category_block.active .partner_list li.hidden_item{
	visibility: visible;
	opacity: 1;
	margin-bottom: 50px;
	padding: 30px 0 30px;
	height: auto;
}
@media screen and (max-width: 768px){
#partner .category_block.active .partner_list li.hidden_item{
	padding: 25px 0 15px;
	margin: 0 auto 25px;
}
}
#partner .partner_list li a.img_link{
	padding: 0;
	display: block;
	width: 100%;
	opacity: 1!important;
	transition: .3s all ease;
	color: #000;
}
#partner .partner_list li a.case_link{
	opacity: 1!important;
	transition: .3s all ease;
	color: #000;
}
#partner .partner_list .txt{
	padding: 0 25px;
}
@media screen and (max-width: 768px){
#partner .partner_list .txt{
	padding: 0 18px;
}
}
#partner .partner_list .img_wrapper{
	width: 100%;
	height: 160px;
	margin-bottom: 20px;
}
@media screen and (max-width: 768px){
#partner .partner_list .img_wrapper{
	height: 148px;
	margin-bottom: 18px;
}
}
#partner .partner_list .img_wrapper img{
	width: 100%;
	height: 100%!important;
	object-fit: contain;
	transition: .4s all ease;
}
#partner .partner_list li:hover{
	box-shadow: 0 0 6px rgba(210,134,0,0.5);
}
@media screen and (max-width: 768px){
#partner .partner_list li:hover{
	box-shadow: 0 0 4px rgba(210,134,0,0.5);
}
}
#partner .partner_list a:hover .img_wrapper img{
	transform: scale(1.08);
}
#partner .partner_list h5{
	font-size: 19px;
	font-weight: bold;
	transition: .4s all ease;
	margin: 1em 0 1em!important;
}
@media screen and (max-width: 768px){
#partner .partner_list h5{
	font-size: 16.4px;
}
}
#partner .partner_list a:hover h5{
	color: #d28600;
}
#partner .partner_list .tag span{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	background: #b3b3b3;
	padding: 0.2em 1em;
	height: 28px;
	border-radius: 14px;
	color: #fff;
	font-size: 16px;
	line-height: 1.3;
	margin: 0 0.3em 0.5em 0;
}
@media screen and (max-width: 768px){
#partner .partner_list .tag span{
	font-size: 13.8px;
	height: 25px;
	border-radius: 12.5px;
}
}
#partner .category_block .btn_expand{
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	width: 308px;
	height: 68px;
	border-radius: 34px;
	text-align: center;
	border: 1px solid #4d4d4d;
	box-shadow: 0 0.7px 3px rgba(0,0,0,0.3);
	background: #fff;
	font-size: 18px;
	position: relative;
	transition: .3s ease all;
}
@media screen and (max-width: 768px){
#partner .category_block .btn_expand{
	width: 90%;
	max-width: 268px;
	height: 59px;
	border-radius: 29.5px;
	font-size: 15.9px;
}
}
#partner .category_block .btn_expand:after{
	content: "";
	display: block;
	width: 0.7em;
	height: 0.7em;
	transform: rotate(-45deg);
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	position: absolute;
	right: 50px;
	top: calc(50% - 0.7em);
	bottom: auto;
	transition: .3s ease all;
}
@media screen and (max-width: 768px){
#partner .category_block .btn_expand:after{
	right: 45px;
}
}
#partner .category_block.active .btn_expand:after{
	transform: rotate(135deg);
	top: auto;
	bottom: calc(50% - 0.7em);
}
#partner .category_block .btn_expand:hover{
	color: #d28600;
	border-color: #d28600;
	top: 3px;
	box-shadow: 0 0 2px rgba(0,0,0,0.3);
}
#partner .category_block .btn_expand:hover:after{
	border-color: #d28600;
}
#partner .sec-about{
	background: #edf4f8;
	padding: 190px 0 120px;
	position: relative;
}
@media screen and (max-width: 768px) {
#partner .sec-about{
	padding: 100px 0 90px;
}
}
#partner .sec-about:before{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 130px 50vw 0 50vw;
	border-color: #fff transparent transparent transparent;
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (max-width: 1000px) {
#partner .sec-about:before{
	border-width: 130px 500px 0 500px;
}
}
@media screen and (max-width: 768px) {
#partner .sec-about:before{
	border-width: 70px 50vw 0 50vw;
}
}
#partner .sec-about h4{
	text-align: center;
	font-size: 34px;
	margin: 0 0 1em;
}
@media screen and (max-width: 768px) {
#partner .sec-about h4{
	font-size: 21.2px;
}
}
#partner .sec-about .lead{
	font-size: 20px;
	margin-bottom: 2em;
	text-align: center;
}
@media screen and (max-width: 768px) {
#partner .sec-about .lead{
	font-size: 14.8px;
}
}
#partner .program_list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
#partner .program_list{
	display: block;
	margin-bottom: 65px;
}
}
#partner .program_list li{
	width: calc((100% - 60px) / 3);
	background: #fff;
}
@media screen and (max-width: 768px) {
#partner .program_list li{
	width: 95%;
	max-width: 330px;
	margin: 0 auto 26px;
}
#partner .program_list li:last-child{
	margin-bottom: 0;
}
}
#partner .program_list h5{
	text-align: center;
	font-size: 32px;
	line-height: 1.3;
	padding: 1em 0.5em;
	margin: 0;
}
@media screen and (max-width: 768px) {
#partner .program_list h5{
	font-size: 24.9px;
}
}
#partner .program_list .description{
	margin: 0;
	font-size: 21px;
	padding: 1.5em 1.2em 2em;
}
@media screen and (max-width: 768px) {
#partner .program_list .description{
	font-size: 15.9px;
}
}
#partner .flow_list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
#partner .flow_list{
	display: block;
}
}
#partner .flow_list li{
	width: calc((100% - 60px) / 3);
	background: #fff;
	text-align: center;
	padding: 30px 30px 40px;
	position: relative;
}
@media screen and (max-width: 768px) {
#partner .flow_list li{
	width: 95%;
	max-width: 330px;
	margin: 0 auto 26px;
	padding: 20px 20px 30px;
}
#partner .flow_list li:last-child{
	margin-bottom: 0;
}
}
#partner .flow_list li:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 27.5px 0 27.5px 30px;
	border-color: transparent transparent transparent #ffffff;
	position: absolute;
	right: -30px;
	top: calc(50% - 27.5px);
}
@media screen and (max-width: 768px) {
#partner .flow_list li:after{
	right: auto;
	top: auto;
	bottom: -25px;
	left: calc(50% - 26.5px);
	border-width: 26px 26.5px 0 26.5px;
	border-color: #fff transparent transparent transparent;
}
}
#partner .flow_list li:last-child:after{
	display: none;
}
#partner .flow_list h5{
	color: #0071bc;
	margin: 0 0 1em;
	padding: 0;
	font-size: 24px;
}
@media screen and (max-width: 768px) {
#partner .flow_list h5{
	font-size: 20.1px;
}
}
#partner .flow_list p{
	margin: 0;
	font-size: 22px;
}
@media screen and (max-width: 768px) {
#partner .flow_list p{
	font-size: 18px;
	max-width: 252px;
	margin: 0 auto;
}
}
#partner .sec-about .message{
	text-align: center;
	font-weight: bold;
	font-size: 28px;
	margin: 4em 0 1.5em;
}
@media screen and (max-width: 768px) {
#partner .sec-about .message{
	font-size: 19.1px;
	width: 90%;
	margin: 4em auto 1.5em;
}
}
#partner .btn_join{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	width: 488px;
	height: 122px;
	border-radius: 61px;
	background: #0071bc;
	border: 2px solid #fff;
	position: relative;
	box-shadow: 0 2.5px 4px rgba(0,0,0,0.2);
	color: #fff;
	font-size: 26px;
	font-weight: bold;
	opacity: 1!important;
	transition: .3s all ease;
}
@media screen and (max-width: 768px) {
#partner .btn_join{
	width: 90%;
	max-width: 318px;
	height: 116px;
	font-size: 20.1px;
	padding: 0 10px;
}
}
#partner .btn_join:hover{
	top: 3px;
	background: #fff;
	color: #0071bc;
	border-color: #0071bc;
	box-shadow: 0 1px 4px rgba(0,0,0,0.2);
}
#partner .btn_join .txt{
	text-align: center;
	font-weight: inherit;
	font-size: inherit;
	color: inherit;
}

/** ブログページ リニューアル **/
.blog-page .article-list{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
}
.blog-page .article-list .gutter-sizer{
  width: 3%;
}
.blog-page .article-list article{
	width: 31%;
	margin-bottom: 30px!important;
}
.blog-page .article-list article:nth-child(3n),
.blog-page .article-list article:nth-child(3n-1){
	margin-right: auto;
	/* margin-left: 11.29%; */
	margin-left: 3.5%;
}
.blog-page .article-list article .article_links{
	opacity: 1!important;
	color: #333333;
	padding: 10px;
	display: block;
	width: 100%;
	height: 100%;
	/* margin-bottom: 30px!important; */
	/* background: #fafafa; */
	background: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	transition: .3s all ease;
}
.blog-page .article-list article .article_links:hover{
	opacity: 0.8!important;
	box-shadow: 0 0 7px rgba(210,134,1,0.4);
}
.blog-page .article-list article .date{
	font-size: 13px;
	margin: 0.5em 0 0!important;
}
.blog-page .article-list article .article-ttl{
	font-size: 16px;
	margin: 0.5em 0;
	line-height: 1.5;
	display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 制限したい行数が3の場合 */
  overflow: hidden;
}
.blog-page .article-list article .views{
	font-size: 13px;
	text-align: right;
}
.blog-page .article-list article .thumbnail{
	position: relative;
  width: 100%;
}
.blog-page .article-list article .thumbnail:before{
	display: block;
	padding-top: 60%;
	content: '';
}
.blog-page .article-list article .thumbnail img{
	display: block;
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%!important;
	object-fit: cover;
}
.blog-page .article-list article .thumbnail .term-name{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 10px;
	display: inline-block;
	background: #d28601;
	color: #fff;
	text-align: center;
	padding: 0.2em 0.8em;
	font-weight: bold;
	line-height: 1.5;
}
.blog-page .sidebar .side-ttl{
	font-size: 18px;
	border-bottom: solid 3px #333333;
	line-height: 1.5;
	padding: 0.5em 0;
}
.blog-page .sidebar .bnr-area{
	margin-top: 30px;
	text-align: center;
}
.blog-page .sidebar .profile-box .avator{
	text-align: center;
}
.blog-page .sidebar .profile-box .avator img{
	display: inline-block;
	border-radius: 50%;
}
.blog-page .sidebar .profile-box .avator .name{
	font-weight: bold;
	text-align: center;
	font-size: 13px;
}
.blog-page .sidebar .profile-box .description{
	font-size: 13px;
}
.blog-page .sidebar .category-list{
	padding: 0;
}
.blog-page .sidebar .category-list li:before{
	display: none;
}
.blog-page .sidebar .category-list li{
	padding: 0.5em 0;
	margin-bottom: 0;
	line-height: 1.5;
	font-size: 13px;
	border-bottom: solid 1px #eee;
}
#infscr-loading {
	position: absolute;
	bottom: -40px;
	left: calc(50% - 15px);
	text-align: center;
}
#infscr-loading img{
	width: 30px; /*ローディング画像のサイズ*/
}
@media screen and (max-width: 768px){
	.blog-page .article-list{
		max-width: 500px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.blog-page .article-list article .article_links{
		margin-bottom: 20px!important;
	}
	.blog-page .article-list article{
		width: 100%;
	}
	.blog-page .article-list article:nth-child(3n),
	.blog-page .article-list article:nth-child(3n-1){
		margin-right: 0;
		margin-left: 0;
	}
	.blog-page .sidebar{
		max-width: 500px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	.blog-page .article-list article .date{
		font-size: 10px;
	}
	.blog-page .article-list article .article-ttl{
		font-size: 13px;
	}
	.blog-page .article-list article .views{
		font-size: 13px;
	}
}

/** 導入事例リニューアル **/
#archive-case{
	padding: 0 0 120px;
	color: #000;
}
#archive-case .container{
	/* width: 1060px; */
	width: 1240px;
	min-width: 1000px;
	padding: 0 20px;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	#archive-case .container{
		min-width: 0;
		width: 100%;
	}
}
#archive-case .filter-wrap{
	margin-top: 35px;
}
@media screen and (max-width: 767px) {
	#archive-case .filter-wrap{
		margin-top: 40px;
	}
}
#archive-case .filter-ttl{
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	line-height: 1;
	margin-bottom: 1em;
}
@media screen and (max-width: 767px) {
	#archive-case .filter-ttl{
		font-size: 20px;
	}
}
#archive-case .filter-nav{
    display: flex;
    justify-content: space-between;
	font-family: inherit;
    opacity: 0;
    transition: opacity 0.3s ease;
    display: flex;
}
#archive-case .filter-nav.visible{
    opacity: 1;
}
#archive-case .filter-nav-item{
	width: 32%;
	height: 48px;
	font-size: 16px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #005994;
	border-radius: 5px;
	position: relative;
	appearance: none;
	outline: none;
	background: #fff;
	font-family: inherit;
}
@media screen and (max-width: 767px) {
	#archive-case .filter-nav-item{
		height: 68px;
		font-size: 14px;
		line-height: 1.2;
		align-items: flex-start;
		padding-top: 8px;
	}
	#archive-case .filter-nav-txt{
		display: inline-flex;
		width: 4em;
		height: 2.4em;
		align-items: center;
		justify-content: center;
	}
}
#archive-case .filter-nav-item:hover{
	background: rgba(0, 89, 148, 0.1);
}
#archive-case .filter-nav-item.active{
	color: #fff;
	background: #005994;
}
#archive-case .filter-nav-item:after{
	content: "";
	display: block;
	width: 12px;
	height: 7px;
	background: url(../images/case/arrow-down-blue.svg) center/contain no-repeat;
	position: absolute;
	top: calc(50% - 3.5px);
	right: 24px;
}
@media screen and (max-width: 767px) {
	#archive-case .filter-nav-item:after{
		width: 12px;
		height: 6px;
		top: auto;
		right: calc(50% - 6px);
		bottom: 9px;
	}
}
#archive-case .filter-nav-item.active:after{
	background-image: url(../images/case/arrow-down-white.svg);
}
#archive-case .filter-list{
	background: #f2f2f2;
	padding: 20px;
	border-radius: 5px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 12px;
    opacity: 0;
}
@media screen and (max-width: 767px) {
	#archive-case .filter-list{
		gap: 12px 7px;
		margin-top: 6px;
		padding: 18px;
	}
}
#archive-case .filter-list.visible{
    opacity: 1;
}
#archive-case .filter-list-item{
	display: inline-block;
	background: #fff;
	text-align: center;
	height: 2.2em;
	font-size: 14px;
	border-radius: 1.1em;
	line-height: 1;
	padding: 0.6em 1em;
}
@media screen and (max-width: 767px) {
	#archive-case .filter-list-item{
		font-size: 11px;
	}
}
#archive-case .filter-list-item a{
	color: #000;
	transition: .3s all ease;
}
#archive-case .filter-list-item.active{
	background: #005994;
}
#archive-case .filter-list-item.active a{
	color: #fff;
}
#archive-case .filter-list-item a:hover{
	color: #d28600!important;
	opacity: 1!important;
}
#archive-case .case{
	margin-top: 60px;
}
@media screen and (max-width: 767px) {
	#archive-case .case{
		margin-top: 50px;
	}
}
#archive-case .case-list{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 60px 1%;
}
@media screen and (max-width: 767px) {
	#archive-case .case-list{
		justify-content: center;
		gap: 72px;
	}
}
#archive-case .case-list-item{
	width: calc(98% / 3);
	border-radius: 10px;
	box-shadow: 3px 3px 7px rgba(0,0,0,0.15);
	overflow: hidden;
	padding: 0;
	margin: 0;
}
@media screen and (max-width: 767px) {
	#archive-case .case-list-item{
		width: 92%!important;
		border-radius: 12px;
	}
}
@media screen and (max-width: 415px) {
	#archive-case .case-list-item{
		width: 100%;
	}
}
#archive-case .case-list-item:before{
	display: none;
}
#archive-case .case-list-img{
	width: 100%;
	aspect-ratio: 16 / 9;
	border-bottom: 1px solid #f0f0f0;
}
@media screen and (max-width: 767px) {
	#archive-case .case-list-img{
		aspect-ratio: 16 / 9;
	}
}
#archive-case .case-list-img img{
	width: 100%;
	height: 100%!important;
	object-fit: cover;
}
#archive-case .case-list-txt{
	padding: 15px 20px 27px;
}
@media screen and (max-width: 767px) {
	#archive-case .case-list-txt{
		padding: 24px 18px 30px;
	}
}
#archive-case .case-list-logo{
	width: 100%;
	height: 48px;
	margin-bottom: 15px;
	text-align: center;
}
@media screen and (max-width: 767px) {
	#archive-case .case-list-logo{
		height: 54px;
		margin-bottom: 30px;
	}
}
#archive-case .case-list-logo img{
	width: 80%;
	height: 100%!important;
	object-fit: contain;
}
#archive-case .case-list-ttl{
	line-height: 1.5;
	font-size: 18px;
	font-weight: bold;
	min-height: 4.5em;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	#archive-case .case-list-ttl{
		font-size: 20px;
	}
}
#archive-case .case-list-ttl a{
	color: #000;
	font-weight: inherit;
	transition: .3s all ease;
}
#archive-case .case-list-ttl a:hover{
	color: #d28600;
	opacity: 1!important;
}
#archive-case .categories-list{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 0.7em 1em;
	font-size: 10px;
}
@media screen and (max-width: 767px) {
	#archive-case .categories-list{
		font-size: 12px;
	}
}
#archive-case .categories-list-item{
	border: 1px solid #005994;
	display: inline-block;
	line-height: 1;
	padding: 0.5em 1em;
	border-radius: 1em;
}
.paging{
  margin: 80px 0 100px;
  position: relative;
  z-index: 1;
}
.paging a{
  color: #005994!important;
  background: none!important;
  padding: 0!important;
}
.paging .paging-border{
  border-top: solid 1px #eee;
  border-bottom: solid 1px #eee;
  height: 4em;
  position: relative;
  line-height: 1;
}
.paging .prev{
  position: absolute;
  left: 0;
  top: 1.4em;
  line-height: 1;
}
.paging .next{
  position: absolute;
  right: 0;
  top: 1.4em;
  line-height: 1;
}
.paging a.page-numbers {
  display: none;
}
.paging a.page-numbers.prev, 
.paging a.page-numbers.next {
  display: inline;
}
.paging span.page-numbers{
	display: none;
}

#single-case{
	border-top: 6px solid #FAF3E6;
	padding: 60px 0 80px;
	color: #000;
}
@media screen and (max-width: 767px) {
	#single-case{
		padding: 36px 0 72px;
	}
}
@media screen and (max-width: 767px) {
#single-case .pc{
	display: none!important;
}
}
@media screen and (min-width: 768px) {
#single-case .sp{
	display: none!important;
}
}
#single-case .nowrap{
	display: inline-block;
	font-weight: inherit;
	font-size: inherit;
	line-height: inherit;
}
#single-case .container{
	width: 1060px;
	min-width: 1000px;
	padding: 0 20px;
	margin: 0 auto;
}
@media screen and (max-width: 767px) {
	#single-case .container{
		min-width: 0;
		width: 100%;
	}
}
#single-case .heading .container{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 36px 8%;
}
#single-case .heading-txt{
	width: 50%;
}
@media screen and (max-width: 767px) {
	#single-case .heading-txt{
		width: 100%;
	}
}
#single-case .heading-ttl{
	font-weight: bold;
	font-size: 28px;
	line-height: 1.8;
}
@media screen and (max-width: 767px) {
	#single-case .heading-ttl{
		font-size: 22px;
	}
}
#single-case .heading-subttl{
	font-size: 16px;
	color: #666;
	font-weight: bold;
	margin-top: 0.5em;
	line-height: 1.8;
}
@media screen and (max-width: 767px) {
	#single-case .heading-subttl{
		font-size: 15px;
	}
}
#single-case .heading-img{
	width: 42%;
	aspect-ratio: 420 / 286;
	border: 1px solid #f0f0f0;
}
@media screen and (max-width: 767px) {
	#single-case .heading-img{
		width: 100%;
	}
}
#single-case .heading-img img{
	width: 100%;
	height: 100%!important;
	object-fit: cover;
}
#single-case .heading-company{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 40px;
	gap: 10px 30px;
}
@media screen and (max-width: 767px) {
	#single-case .heading-company{
		margin-top: 30px;
		flex-direction: column;
		align-items: start;
	}
}
#single-case .heading-company-logo{
	height: 50px!important;
	width: auto;
	max-width: 200px;
	object-fit: contain;
	display: inline-block;
}
@media screen and (max-width: 767px) {
	#single-case .heading-company-logo{
		height: 78px!important;
		max-width: 240px;
	}
}
#single-case.post-2810 .heading-company-logo{
	height: 70px!important;
}
@media screen and (max-width: 767px) {
	#single-case.post-2810 .heading-company-logo{
		height: 109px!important;
	}
}
#single-case .heading-company-name{
	font-weight: bold;
	font-size: 20px;
	margin: 0;
}
@media screen and (max-width: 767px) {
	#single-case .heading-company-name{
		font-size: 19px;
	}
}
#single-case .categories-list{
	margin-top: 40px;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 1.2em 1em;
	font-size: 14px;
}
@media screen and (max-width: 767px) {
	#single-case .categories-list{
		margin-top: 24px;
		gap: 0.7em 1.1em;
	}
}
#single-case .categories-list-item{
	display: inline-block;
	line-height: 1;
	padding: 0.5em 1.5em;
	border: 1px solid #005994;
	border-radius: 1em;
}
#single-case .info{
	margin-top: 40px;
}
#single-case .company-info{
	background: #F2F2F2;
	padding: 25px 36px;
}
@media screen and (max-width: 767px) {
	#single-case .company-info{
		padding: 24px;
	}
}
#single-case .company-info-heading{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	gap: 10px 25px;
}
@media screen and (max-width: 767px) {
	#single-case .company-info-heading{
		margin-bottom: 15px;
	}
}
#single-case .company-info-ttl{
	margin: 0;
	font-size: 19px;
	font-weight: normal;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	#single-case .company-info-ttl{
		width: 100%;
		font-size: 16px;
	}
}
#single-case .company-info-url{
	font-size: 14px;
	color: #D9881E;
}
@media screen and (max-width: 767px) {
	#single-case .company-info-url{
		width: 100%;
	}
}
#single-case .company-info-desc{
	font-size: 14px;
}
@media screen and (max-width: 767px) {
	#single-case .company-info-desc{
		margin-top: 10px;
	}
}
#single-case .list-wrap{
	margin-top: 50px;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
@media screen and (max-width: 767px) {
	#single-case .list-wrap{
		margin-top: 40px;
		gap: 40px;
	}
}
#single-case .list{
	border: 1px solid #005994;
	border-radius: 5px;
	display: flex;
	justify-content: flex-start;
	padding: 10px 0;
}
@media screen and (max-width: 767px) {
	#single-case .list{
		padding: 18px 0;
	}
}
#single-case .result-list{
	border-color: #D9881E;
}
#single-case .list-ttl{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	width: 136px;
	border-right: 2px solid #005994;
	font-weight: bold;
	font-size: 20px;
}
@media screen and (max-width: 767px) {
	#single-case .list-ttl{
		width: 80px;
		font-size: 14px;
	}
}
#single-case .result-list .list-ttl{
	border-color: #D9881E;
}
#single-case .list ul{
	width: calc(100% - 136px);
	font-size: 16px;
	padding: 1em;
	display: flex;
	flex-direction: column;
	gap: 0.5em;
}
@media screen and (max-width: 767px) {
	#single-case .list ul{
		width: calc(100% - 80px);
		font-size: 14px;
		gap: 15px;
		padding: 0 1em 0 0.5em;
	}
}
#single-case .list li{
	text-indent: -1.45em;
	padding-left: 1.45em;
}
#single-case .list li:before{
	content: "";
	background: url(../images/case/check-blue.svg) center/contain no-repeat;
	display: inline-block;
	width: 0.75em;
	height: 0.6em;
	vertical-align: middle;
	margin-right: 0.7em;
	position: relative;
	bottom: 0.1em;
}
#single-case .result-list li:before{
	background-image: url(../images/case/check-orange.svg);
}
#single-case .contents{
	margin-top: 50px;
}
@media screen and (max-width: 767px) {
	#single-case .contents{
		margin-top: 40px;
	}
}
#single-case .body p{
	padding-left: 30px;
	line-height: 1.6;
	font-size: 16px;
}
@media screen and (max-width: 767px) {
	#single-case .body p{
		padding-left: 21px;
		font-size: 15px;
		margin-top: 1em!important;
	}
}
#single-case .body .question{
	font-weight: bold;
	font-size: 20px;
	line-height: 1.2;
	padding-left: 30px;
	position: relative;
	margin-top: 50px!important;
}
@media screen and (max-width: 767px) {
	#single-case .body .question{
		font-size: 18px;
		padding-left: 21px;
		line-height: 1.5;
	}
}
#single-case .body .question:first-child{
	margin-top: 0!important;
}
#single-case .body .question:before{
	content: "";
	background: url(../images/case/icon-heading.svg) center/contain no-repeat;
	display: inline-block;
	width: 1em;
	height: 1.5em;
	position: absolute;
	top: -0.2em;
	left: 0;
}
@media screen and (max-width: 767px) {
	#single-case .body .question:before{
		top: -0.1em;
	}
}
#single-case .body .answer{
	padding-left: 30px;
	line-height: 1.6;
	font-size: 16px;
	margin-bottom: 1em!important;
}
@media screen and (max-width: 767px) {
	#single-case .body .answer{
		padding-left: 21px;
		font-size: 15px;
		margin-top: 1em!important;
	}
}
#single-case .body strong{
    background: linear-gradient(transparent 60%, #ff9 60%);
    display: inline;
}
#single-case .body .answer p{
	padding-left: 0;
}
#single-case .body .name{
	margin: 1.5em 0 0.5em!important;
	font-weight: bold;
	font-size: 16px;
}
@media screen and (max-width: 767px) {
	#single-case .body .name{
		font-size: 15px;
	}
}
#single-case .body .name + p{
	margin-top: 0!important;
}
#single-case .body .ph{
	margin: 2em auto;
	max-width: 100%;
	display: block;
}
#single-case .body .ph-figure{
	text-align: center;
	margin: 2em auto;
}
#single-case .body .ph-figure .ph,
#single-case .body .ph-figure .figure{
	margin: 0 auto;
}
#single-case .body .ph-caption,
#single-case .body .figure-caption{
	text-align: center;
	font-size: 14px;
	color: #666666;
	margin-top: 0.5em;
}
#single-case .body ul{
	padding-left: 1.5em;
	display: flex;
	flex-direction: column;
	gap: 0.5em;
}
#single-case .body ul li{
	list-style: disc;
}
#single-case .body ol{
	padding-left: 1.5em;
	display: flex;
	flex-direction: column;
	gap: 0.5em;
}
#single-case .body ol li{
	list-style: decimal;
}
#single-case .body .figure-wrap{
	margin: 2em auto;
	font-size: 14px;
}
#single-case .body .figure-wrap img{
	margin-bottom: 0.5em;
}
#single-case .body .sec-ttl{
	font-weight: bold;
	font-size: 18px;
	margin: 1.5em 0 1em!important;
}
@media screen and (max-width: 767px) {
	#single-case .body .sec-ttl{
		font-size: 17px;
	}
}
#single-case .body .subsec-ttl{
	font-weight: bold;
	font-size: 17px;
	margin: 1.5em 0 1em!important;
}
@media screen and (max-width: 767px) {
	#single-case .body .subsec-ttl{
		font-size: 16px;
	}
}
#single-case .body .figure{
	max-width: 100%;
	margin: 0 auto 2em;
	display: block;
}
#single-case .body .table-wrap{
	overflow-x: auto;
}
#single-case .body .table-wrap table{
	width: 100%;
	font-size: 14px;
	white-space: nowrap;
}
#single-case .body .table-wrap th{
  border: 1px solid #dfdfdf;
	padding: 0.5em;
	width: auto!important;
	background: #f0f0f0;
	display: table-cell!important;
	color: #000!important;
}
#single-case .body .table-wrap td{
  border: 1px solid #dfdfdf;
	padding: 0.5em;
	width: auto!important;
	display: table-cell!important;
}
#single-case .profile{
	margin-top: 50px;
	background: #F9EDDD;
	border-radius: 6px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	gap: 0 30px;
	padding: 40px 60px;
}
@media screen and (max-width: 767px) {
	#single-case .profile{
		margin-top: 70px;
		padding: 36px 24px;
	}
}
#single-case .profile-img{
	width: 120px;
	height: 90px;
}
@media screen and (max-width: 767px) {
	#single-case .profile-img{
		margin: 0 auto;
	}
}
#single-case .profile-img img{
	width: 100%;
	height: 100%!important;
	object-fit: cover;
}
#single-case .profile-txt{
	width: calc(100% - 150px);
}
@media screen and (max-width: 767px) {
	#single-case .profile-txt{
		width: 100%;
		text-align: center;
	}
}
#single-case .profile-ttl{
	font-weight: bold;
	font-size: 19px;
	line-height: 1.2;
}
@media screen and (max-width: 767px) {
	#single-case .profile-ttl{
		font-size: 15px;
		line-height: 1.7;
		margin-bottom: 1em;
	}
}
#single-case .profile-desc{
	font-size: 14px;
	line-height: 1.85;
	margin-top: 1.2em;
	text-align: left;
}
#single-case .btn-back{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #D9881E;
	margin: 60px auto 0;
	width: 240px;
	height: 47px;
	color: #D9881E;
	font-size: 16px;
	position: relative;
	border-radius: 5px;
	transition: .3s all ease;
}
#single-case .btn-back:after{
	content: "";
	background: url(../images/case/arrow-right-orange.svg) center/contain no-repeat;
	display: inline-block;
	width: 0.3125em;
	height: 0.625em;
	position: absolute;
	top: calc(50% - 0.3125em);
	right: 2em;
}
#single-case .btn-back:hover{
	opacity: 1!important;
	background: rgba(217, 136, 30, 0.05);
}
#single-case .body .answer > .desc:first-child {
	margin-top: 1.5em!important;
}

.content-hero .mv{
	position: relative;
}
.content-hero .mv-txt{
	position: absolute;
	left: clamp(88px, 9.17vw, 110px);
	top: clamp(24px, 2.50vw, 30px);
}
@media screen and (max-width: 767px) {
	.content-hero .mv-txt{
		left: 0;
		top: 3.5vw;
		text-align: center;
		padding: 0 2.5%;
		width: 100%;
	}
}
.content-hero .mv-phrase{
	font-weight: bold;
	font-size: clamp(17.6px, 1.83vw, 22px);
	text-shadow: 0.06em 0.09em 0.06em rgba(0,0,0,0.4);
	margin-bottom: 0;
	line-height: 1.4;
	color: #fff;
}
@media screen and (max-width: 767px) {
	.content-hero .mv-phrase{
		font-size: 4vw;
	}
}
.content-hero .mv-ttl{
	font-weight: bold;
	font-size: clamp(28.8px, 3.00vw, 36px);
	text-shadow: 0.06em 0.09em 0.06em rgba(0,0,0,0.4);
	line-height: 1.4;
	color: #fff;
	padding: 0;
}
@media screen and (max-width: 767px) {
	.content-hero .mv-ttl{
		font-size: 6vw;
		margin-top: 0.2em;
		line-height: 1.3;
	}
}
.content-hero .mv-desc{
	text-shadow: 0.06em 0.09em 0.06em rgba(0,0,0,0.3);
	font-weight: bold;
	font-size: clamp(13.6px, 1.42vw, 17px);
	margin-top: 0.7em;
	color: #fff;
}
@media screen and (max-width: 767px) {
	.content-hero .mv-desc{
		font-size: 3.2vw;
		line-height: 1.4;
		margin-top: 0.5em;
	}
}
.content-hero .mv-badge-txt{
	position: absolute;
	right: clamp(92px, 9.2vw, 115px);
	top: clamp(64px, 6.3vw, 80px);
	font-weight: bold;
	font-size: clamp(9.2px, 0.95vw, 11.5px);
	line-height: 1.3;
	text-align: center;
	color: #000;
	margin: 0;
}
@media screen and (max-width: 767px) {
	.content-hero .mv-badge-txt{
		right: 10vw;
		top: 49vw;
		font-size: 2.7vw;
	}
}
.content-hero .mv-badge-txt strong{
	color: #f15a24;
	font-size: clamp(11.2px, 1.17vw, 14px);
}
@media screen and (max-width: 767px) {
	.content-hero .mv-badge-txt strong{
		font-size: 3.1vw;
	}
}

.content-hero .mv-badge-txt .mv-badge-large{
	font-size: clamp(12.8px, 1.33vw, 16px);
}
@media screen and (max-width: 767px) {
	.content-hero .mv-badge-txt .mv-badge-large{
		font-size: 3.6vw;
	}
}

.message-lead{
	font-weight: bold;
	font-size: 1.2em!important;
}
@media screen and (max-width: 767px) {
	.message-lead{
		text-align: left;
		font-size: 1.1em!important;
	}
}
.cando-ttl .nowrap{
	display: inline-block;
	font-weight: inherit;
}
.cando-lead{
	font-weight: bold;
	font-size: 1.2em!important;
	margin-bottom: 0;
}
@media screen and (max-width: 767px) {
	.cando-lead{
		text-align: left;
		font-size: 1.1em!important;
	}
}
.cando-note{
	margin-top: 0.5em;
}
@media screen and (max-width: 767px) {
	.cando-note{
		font-size: 1em!important;
	}
}
.tabs .tab-ttl{
	font-weight: bold;
	font-size: min(30px, 2.5vw);
	line-height: 1;
	margin: 0;
}
.tabs .tab-desc{
	font-size: min(20px, 1.67vw);
	line-height: 1;
	margin: 0.2em 0 0;
	position: relative;
	display: inline-block;
}
.tabs .tab-desc:before{
	content: "";
	display: inline-block;
	width: min(14px, 1.17vw);
	height: min(37px, 3.08vw);
	position: absolute;
	top: calc(50% - min(17px, 1.42vw));
	left: max(-20px, -1.67vw);
	background: url(/wp-content/themes/themeLP/images/fgStructureBracketL.png) center/contain no-repeat;
}
.tabs .tab-desc:after{
	content: "";
	display: inline-block;
	width: min(14px, 1.17vw);
	height: min(37px, 3.08vw);
	position: absolute;
	top: calc(50% - min(17px, 1.42vw));
	right: max(-20px, -1.67vw);
	background: url(/wp-content/themes/themeLP/images/fgStructureBracketR.png) center/contain no-repeat;
}
.tabs .tab-desc .adj{
	letter-spacing: -0.4em;
}
.panel .panel-fig{
	position: relative;
	text-align: center;
}
.panel .panel-fig-txt{
	color: #4e4e4e;
	position: absolute;
	top: 10px;
	left: 0;
	width: 100%;
	line-height: 1;
	padding: 20px 20px 0;
}
@media screen and (max-width: 767px) {
	.panel .panel-fig-txt{
		top: 0;
		padding: 3vw 1vw 0;
	}
}
.panel .panel-fig-plan{
	font-weight: bold;
	font-size: 17px;
	line-height: 1.5;
	margin: 0;
	transform: translateX(-0.5%);
}
@media screen and (max-width: 767px) {
	.panel .panel-fig-plan{
		margin-bottom: 0.5em;
		font-size: 4.5vw;
	}
}
.panel .panel-fig-plan .large{
	font-size: 1.2em;
	font-weight: inherit;
}
@media screen and (max-width: 767px) {
	.panel .panel-fig-plan .large{
		font-size: 1em;
	}
}
.panel .panel-fig-measure{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5;
	margin: 0;
	transform: translateX(-0.5%);
}
@media screen and (max-width: 767px) {
	.panel .panel-fig-measure{
		font-size: 6vw;
	}
}
.panel .panel-fig-measure .large{
	font-size: 1.2em;
	font-weight: inherit;
}
@media screen and (max-width: 767px) {
	.panel .panel-fig-measure .large{
		font-size: 1em;
	}
}
.content-calc-desc{
	color: #fff;
	font-weight: bold;
	font-size: 1.4em;
	margin-top: 0;
	line-height: 1.3;
}
@media screen and (max-width: 767px) {
	.content-calc-desc{
		font-size: 1.2em;
	}
}
.content-calc-desc .large{
	font-weight: inherit;
}
.content-calc-desc .nowrap{
	display: inline-block;
	font-weight: inherit;
}

.function-mv{
	position: relative;
}
.function-mv .large{
	font-weight: inherit;
}
.function-mv-txt{
	position: absolute;
	top: clamp(20px, 2vw, 24px);
	left: clamp(101px, 10.08vw, 121px);
	width: calc(100% - clamp(101px, 10.08vw, 121px));
}
@media screen and (max-width: 767px) {
	.function-mv-txt{
		top: 2.86vw;
		left: 14.40vw;
		width: calc(100% - 14.40vw);
	}
}
.function-mv-phrase{
	font-weight: bold;
	text-align: center;
	color: #fff;
	font-size: clamp(14px, 1.42vw, 17px);
	margin: 0;
}
@media screen and (max-width: 767px) {
	.function-mv-phrase{
		font-size: 1.9vw;
	}
}
.function-mv-phrase .large{
	font-weight: inherit;
}
.function-mv-ttl{
	font-weight: bold;
	text-align: center;
	color: #000;
	font-size: clamp(15px, 1.58vw, 19px);
	margin: 0;
}
@media screen and (max-width: 767px) {
	.function-mv-ttl{
		font-size: 2.1vw;
	}
}
.function-mv-ttl .large{
	font-weight: inherit;
}
.function-mv-patent{
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: clamp(18px, 1.75vw, 21px);
	color: #333333;
	font-size: clamp(17px, 1.67vw, 20px);
	width: clamp(84px, 8.42vw, 101px);
	height: clamp(90px, 9.00vw, 108px);
	margin: 0;
	line-height: 1.25;
}
@media screen and (max-width: 767px) {
	.function-mv-patent{
		left: 2.50vw;
		font-size: 2.38vw;
		width: 12.02vw;
		height: 12.86vw;
	}
}
.function-mv-patent .txt{
	font-weight: inherit;
}
.function-mv-patent .large{
	font-size: 1.5em;
	letter-spacing: 0.1em;
	position: relative;
	left: 0.05em;
}

.automation-index-contents{
	position: relative;
}
.automation-index-txt{
	position: absolute;
	width: calc(100% - clamp(8px, 0.83vw, 10px));
	left: 0;
	top: clamp(43px, 4.33vw, 52px);
	text-align: center;
	color: #333333;
	font-weight: bold;
	font-size: clamp(17px, 1.75vw, 21px);
}

.compare-mv{
	position: relative;
}
.compare-mv-txt{
	position: absolute;
	left: clamp(325px, 32.50vw, 390px);
	bottom: clamp(79px, 7.92vw, 95px);
	width: calc(100% - clamp(325px, 32.50vw, 390px));
	text-align: left;
	font-weight: bold;
	font-size: clamp(15px, 1.50vw, 18px);
}
@media screen and (max-width: 767px) {
	.compare-mv-txt{
		left: 46.43vw;
		bottom: 11vw;
		width: calc(100% - 46.43vw);
		font-size: 2.14vw;
	}
}
.compare-top-subsec:first-child{
	margin-bottom: 5em;
}
.compare-top-heading{
	background: #FAF3E6;
	width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin: 0 -50vw 3em;
}
.compare-top-ttl{
	padding: 2em 0!important;
}
.compare-top-desc{
	font-weight: bold;
	font-size: 1.2em!important;
	margin-bottom: clamp(33px, 3.33vw, 40px);
}
@media screen and (max-width: 767px) {
	.compare-top-desc{
		text-align: left;
		font-size: 1em!important;
		margin-bottom: 4.76vw;
	}
}
.compare-top-desc .normal{
	font-weight: normal;
	font-size: 0.9em;
	margin-bottom: 0.2em;
	display: inline-block;
}
.compare-top-fig{
	text-align: center;
}
.compare-top-img{
	width: 100%;
	max-width: 830px;
}

/** Webinar申し込みページ **/
#page-webinar .content{
	padding-top: 2.0em;
}
@media screen and (max-width: 768px) {
	#page-webinar .content{
		padding-top: 1em;
	}
}
#page-webinar iframe{
	margin: 0 auto;
	display: block;
}
@media screen and (max-width: 768px) {
	#page-webinar iframe{
		width: 100%;
	}
	#page-webinar .inner-sp{
		padding: 0;
	}
}