@charset "utf-8";
/* CSS Document */
html {
	-webkit-text-size-adjust: 100%;
}
.co_linkinvaid {
	pointer-events: none;
	opacity: 0.5;
}
.co {
	/*min-width: 965px;*/
	overflow: hidden;
}
.co *:not(#ModalYouTube) {
	box-sizing: border-box;
}
.co #HeaderArea * {
	box-sizing: content-box;
}
.co_Smaller #SiteIdentity{
    display: none;
}
.co_Smaller #co_GlobalNaviTop_Wrap {
    position: fixed;
    top: 0;
    width: calc(100% + 15px);
    z-index: 999;
    box-shadow: 0px 5px 22px -9px rgba(0,0,0,0.3);
    background-color: #f2f2f2;
    padding: 0 24px;
    margin-left: -15px;
}
.co_Smaller #GlobalNaviTop {
    width: 965px;
    margin: 0 auto;
}
.co img {
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
	height: auto;
}
.co #Contents {
	background-color: #F9F9F9;
}
.co_SPonly {
	display: none;
}
.co .Section {
	padding: 0;
}
/** *:last-of-type {
	margin-bottom: 0;
}*//*new*/
.co_ContentsWrap {
	margin-left: calc(((100vw - 100%) / 2) * -1);
	margin-right: calc(((100vw - 100%) / 2) * -1);
	padding: 40px 23px;
}
.co_ContentsWrap:nth-of-type(2n) {
	background-color: #F2F2F2;
}
.co_ContentsWrap .Section {
	width: 100%;
	max-width: 965px;
	margin: 0 auto;
}
body:not(#co_About) .Section .Section {/*new*/
	padding: 40px 0px 0px;
    margin-top: 20px;
}
.co_ContentsWrap > .Section:nth-of-type(n+2) {
	margin-top: 50px;
}
.co_Flex {
	display: -webkit-flex;
	display: flex;
}
.co_FlexCenter {
	flex-wrap: wrap;
	justify-content: center;
}
.co_CenterAdjust {
	justify-content: center;
}
.co_SpaceBetween {
	justify-content: space-between;
}
.co #SiteIdentity a {
	font-size: 0%;
}
.co_AlignCenter{
	align-items: center;
}
.co .PageTitleStyle1 {
	/*背景画像使用しない場合以下をコメントアウト*/
	/*background: url("../image/image_h1.jpg"),url("../image/image_h1_bg.jpg");
	background-size: 965px 190px,auto 190px;
	background-repeat: no-repeat,repeat-x;
	background-position: center;*/
	height:150px;/*背景画像を設定する場合は190px、しない場合は150px*/
	background-color: #3ba97f;
	margin-left: calc(((100vw - 100%) / 2) * -1);
	margin-right: calc(((100vw - 100%) / 2) * -1);
	position: relative;
	margin-bottom: 0;
}

/*ぱんくず*/
.co #TopicPath ul {
	padding: 13px 0 12px;
}

/*見出し*/
.co h1 {
	color: #ffffff;
	width: 965px;
	font-size: 40px;
	position: absolute;
	top: 50%;/*背景画像を設定する場合は55%、しない場合は50%*/
	left: 50%;
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
}
.co_h1sub {
	display: block;
	font-size: 13px;
	font-weight: normal;
	line-height: 1.5;
}

.co h2 {
	font-size: 32px;
	font-weight: bold;
	margin: 20px 0;
	background: none;
	padding: 0;
}

.co .BoxPatternA .Title, .BoxPatternA h2 {
	color: #333333;
}

.co h2 span {
	background-color: transparent;
}
.co_balloon {
	text-align: center;
}
.co_balloon h2 {
	margin-top: 0;
}
.co_balloon p {
	position: relative;
	display: inline-block;
	font-size: 11px;
	background-color: #DEDEDE;
	border-radius: 50px;
	padding: 6px 20px 5px 20px;
	margin-bottom: 10px;
}
.co_balloon p::after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	top: 100%;
	left: calc(50% - 7px);
	border-style: solid;
	border-width: 5px 7px 0 7px;
	border-color: #DEDEDE transparent transparent transparent;
}
.co_balloon p:nth-of-type(n+2) {
	margin-left: 10px;
}

.co h3 {
	font-size: 25px;
	color: #333333;
	margin-bottom: 15px;
}

.co h4 {
	font-size: 22px;
	margin-bottom: 20px;
}

/*他テキスト*/
.co_RedTxt {
	color: #CC0022;
}

.co_UnderLineTxt {
	background: linear-gradient(transparent 80%, #FFCCD5 0%) center bottom 5px;
	line-height: 1.6;
}

.co .TextStyle1 {
}
.co .TextStyle1{
	margin-bottom: 15px;
}

.co .CatchCopy {
	font-size: 25px;
	margin: 20px 0 30px;
}
.co_CatchCopyLarge {
	font-size: 45px;
	margin-bottom: 40px;
}

.co_Caption {
	font-size: 11px;
	margin-top: 10px;
}

.co_Caption02 {
	font-size: 83%;
	margin-top: 10px;
	text-align: right;
}
.co_Fontsize30 {
	font-size: 30px;
}

/*ページ内リンク*/
.co_AnchorLink{
	background-color: #3ba97f;
	padding-bottom: 20px;
	margin-left: calc(((100vw - 100%) / 2) * -1);
	margin-right: calc(((100vw - 100%) / 2) * -1);
	text-align: center;
}
.co_AnchorLink ul {
	display: inline-block;
	max-width: 965px;
	margin: 0 auto;
	color: #ffffff;
}
.co_AnchorLink li {
	border: 1px solid #ffffff;
	border-left: none;
	margin-right: 0;
	padding: 0;
	text-align: center;
	background: url("../image/icon_anchor_white.svg") no-repeat right 10px center;
}
.co_AnchorLink li:nth-of-type(n+6) {
	border-top: none;
}
.co_AnchorLink li:first-of-type {
	border-left: 1px solid #ffffff;
}
.co_AnchorLink li:nth-of-type(5n+6) {
	border-left: 1px solid #ffffff;
}
.co_AnchorLink li a {
	display: block;
	width: 190px;
	font-size: 12px;
	padding: 8px 0 6px;
}
.co_AnchorLink li a:link {
	color: #ffffff;
}
.co_AnchorLink li a:visited {
	color: #ffffff;
}
.co_AnchorLink li a:hover {
	color: #074BAC;
	text-decoration: none;
}
.co_AnchorLink li:hover {
	background: url("../image/icon_anchor_blue.svg") no-repeat right 10px center #ffffff;
}
.co li.Bottom a, dt.Bottom a {
	background-image: none !important;
}

/*赤枠付きコンテナ*/
.co_RedLineBox {
	background-color: #ffffff;
	border: 1px solid #CC0022;
	padding: 30px;
}

/*画像 中央寄せ 767px以下でグリッド幅いっぱいに拡大*/
.co .ImgOnlyStyle {
	text-align: center;
}

/*画像左 文字サイズ90% 767px以下で回り込み解除*/
.co .ImgLeftAdjust {
	margin-right: 50px;
}
.co_ImgLeftAdjust {
	margin-bottom: 20px;
}
.co .ImgLeftAdjustMr10 {
	margin-right: 10px;
}

/*[c6-1-1-rwd-4] 画像+文章 画像右 文字サイズ90% 767px以下で回り込み解除*/
.co .ImgRightAdjust {
	margin-left: 50px;
	margin-bottom: 20px;
}
.co_ImgRightAdjust {
	margin-bottom: 20px;
}

/*[c11-6-2-rwd] リンクリスト 左側に日付 767px以下でパネル型に変化*/
.co .DateListStyle2 {
	border-top: 1px solid #DEDEDE;
}
.co .DateListStyle2 li {
	padding: 30px;
	border-bottom: 1px solid #DEDEDE;
}
.co .DateListStyle2 p {
	display: inline;
	vertical-align: middle;
	margin-right: 30px;
}
.co .DateListStyle2 li p:last-of-type {
	display: inline-block;
	margin-right: 0;
}
.co .DateListStyle2 li p:nth-of-type(2):not(.co_Category) {
	width: 735px;
}
.co .DateListStyle2 li p:nth-of-type(3):not(.co_Category) {
	width: 600px;
}
.co .DateListStyle2 .co_Date {
	display: inline-block;
	width: 140px;
	margin-right: 0;
}
.co .DateListStyle2 .co_Category {
	display: inline-block;
	color: #ffffff;
	text-align: center;
	font-size: 11px;
	background-color: #727272;
	min-width: 120px;
	padding: 0 10px;
}
.co .DateListStyle2 li p a:link {
	text-decoration: none;
	background-image: url(../../image/jp/r1/icon/icon_link_right_hd.gif);
	background-size: 16px 16px;
	padding: 0 17px 0 0;
	background-repeat: no-repeat;
	background-position: right center;
}
.co .DateListStyle2 li p a:hover{
	text-decoration: underline;
	background-image: url(../../image/jp/r1/icon/icon_link_right_hover_hd.gif);
	background-size: 16px 16px;
}

/*[c13-1-1] アイコンリンク 文字サイズ90%*/
.co ol {
	padding-inline-start: 20px;
}
@media all and (-ms-high-contrast: none) {
  /* ここに書く */
  .co ol {
		margin-left: -17px;
  }
}
.co li.List {
	padding-left: 1.5em;
}
.co ol li.List {
	padding-left: 0;
	background:none;
}
.co ul.LinkListStyle1,
.co ol.LinkListStyle1 {
	margin-bottom: 10px;
}
/*ポップアップリンク*/
.co_PopUpLink {
	background: url(../../image/jp/r1/icon/icon_new_window_hd.gif) no-repeat right center/16px auto !important;
	padding-right: 20px;
}
.co_PopUpLink:link {
	font-size: 90%;
}

/*テーブル*/
.co .DataTableStyle1 {
	width: 100%;
}
.co .DataTableStyle1 th {
	vertical-align: top;
	width: 26%;
	background-color: #EBEBEB;
	font-weight: bold;
	font-size: 17px;
	padding: 30px;
}
.co .DataTableStyle1 td {
	padding: 30px;
	vertical-align: top;
}
.co_TableColWrap {
	border: 1px solid #dddddd;
}
.co_TableColWrap .co_TableCol {
	background-color: #ffffff;
}
.co_TableColWrap .co_TableCol:not(:first-of-type) {
	border-left: 1px solid #dddddd;
}
.co_TableColWrap .co_TableCol .co_th {
	background-color: #EBEBEB;
	font-size: 17px;
	font-weight: bold;
	padding: 30px;
}
.co_TableColWrap li {
	border-top: 1px solid #dddddd;
	padding: 30px;
	background-color: #ffffff;
	font-size: 83%;
}
.co_TableCol {
	width: 100%;
}

/*価格表示用パーツ左寄せ*/
.co_Price {
	width: 200px;
}
.co_Price li {
	justify-content: space-between;
	display: -webkit-flex;
	display: flex;
}
.co_Price li:nth-of-type(n+2) {
	margin-top: 15px;
}
.co_Price p {
	display: inline;
	font-size: 18px;
	text-align: right;
	margin-top: 5px;
}
.co_Price span {
	text-align: left;
	font-size: 11px;
	border: 1px solid #333333;
	padding: 7px 19px 6px;
}

/*[c15-1] プラグインダウンロード記述 Adobe Acrobat Reader*/
.co .PlugInBanner {
	background-color: #F2F2F2;
	border: 2px solid #F9F9F9;
}

/*[c23-1-1-1-1] フィーチャーユニット 画像左 見出しレベル1 4グリッド*/
.co .ImgBoxStyle1 {
	background-color: #ffffff;
	box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);
	border-radius: 5px;
	overflow: hidden;
}
.co .ImgBoxStyle1 div.Inner {
	padding: 20px;
}
.co .ImgBoxStyle1 .Inner:before {
	display: none;
}
.co .ImgBoxStyle1 .Inner:after {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	left: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 9.5px 10px 9.5px 0;
	border-color: transparent #ffffff transparent transparent;
}
.co .ImgBoxStyle1 div.Inner h2,
.co .ImgBoxStyle1 div.Inner p.TextStyle2 {
	margin-left: 0;
}
.co .ImgBoxStyle1 div.Inner p.TextStyle2 {
	margin-bottom: 20px;
}
.co .ImgBoxStyle1 span {
	width: 100%;
	margin-left: 0;
}
.ImgBoxStyle1 .Inner p{
	margin: 0;
}

/*[c26-opt1-1-1-1] 動画再生ユニット 見出しレベル1 4グリッド*/
.co main div.Movie {
	height: 544px;
}
.co .YouTubeBox iframe {
	width: 100%;
	height: 100%;
}
	.co_MovieWrap p {
		margin-top: 20px;
	}

/*ボタン*/
.co .Button {
	text-align: center;
}
.co button {
	text-align: center;
	border: none;
	color: #ffffff;
	font-size: 18px;
	padding: 14px 25px 13px;
	margin-bottom: 20px;
	box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);
}
.co li:last-of-type button {
	margin-bottom: 0;
}
.co button:hover {
	cursor: pointer;
	background-color: #ffffff;
}
.co_ButtonR:hover {
	color: #CC0022;
}
.co_ButtonG:hover {
	color: #333333;
}
.co_ButtonR {
	background-color: #CC0022;
}
.co_ButtonG {
	background-color: #333333;
}
.co button span:not(.co_SPonly),
.co button p:not(.co_SPonly){
	display: inline-block;
	padding-right: 25px;
}
.co_Button_Nomal span,
.co_Button_Nomal p{
	background: url(../../image/jp/r1/icon/icon_link_right_l_white_hd.gif) no-repeat right center/16px 16px;
}
.co_ButtonR.co_Button_Nomal:hover span,
.co_ButtonR.co_Button_Nomal:hover p{
	background: url(../../image/jp/r1/icon/icon_link_right_xl_hover_hd.gif) no-repeat right center/16px 16px;
}
.co_ButtonG.co_Button_Nomal:hover span,
.co_ButtonG.co_Button_Nomal:hover p{
	background: url(../image/icon_link_right_l_white_hd_gray.gif) no-repeat right center/16px 16px;
}
.co_Button_Important span,
.co_Button_Important p{
	background: url(../../image/jp/r1/icon/icon_important_link_white_hd.png) no-repeat right center/20px 20px;
}
.co_ButtonR.co_Button_Important:hover span,
.co_ButtonCV:hover span,
.co_ButtonR.co_Button_Important:hover p,
.co_ButtonCV:hover p{
	background: url(../../image/jp/r1/icon/icon_important_link_hd.gif) no-repeat right center/20px 20px;
}
.co_ButtonG.co_Button_Important:hover span,
.co_ButtonG.co_Button_Important:hover p{
	background: url(../image/icon_important_link_hd_gray.gif) no-repeat right center/20px 20px;
}
.co_Button_NewWin span,
.co_Button_NewWin p{
	background: url(../../image/jp/r1/icon/icon_new_window_white_hd.png) no-repeat right center/20px 20px;
}
.co_ButtonR.co_Button_NewWin:hover span, 
.co_ButtonR.co_Button_NewWin:hover p {
	background: url(../../image/jp/r1/icon/icon_new_window_hd.gif) no-repeat right center/20px 20px;
}
.co_ButtonG.co_Button_NewWin:hover span,
.co_ButtonG.co_Button_NewWin:hover p{
	background: url(../image/icon_new_window_white_hd_gray.gif) no-repeat right center/20px 20px;
}
.co_Button_Mail span,
.co_Button_Mail p{
	background: url(../../image/jp/r1/icon/icon_mail_white_hd.png) no-repeat right center/20px 20px;
}
.co_ButtonR.co_Button_Mail:hover span,
.co_ButtonR.co_Button_Mail:hover p{
	background: url(../../image/jp/r1/icon/icon_mail_hd.gif) no-repeat right center/20px 20px;
}
.co_ButtonG.co_Button_Mail:hover span,
.co_ButtonG.co_Button_Mail:hover p{
	background: url(../image/icon_mail_white_hd_gray.gif) no-repeat right center/20px 20px;
}
.co_Button_Download span,
.co_Button_Download p{
	background: url(../../image/jp/r1/icon/icon_download_white_hd.png) no-repeat right center/20px 20px;
}
.co_ButtonR.co_Button_Download:hover span,
.co_ButtonR.co_Button_Download:hover p{
	background: url(../../image/jp/r1/icon/icon_download_hd.gif) no-repeat right center/20px 20px;
}
.co_ButtonG.co_Button_Download:hover span,
.co_ButtonG.co_Button_Download:hover p{
	background: url(../image/icon_download_hd_gray.gif) no-repeat right center/20px 20px;
}
.co_Button_PDF span,
.co_Button_PDF p{
	background: url(../../image/jp/r1/icon/icon_pdf_white_hd.png) no-repeat right center/20px 20px;
}
.co_ButtonR.co_Button_PDF:hover span,
.co_ButtonR.co_Button_PDF:hover p{
	background: url(../../image/jp/r1/icon/icon_pdf_hd.gif) no-repeat right center/20px 20px;
}
.co_ButtonG.co_Button_PDF:hover span,
.co_ButtonG.co_Button_PDF:hover p{
	background: url("../image/icon_pdf_white_hd_gray.gif") no-repeat right center/20px 20px;
}
.co_Button_Demo span,
.co_Button_Demo p{
	padding: 0 30px;
	background-image: url(../../image/jp/r1/icon/icon_new_window_white_hd.png),url("../image/icon_demo.svg");
	background-repeat: no-repeat;
	background-position: right center,left center;
	background-size: 20px 20px;
}
.co_Button_Demo:hover {
	color: #333333;
}
.co_Button_Demo:hover span,
.co_Button_Demo:hover p{
	background-image: url(../image/icon_new_window_white_hd_gray.gif),url("../image/icon_demo_gray.svg");
}

.co_Button_Inactive {
    pointer-events: none;
    opacity: 0.5;
}

/*ボタン横並び*/
.co .ButtonStyle2 li {
	float: none;
}

/*コンバージョンボタン*/
.co .co_ButtonCV {
	background-color: #CC0022;
	border: 2px solid #ffffff;
	border-radius: 5px;
	font-size: 17px;
}
.co_ButtonCV span {
	color: #ffffff;
}
.co_ButtonCV:hover {
	background-color: #ffffff;
	border: 2px solid #CC0022;
}
.co_ButtonCV:hover span {
	color: #CC0022;
}
.co .co_Button_LargeList button {
	background-color: #ffffff;
	border: 2px solid #CC0022;
	border-radius: 5px;
	height: 109px;
	width: 140px;
	font-size: 15px;
	padding: 10px;
}
.co .co_Button_LargeList button p {
	display: inline-block;
	color: #CC0022;
	padding-right: 15px;
	text-align: left;
	background: url(../../image/jp/r1/icon/icon_link_right_l_hd.gif) no-repeat right center/16px 16px;
}
.co .co_Button_LargeList button:hover {
	background-color: #CC0022;
	border: 2px solid #ffffff;
}
.co .co_Button_LargeList button:hover p {
	background: url(../../image/jp/r1/icon/icon_link_right_l_white_hd.gif) no-repeat right center/16px 16px;
	color: #ffffff;
}
.co .co_Button_LargeList .co_Button_Document strong {
	display: block;
	padding-top: 50px;
	background: url("../image/icon_document.svg") no-repeat center top/48px auto;
}
.co .co_Button_LargeList .co_Button_Document:hover strong {
	background: url("../image/icon_document_white.svg") no-repeat center top/48px auto;
}
@media all and (-ms-high-contrast: none) {/*new*/
	.co .co_Button_LargeList .co_Button_Document strong {
		background: url("../image/icon_document.svg") no-repeat center top/70px auto;
	}
	.co .co_Button_LargeList .co_Button_Document:hover strong {
	background: url("../image/icon_document_white.svg") no-repeat center top/70px auto;
}
}
.co .co_Button_LargeList .co_Button_Document p {
	margin-top: 8px;
}
.co .co_Button_LargeList .co_Button_Contact:hover strong {
	background: url("../image/icon_mail_big_white.svg") no-repeat center top 15px/48px auto;
}
.co .co_Button_LargeList .co_Button_Contact strong {
	display: block;
	padding-top: 45px;
	background: url("../image/icon_mail_big.svg") no-repeat center top 15px/48px auto;
}
.co .co_Button_LargeList .co_Button_Contact p {
	margin-top: 14px;
}

/*コンセプトエリア*/
.co_Concept {
	background:url("../image/image_concept_PCfade.png") no-repeat center bottom #F8FCFD;
	padding: 60px 0 0;
	min-height: 600px
}
.co_Concept .co_Concept_RightBox {
	width: 42%;
	margin-left: auto;
	margin-top: 20px;
}
	.co_Concept .Section {
		padding-bottom: 30px;
	}
/*ポイントリスト*/
.co_PointList li {
	border: 2px solid #F2F2F2;
	background-color: #ffffff;
	margin-top: 20px;
	padding: 15px;
}
.co_PointList li:first-of-type {
	margin-top: 0;
}
.co_PointList li h3 {
	margin-bottom: 10px;
}
.co_PointNumber {
	border: 1px solid #CC0022;
	color: #CC0022;
	min-width: 98px;
	min-height: 98px;
	max-height: 100px;
	text-align: center;
	margin-right: 30px;
}
.co_PointNumber p {
	margin: 10px 0 15px;
}
.co_PointNumber span {
	font-size: 52px;
}

/*画像付きリスト*/
.co_ImgList {
	margin-top: 20px;/*new*/
}
.co_ImgList li {
	border: 2px solid #F2F2F2;
	border-radius: 5px;
	background-color: #ffffff;
	width: 300px;
	margin-left: 20px;
	padding: 30px;
}

.co_ImgList02 li {
	border: 2px solid #F2F2F2;
	border-radius: 5px;
	background-color: #ffffff;
	width: 450px;
	margin-left: 20px;
	padding: 15px;
}
.co_ImgList02 li img {
	margin-bottom: 20px;
}
.co_ImgList li:nth-of-type(3n+1) {
	margin-left: 0;
}
.co_ImgList li img {
	margin-bottom: 20px;
}
.co_ImgList li h3 {
	margin-bottom: 10px;
}

/*ステップ（番号・矢印つき）※高さ固定316px*/
.co_StepList {
	margin-top: 10px;
	margin-bottom: 10px;
}
.co_StepList li {
	position: relative;
	width: 285px;
	min-height: 316px;
	border: 1px solid #CC0022;
	border-radius: 5px;
	background-color: #ffffff;
	padding: 30px;
	margin-right: 40px;
}
.co_StepList li h3 {
	font-size: 22px;
}
.co_StepList li:last-of-type {
	margin-right: 0;
}
.co_StepList .co_StepNumber {
	display: block;
	position: absolute;
	top: -10px;
	left: -10px;
	width: 60px;
	height: 60px;
	padding: 20px 0 15px;
	text-align: center;
	vertical-align: middle;
	background-color: #CC0022;
	color: #ffffff;
	font-size: 32px;
}
.co_StepList li h3 {
	color: #CC0022;
	margin: 30px 0 25px;
}

.co_StepListArrow li:not(:last-of-type) {
	position: relative;
	border-radius: 5px 0 0 5px;
}
.co_StepListArrow li:not(:last-of-type)::after {
	display: inline-block;
	position: absolute;
	content: "";
	width: 32px;
	min-height: 314px;
	height: 100%;
	background-image: url("../image/parts_stepArrow.svg");
	preserveAspectRatio: none;
	background-repeat: no-repeat;
	background-size: 32px 101%;
	background-position: right top;
	top: -1.5px;
	right: -27px;
}

/*ユースケース*/
.co .BoxPatternA {
	border: 2px solid #F2F2F2;
	background-color: #ffffff;
	padding: 30px;
}
.co .BoxPatternA .TextStyle1 {
	margin-bottom: 20px;
}
.co_MiniCard {
	display: inline;
	font-size: 11px;
	border: 1px solid #333333;
	height: 30px;
	padding: 1px 18px 2px;
	margin-right: 10px;
	min-width: 62px;
}
.co .BoxPatternA ul li {
	margin-bottom: 10px;
}
.co .BoxPatternA ul li:last-of-type {
	margin-bottom: 0;
}
.co .BoxPatternA ul li p {
	padding: 0;
	margin: 0;
}
.co .BoxPatternA .Button {
	margin-top: 20px;
}
.co .BoxPatternA button {
	margin-bottom: 0;
}

/*よくあるご質問*/
.co_FAQList > li:not(:first-of-type) {
	margin-top: 60px;
}
.co_FAQHead {
	display: block;
	background-color: #CC0022;
	width: 70px;
	height: 70px;
	padding: 16px 24px 8px;
	font-weight: bold;
	font-size: 30px;
	color: #ffffff;
	border-radius: 5px;
	line-height: 1.2;
	margin-right: 20px;
}
.co_A .co_FAQHead {
	background-color: #ffffff;
	border: 1px solid #CC0022;
	color: #CC0022;
}
@media all and (-ms-high-contrast: none) {
	.co_FAQHead {
		padding-right: 44px;
	}
}
.co_Q {
	background-color: #F2F2F2;
	border-radius: 5px;
	margin-bottom: 20px;
}
.co_Q p {
	font-size: 17px;
}
.co_A {
	margin-left: 20px;
}
.co_A .co_Flex,
.co_Q.co_Flex {
	align-items: center;
}
.co_A .co_Adetail {
	margin-left: 90px;
}

/*ユースケーススライド*/
.co .slick-track {
	padding-bottom: 40px;
}
.co_SlideCard_container {
	overflow-x: hidden;
}
.co_SlideCard {
	position: relative;
	margin-bottom: 40px;
	min-width: 965px;
}
.co_SlideCard li.co_SlideCardLi {
	box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);
	margin-right: 25px;
	/*width: 430px !important;*/
	background-color: #ffffff;
	border-radius: 5px;
}
.co_SlideCard li.co_SlideCardLi:first-of-type {
	margin-left: -235px;
}
.co_SlideCard li a:link {
	text-decoration: none;
	color: #333333 !important;
}
.co_SlideCard li a:visited {
	color: #333333;
}
.co_SlideCard li:hover {
	opacity: 0.8;
}
.co_SlideCard li div {
	padding: 20px;
}
.co_SlideCard li h3 {
	margin-bottom: 10px;
}

/*スライド部分調整*/
.co button.slick-arrow {
	padding: 0;
	box-shadow: none;
}
.co_SlideCard .slick-next {
	right: 360px;　z-index: 100;
}
.co_SlideCard .slick-prev {
	left: 360px; z-index: 100;
}
.slick-next:hover,
.slick-prev:hover {
	background-color: transparent !important;
	opacity: 0.8;
}
.slick-next:before {
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 18px;
	border-color: transparent transparent transparent #cc0022;
	color: transparent;
}
.slick-prev:before {
	display: block;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 18px 8px 0;
	border-color: transparent #cc0022 transparent transparent;
	color: transparent;
}
.slick-next, .slick-prev {
	font-size: 0;
	line-height: 0;
	position: absolute;
	bottom: -35px;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	color: transparent;
	border: none;
	outline: 0;
	background: transparent;
}
.slick-next:before, .slick-prev:before {
	opacity: 1;
}
.slick-dots {
	position: absolute;
	display: flex;
	justify-content: space-between;
	bottom: -30px;
	left: 0;
	right: 0;
	margin: auto;
	width: 120px;
	
}
.slick-dots li:not(:last-of-type) {
	margin-right: 10px;
}
.slick-dots li button {
	display: block;
	width: 14px;
	height: 14px;
	padding: 0;
	border-radius: 50%;
	overflow: hidden;
}
.slick-dots li button:before {
	position: absolute;
	width: 14px;
	height: 14px;
	content: '';
	opacity: 1;
	background-color: #B4B4B4;
	border-radius: 50%;
	overflow: hidden;
}
.slick-dots li.slick-active button:before {
	opacity: 1;
	background-color: #CC0022;
}

/*FAQ*/
.co_QList li {
	box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);
	margin-bottom: 28px;
}
.co_QList li a {
	display: block;
	background: url(../../image/jp/r1/icon/icon_link_right_l_hd.gif) no-repeat right 40px center/22px 22px;
	background-color: #F2F2F2;
	
}
.co_QList li a:link {
	text-decoration: none;
}
.co_QList li a:hover {
	background-color: #ffffff;
}
.co_QList li a p {
	padding: 24px 30px;
	border-radius: 0 5px 5px 0;
	max-width: 800px;
}
.co_QList .co_QHead {
	position: relative;
	display: block;
	width: 103px;
	color: #ffffff;
	background-color: #CC0022;
	vertical-align: middle;
	font-size: 30px;
	font-weight: bold;
	padding: 24px 0 0 40px;
	border-radius: 5px 0 0 5px;
}
	.co_QList .co_QHead span {
		position: absolute;
		top: 50%;
		transform: translateY(-50%)
	}

/*コミュニティサイトへのログイン*/
.co_ContentsWrap.co_CommunityWrap {
	padding: 0;
	background-color: transparent !important;
}
.co_Community {
	background: url("../image/image_community.jpg") no-repeat center top;
	height: 370px;
	position: relative;
}
.co_Community a {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	display: block;
	width: 662px;
	background-color: rgba(255,255,255,0.70);
	border-radius: 5px;
	margin: 0 auto;
	padding: 40px 60px 40px 90px;
	box-shadow: 0 0 6px 0 rgba(0,0,0,0.2);
	text-align: center;
}
.co_Community a:link {
	color: #333333;
	text-decoration: none;
}
.co_Community a:visited {
	color: #333333;
}
.co_Community a:hover {
	opacity: 0.7;
}
.co_Community .co_MiniCard {
	display: inline;
	color: #CC0022;
	border: 1px solid #CC0022;
}
.co_Community h2 {
	margin: 15px 0 20px;
	padding-bottom: 0;
	background: url(../../image/jp/r1/icon/icon_new_window_hd.gif) no-repeat right center;
	padding-right: 30px;
}
.co_Community .TextStyle1 {
	text-align: left;
}

/*お問合せエリア*/
.co_FooterContact {
	background: url("../image/image_footerContact.jpg") no-repeat #444444 !important;
	height: 300px;
	vertical-align: middle;
	padding-top: 60px;
}
.co_FooterContact .co_Flex {
	align-items: center;
}
.co_FooterContact p.TextStyle1 strong {
	color: #ffffff;
	font-size: 32px;
	line-height: 1.6;
}
.co_CV3set button,
.co_CV2set button {
	margin-bottom: 0;
}
.co_CV3set .co_Button_LargeList {
	margin-bottom: 10px;
}
.co_CV3set .co_Button_LargeList li {
	margin-right: 10px;
}
.co_CV3set .co_Button_LargeList li:last-of-type {
	margin-right: 0;
}
.co_CV3set .co_ButtonCV {
	width: 290px;
}
.co_CV2set {
	width: 250px;
}
.co_CV2set > *:nth-child(n+2) {
	margin-top: 10px;
}
.co_CV2set .co_Button_LargeList li {
	margin-right: 0;
	width: 100%;;
}
.co_CV2set .co_Button_LargeList button {
	width: 100%;
	display: inline;
	padding: 0;
	height: 90px;
}
.co_CV2set .co_Button_LargeList .co_Button_Document strong {
	padding: 0;
	background: none;
}
.co_CV2set .co_Button_LargeList .co_Button_Document strong p {
	margin-top: 0;
	padding: 20px 25px 20px 65px;/*new*/
	background-image: url(../image/icon_document.svg),url(../../image/jp/r1/icon/icon_link_right_l_hd.gif);
	background-repeat:  no-repeat;
	background-position: left center,right center;
	background-size: 48px auto,16px 16px;
}
.co_CV2set .co_Button_LargeList .co_Button_Document:hover strong {
	background: none;
}
.co_CV2set .co_Button_LargeList .co_Button_Document:hover strong p {
	background-image: url("../image/icon_document_white.svg"),url(../../image/jp/r1/icon/icon_link_right_l_white_hd.gif);
	background-repeat:  no-repeat;
	background-position: left center,right center;
	background-size: 48px auto,16px 16px;
}


/*お悩みはありませんか？エリア*/
.Section.co_MemoSheetWrap {
	margin-bottom: 40px;
}
.co_MemoSheet {
	background: url("../image/parts_memoSheet.png") repeat-y;
}
.co_MemoSheetInner {
	padding: 30px 30px 30px 40px;
	margin-left: 25px;
	background-color: #ffffff;
	position: relative;
}
.co_MemoSheetInner::after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 14px 0 14px;
	border-color: #CC0022 transparent transparent transparent;
	bottom: -30px;
	left: calc(50% - 25px);
}
.co_MemoSheetInner_NoTriangle .co_MemoSheetInner::after {
	position: static;
	border: none;
}
.co_WorriesListWrap {
	max-width: 800px;
	min-width: 710px;
	margin: 0 auto;
}
.co_WorriesListWrap .co_labelWrap {
	width: 50%;
}
.co_WorriesListWrap .co_labelWrap:first-of-type {
	margin-right: 110px;
}
.co_label {
	display: inline-block;
	font-weight: bold;
	width: 100%;
	height: 28px;
	padding-top: 2px;
	text-align: center;
}
.co_label.co_label_Task {
	color: #CC0022;
	border: solid 1px #CC0022;
}
.co_label.co_label_Solution {
	color: #ffffff;
	background-color: #CC0022;
}

.co_worriesList li {
	padding: 20px 0;
	border-bottom: 1px solid #DEDEDE;
}
.co_worriesList li > div {
	width: 350px;
}
.co_worriesList li > div:first-of-type {
	position: relative;
	width: 415px;
	padding-right: 70px;
}
.co_worriesList li > div:first-of-type::after {
	content: "";
	position: absolute;
	right: 15px;
	bottom: calc(50% - 10px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #DEDEDE;
}
.co_worriesList li > div:nth-of-type(2) {
	margin-left: 20px;
}
.co_MemoSheetWrap .co_AppealText {
	margin-top: 50px;
	text-align: center;
}
.co_MemoSheetWrap .co_AppealText strong {
	font-size: 32px;
	background: linear-gradient(transparent 80%, #FFF700 0%) center bottom 5px;
	color: #333333;
	line-height: 1.6;
}
.co_MemoSheetWrap .co_ColorChange {
	color: #CC0022;
}

.co_MemoSheetInner ul {
	display: inline-block;
	margin-left: 14px;
}
ul.co_CheckList li {
	font-size: 16px;
	font-weight: bold;
	padding: 9px 0 2px 50px;
	margin-bottom: 25px;
	background: url("../image/icon_checkbox.svg") no-repeat left top 5px/28px 31px;
}
ul.co_CheckList li:last-of-type {
	margin-bottom: 0;
}
.co_MemoSheetWrap .co_AppealText {
	margin-top: 50px;
	text-align: center;
}
.co_MemoSheetWrap .co_AppealText strong {
	font-size: 32px;
	background: linear-gradient(transparent 80%, #FFF700 0%) center bottom 5px;
	color: #333333;
	line-height: 1.6;
}
.co_MemoSheetWrap .co_ColorChange {
	color: #CC0022;
}

@media all and (-ms-high-contrast: none) {
	.co_CV2set .co_Button_LargeList .co_Button_Document strong  {
	background:url(../image/icon_document.svg) no-repeat left -23px center/148px auto;
	}
	.co_CV2set .co_Button_LargeList .co_Button_Document:hover strong {
	background:url("../image/icon_document_white.svg") no-repeat left -23px center/148px auto;
	}
	.co_CV2set .co_Button_LargeList .co_Button_Document strong p {
		background: url(../../image/jp/r1/icon/icon_link_right_l_hd.gif) no-repeat right center/16px 16px;
	}
	.co_CV2set .co_Button_LargeList .co_Button_Document:hover strong p {
		background: url(../../image/jp/r1/icon/icon_link_right_l_white_hd.gif) no-repeat right center/16px 16px;
	}
}

/*無料トライアルボタン*/
.co_FollowButton .co_TryalButton {
	height: 205px;
	width: 60px;
	background-color: transparent;
	position: fixed;
	top: 160px;
	right: 0;
	padding: 0;
	margin: 0;
	z-index: 999;
}
.co_FollowButton .co_TryalButton p {
	color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 5px 0 0 5px;
	font-weight: bold;
	font-size: 17px;
	padding: 30px 20px 50px;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	background: url("../../image/jp/r1/icon/icon_important_link_white_hd.png") no-repeat center bottom 20px/20px 20px #CC0022;
}
.co_FollowButton .co_TryalButton:hover {
	background-color: transparent;
}
.co_FollowButton .co_TryalButton:hover p {
	color: #CC0022;
	border: 1px solid #CC0022;
	background: url("../../image/jp/r1/icon/icon_important_link.gif") no-repeat center bottom 20px/20px 20px #ffffff;
}

/*ページトップボタン*/
#Controler {
	position: fixed;
	right: 0px;
	top: 400px;
	display: block;
	width: auto;
	height: auto;
	padding: 8px 0px 0 8px;
	background: none;
	z-index: 1000;
	border-radius: none;
	animation: SlideUp ease-in 0.8s 1 normal;
}
#Controler button.pagetop {
	cursor: pointer;
	background-color: transparent;
	box-shadow: none;
	padding: 0;
}

/*背景写真の上に白い透過エリア*/
.co_ContentsWrap.co_BackgroundTransparencyWrap {
	background: url("../image/image_behindProject.png") no-repeat center top;
	background-size: auto 800px;
	padding: 60px 0;
}
.co_BackgroundTransparencyWrap .co_BackgroundTransparency {
	width: 965px;
	margin: 0 auto;
	background-color: rgba(255,255,255,0.80);
	padding: 30px;
}
.co_BackgroundTransparency .ImgLeftAdjust {
	width:100%;
}

/*白い塗り枠*/
.co_WhiteBox {
	background-color: #ffffff;
	border: 1px solid #f2f2f2;
	padding: 30px;
}

/*お問合わせエリア 薄い赤背景色*/
.co_ContactMessage {
	background-color: rgba(230,0,39,0.1) !important;
	margin-top: 40px;
	margin-bottom: 40px;
	padding: 20px 0;
}
.co_ContactMessage p {
    font-size: 21px;
    margin: 0;
}
/*お問合わせエリア 握手画像　右マージン*/
.co_ImgRightMargin {
	margin-right: 20px;
}

/*画像とボタンの横並び*/
.co_ImgDownloadWrap {
	justify-content: center;
	align-items: center;
	margin: 0 auto 20px;
}
.co_ImgDownloadWrap button {
	margin: 0;
}

/*クラスをつけた対象の後に三角をつける*/
.co_WithTriangle {
	position: relative;
}
.co_WithTriangle::after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 14px 14px 0 14px;
	border-color: #CC0022 transparent transparent transparent;
	bottom: -40px;
	left: calc(50% - 25px);
}

/*サムネイルクリックでライトボックスが開き動画を再生する*/
.co_ModalYouTubeLink:hover {
	opacity: 0.8;
}
.MovieArea .ImgOnlyStyle .ModalYouTubeLink:before {
    margin: -40px 0 0 -25px;
    background-color: #ffffff;
    opacity: 1;
}
.MovieArea .ImgOnlyStyle .ModalYouTubeLink:after {
    z-index: 2;
    width: 0;
    height: 0;
    margin: -29px 0 0 -7px;
    background-color: transparent;
    border-left: solid 21px #006ad0;
    border-top: solid 14px transparent;
    border-bottom: solid 14px transparent;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}
.PC .ImgOnlyStyle .ModalYouTubeLink:hover:before {
	background-color: #ffffff;
	opacity: 0.8;
}
.PC .ImgOnlyStyle .ModalYouTubeLink:hover:after {
	background-color: transparent;
	opacity: 0.8;
}

/*赤下線のエリア関係*/
.co_Approach {
	background: url("../image/parts_Aproach.jpg");
	padding: 40px 0 100px;
}
.co_Approach > .Section:nth-of-type(n + 2){
	margin-top: 100px;
}
.co_Approach .co_h2Wrapper {
	text-align: center;
	margin-bottom: 30px;
}
.co_Approach h2 {
	display: inline;
	border-bottom: 2px solid #CC0022;
}
.co_ApproachInnerBox {
	background-color: #F2F2F2;
	padding: 40px 30px 30px !important;
	margin-top: 40px;
}
.co_Approach_h4Wrap:not(:first-of-type) {
	margin-top: 60px;
}
.co_ApproachInnerBox .co_MovieWrap {
	margin-top: 60px;
}
.co_Approach_HeadWrap {
	padding: 0 15px;
}

/*ブランディングエリア*/
#co_Branding,
.co_Branding {

	background: url("../image/image_branding_bg_PC.jpg") repeat-x left top #3ba97f;
	padding: 0;
}
.co_Branding {
	background: none;
	margin-top: 20px;
	height: 300px;
}
#co_Branding .Section,
.co_Branding .Section {
	background: url("../image/image_branding_PC.png") no-repeat;
	padding: 90px 0 89px;
	align-items: center;
	height: 400px;
}
.co_Branding .Section {
	background: url("../image/image_saitama_bg_PC.png") no-repeat;
	height: 100%;
}
#co_Branding .co_TextBox,
.co_Branding .co_TextBox {
	width: 500px;
	color: #ffffff;
	text-shadow:1px 2px 3px #0760B7;
	font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	margin-left: 35px;
}

#co_Branding h1,
.co_Branding h1 {
	position: static;
	top: 0;
	left: 0;
	-webkit-transform: none;
	transform: none;
	font-size: 40px;
	font-weight: bold;
}
#co_Branding div > p,
.co_Branding div > p {
	font-weight: bold;
	font-size: 17px;
}
#co_Branding .co_CV2set {
	margin-left: auto;
	padding: 20px;
	background-color:rgba(0,32,63,0.25);
	border-radius: 5px;
	width: 290px;
}

body:not(#co_About) .Section .Section {
	padding: 40px 0px 0px;
	margin-top: 20px;
}

body:not(#co_About) .Section .co_Branding .Section {
	padding: 40px 0px 40px;
	margin-top: 0;
}
.co_Width300 {
	width: 300px;
}

.co_Grayarea {
	margin-top: 30px;
	background-color: #f9f9f9;
	padding: 10px;
	border: 3px solid #ffffff;
}
.co_Text_Right {
	text-align: right;
}
.co_Pointer {
	cursor: pointer;
}

/*吹き出し課題と解決レイアウト*/
.co_Baloon_LWrap {
	background-color: #EEEEEE;
	padding: 18px !important;
}
.co_Baloon_RWrap {
	background-color: #EFF7FF;
	padding: 18px !important;
	margin-top: 20px;
}
.co_Baloon_RWrap section.co_SP_Flex {
	padding: 0 !important;
	margin: 0 !important;
}
.co_Baloon_caractor {
	min-width: 161px;
	width: 161px;
	height: 126px !important;
}
.co_Baloon {
	position: relative;
	display: inline-block;
	width: 100%;
	background-color: #ffffff;
	padding: 24px 24px 10px;
	font-size: 18px;
	border-radius: 4px;
}
.co_Baloon_L {
	margin-left: 30px;
	border: 1px solid #5A5A5A;
}
.co_Baloon_L::before {
	content: url("../image/parts_baloon_L.png");
	width: 32px;
	height: auto;
	position: absolute;
	top: 70px;
	left: -22px;
}
.co_Baloon_R {
	margin-right: 30px;
	border: 1px solid #005FCC;
}
.co_Baloon_R::before {
	content: url("../image/parts_baloon_R.png");
	width: 32px;
	height: auto;
	position: absolute;
	top: 70px;
	right: -22px;
}

/*サムネイルクリックでライトボックスが開き動画を再生する*/
.co_ModalYouTubeLink:hover {
	opacity: 0.8;
}
.MovieArea .ImgOnlyStyle .ModalYouTubeLink:before {
    margin: -40px 0 0 -25px;
    background-color: #ffffff;
    opacity: 1;
}
.MovieArea .ImgOnlyStyle .ModalYouTubeLink:after {
    z-index: 2;
    width: 0;
    height: 0;
    margin: -29px 0 0 -7px;
    background-color: transparent;
    border-left: solid 21px #006ad0;
    border-top: solid 14px transparent;
    border-bottom: solid 14px transparent;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}
.PC .ImgOnlyStyle .ModalYouTubeLink:hover:before {
	background-color: #ffffff;
	opacity: 0.8;
}
.PC .ImgOnlyStyle .ModalYouTubeLink:hover:after {
	background-color: transparent;
	opacity: 0.8;
}

/*スクロールする箱*/
.co_ScrollBox {
    overflow-y: scroll;
    height: 500px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    padding: 30px;
    margin: 30px 0;
}

/*同意にチェックで活性するボタン周り*/
input,label {
    cursor: pointer;
}
input + label {
    margin-left: 5px;
}
.AgreeCheckBox {
    margin-bottom: 15px;
}

/*グレーの枠*/
.co_Grayboderbox {
    margin-top: 30px;
    background-color: #ffffff;
    padding: 30px !important;
    border: 2px solid #ddd;
}

/*レスポンシブ*/
@media screen and (max-width:768px) {
	.JS .co #Contents {
		padding: 0;
	}
	.JS .GridSet {
		margin: 0;
	}
	.co {
		min-width: 100%;
		overflow: hidden;
	}
	.co .co_Flex:not(.co_SP_Flex) {
		flex-direction: column;
	}
	.co_PConly {
		display: none;
	}
	.co_SPonly {
		display: block;
	}
	.co_ContentsWrap {
		margin: 0;
		padding: 20px 15px;
	}
	.co_ContactMessage {
		margin-top: 40px;
		margin-bottom: 40px;
		padding: 10px 15px;
	}
	.co_ContentsWrap .Section {
		width: 100%;
	}
	.co_ContentsWrap.co_BackgroundTransparencyWrap {
		background-size: cover;
	}
	
	.co #SiteIdentity a {
		font-size: 16px;
	}
	
	.co .PageTitleStyle1 {
		background: linear-gradient(to bottom, #030b6d 0%,#074bac 100%);
		height: 100%;
		margin: 0;
		position: static;
	}
	
	/*見出し*/
	.JS .co .ImgBoxStyle1 .Inner .Title, .JS .ImgBoxStyle2 .Inner .Title, .JS .ImgBoxStyle1 .Inner h2, .JS .ImgBoxStyle2 .Inner h2, .JS .ImgBoxStyle1 .Inner h3, .JS .ImgBoxStyle2 .Inner h3, .JS .ImgBoxStyle1 .Inner h4, .JS .ImgBoxStyle2 .Inner h4 {
		padding: 0;
	}
	.co .PageTitleStyle1 h1 {
		background-color: #3ba97f;
		padding: 32px 0 16px;
		width: 100%;
		font-size: 26px;
		position: static;
		top: auto;
		left: auto;
		transform : none;
	}
	
	.JS .co h2, .JS .LV1LinkSet {
		margin: 0 0 20px;
	}
	.co h2 {
		font-size: 22px;
	}
	.co h3 {
		font-size: 18px;
		margin-bottom: 20px;
	}
	.co_ImgList02 h3{
		margin-bottom: 5px;
	}
	.co h4 {
		font-size: 16px;
		margin-bottom: 10px;
	}
	
	/*他テキスト*/
	.JS .co .ImgBoxStyle1 .Inner p, .JS .ImgBoxStyle2 .Inner p, .JS .ImgBoxStyle1 .Inner ul, .JS .ImgBoxStyle2 .Inner ul, .JS .ImgBoxStyle1 .Inner dl, .JS .ImgBoxStyle2 .Inner dl {
		margin: 0 0 10px;
	}
	.co .CatchCopy {
		font-size: 18px;
		/**margin-bottom: 15px;*/
	}
	.co_CatchCopyLarge {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.co_Fontsize30 {
	font-size: 20px;
}
	
	/*ページ内リンク*/
	.co_AnchorLink {
		padding-bottom: 0;
		margin: 0;
		background-color: #3ba97f ;
	}
	.co_AnchorLink ul {
		max-width: 100%;
		margin: 0 0 10px;
		padding: 0 15px;
	}
	.co_AnchorLink li {
		padding: 0;
		width: 50%;
		background: url("../image/icon_anchor_white.svg") no-repeat right 8px center;
	}
	.co_AnchorLink li:nth-of-type(5n+6) {
		border-left: none;
	}
	.co_AnchorLink li:nth-of-type(n+6) {
		border-top: 1px solid #ffffff;
	}
	.co_AnchorLink li:nth-of-type(2n+1) {
		border-left: 1px solid #ffffff;
	}
	.co_AnchorLink li:nth-of-type(n+3) {
		border-top: none;
	}
	.co_AnchorLink li a {
		width: calc((100vw - 30px) / 2);
		padding: 14px 0 12px;
	}
	
	/*赤枠付きコンテナ*/
	.co_RedLineBox {
		padding: 15px;
	}
	
	/*画像 中央寄せ 767px以下でグリッド幅いっぱいに拡大*/
	.co .ImgOnlyStyle {
		width: 100%;
		margin-bottom: 15px;
	}
	.co .ImgOnlyStyle span {
		width: 100% !important;
		margin-left: 0 !important;
	}
	
	/*画像左 文字サイズ90% 767px以下で回り込み解除*/
	.co .ImgLeftAdjust {
		margin: 0 0 15px;
		width: 100%;
		text-align: center;
	}

	/*[c6-1-1-rwd-4] 画像+文章 画像右 文字サイズ90% 767px以下で回り込み解除*/
	.co .ImgRightAdjust {
		margin: 0 0 15px;
		width: 100%;
		text-align: center;
	}
	
	/*[c11-6-2-rwd] リンクリスト 左側に日付 767px以下でパネル型に変化*/
	.JS .co .ResponsiveLinkListStyle.TopBorderSet {
		border-top: none;
	}
	.co .DateListStyle2 {
		border-top: none;
	}
	.co .DateListStyle2 li {
		padding: 20px 15px !important;
		border-top: none !important;
		border-bottom: none;
	}
	.co .DateListStyle2 p {
		vertical-align: baseline;
		margin-right: 10px;
	}
	.co .DateListStyle2 li p:last-of-type {
		display: block;
		margin-top: 6px;
	}
	.co .DateListStyle2 li p:last-of-type a:link {
		color: #CC0022;
	}
	.co .DateListStyle2 li p:nth-of-type(2):not(.co_Category) {
		width: 100%;
	}
	.co .DateListStyle2 li p:nth-of-type(3):not(.co_Category) {
		width: 100%;
	}
	.JS .ResponsiveLinkListStyle .DateListStyle1 li a, .JS .ResponsiveLinkListStyle .DateListStyle2 li a {
		position: static;
		display: inline;
	}
	.co .DateListStyle2 .co_Date {
		display: inline;
		width: 100%;
		margin-right: 20px;
	}
	
	/*ポップアップリンク*/
	.co_PopUpLink:link,
	.co_PopUpLink:visited {
		color: #CC0022 !important;
	}

	/*テーブル*/
	.JS .co .ResponsiveTableStyle1 table {
		border: none;
	}
	.co .DataTableStyle1 th {
		width: 100%;
		font-size: 16px;
		padding: 15px;
		border-right: 1px solid #dddddd;
		border-left: 1px solid #dddddd;
		text-align: center;
	}
	.co .DataTableStyle1 tr {
		margin-bottom: 5px;
	}
	.co .DataTableStyle1 td {
		padding: 15px;
		border-right: 1px solid #dddddd;
		border-left: 1px solid #dddddd;
	}
	.co .DataTableStyle1 tr td:last-of-type {
		border-bottom: 1px solid #dddddd;
	}
	.JS .co_TableRow tr:first-child {
		display: block;
	}
	.JS .co_TableRow .ResponsiveTableHeading,
	.JS .co_TableCol .ResponsiveTableHeading {
		display: none;
	}
	.co_TableColWrap {
		border: none;
	}

	.co_TableColWrap .co_TableCol {
		border: 1px solid #dddddd;
		margin-bottom: 5px;
	}
	.co_TableColWrap .co_TableCol .co_th {
		background-color: #EBEBEB;
		font-size: 16px;
		padding: 15px;
		text-align: center;
	}
	.co_TableColWrap li {
		padding: 15px;
	}

	/*価格表示用パーツ左寄せ*/
	.co_Price {
		margin-left: auto;
	}
	.co_Price p {
		font-size: 16px;
	}
	
	/*[c15-1] プラグインダウンロード記述 Adobe Acrobat Reader*/
	.co .PlugInBanner {
		display: block;
	}

	/*[c23-1-1-1-1] フィーチャーユニット 画像左 見出しレベル1 4グリッド*/
	.co .ImgBoxStyle1 div.Inner {
		padding: 15px;
		width: 100%;
	}
	.co .ImgBoxStyle1 .Inner:before {
		display: block;
		border-bottom: solid 10px #ffffff;
	}
	.co .ImgBoxStyle1 .Inner:after {
		display: none;
	}
	.co .ImgBoxStyle1 div.Inner h2 {
		margin-bottom: 10px;
	}
	.co .ImgBoxStyle1 div.Inner p.TextStyle2 {
		margin-bottom: 10px;
	}
	
	/*[c26-opt1-1-1-1] 動画再生ユニット 見出しレベル1 4グリッド*/
	.co main div.Movie {
		height: calc(100vw * 0.5623);
	}
	.co_MovieWrap p {
		margin-top: 10px;
	}
	
	/*ボタン*/
	.co button {
		width: 100%;
		font-size: 90%;
		margin-bottom: 10px;
	}
	.co button span {
		display: inline-block;
		padding-right: 25px;
		width: 100% !important;
		margin-left: 0 !important;
	}
	.co .co_CV2set .co_Button_LargeList button span {
		display: inline;
		padding-right: 0;
	}
	.co .ButtonStyle2 li {
		margin-right: 0;
	}
	
	/*コンバージョンボタン*/
	.co .co_ButtonCV {
		font-size: 17px;
	}
	.co .co_Button_LargeList {
		display: flex;
	}
	.co .co_Button_LargeList li {
		display: inline;
		width: calc((100vw - 40px) / 2);
	}
	.co .co_Button_LargeList li:first-of-type {
		margin-right: 10px;
	}
	.co .co_CV2set .co_Button_LargeList li:first-of-type {
		margin-right: 0;
	}
	.co .co_Button_LargeList button {
		height: 44px;
		width: 100%;
		font-size: 14px;
		padding: 6px 3px;
		vertical-align: middle;
	}
	.co .co_Button_LargeList button p {
		background: url(../../image/jp/r1/icon/icon_link_right_l_hd.gif) no-repeat right center/16px 16px;
		margin: 0 0 0 8px;
	}
	.co .co_Button_LargeList .co_Button_Document p {
		margin-top: 0;
	}
	.co .co_Button_LargeList .co_Button_Document strong {
		display: inline;
		padding: 3px 0 4px 16px;
		background: url("../image/icon_document.svg") no-repeat left center/18px 21px;
	}
	.co .co_Button_LargeList .co_Button_Document:hover strong {
		background: url("../image/icon_document_white.svg") no-repeat left center/18px 21px;
	}
	.co .co_Button_LargeList .co_Button_Document:hover strong p {
		background: url(../../image/jp/r1/icon/icon_link_right_l_white_hd.gif) no-repeat right center/16px 16px;
	}
	.co .co_Button_LargeList .co_Button_Contact p {
		margin-top: 0;
	}
	.co .co_Button_LargeList .co_Button_Contact strong {
		display: inline;
		padding: 0 0 0 16px;
		background: url("../image/icon_mail_big.svg") no-repeat left center/20px 13px;
	}
	.co .co_Button_LargeList .co_Button_Contact:hover strong {
		background: url("../image/icon_mail_big_white.svg") no-repeat left center/20px 13px;
	}

	
	/*コンセプトエリア*/
	.co_Concept {
		background:url("../image/image_concept_SP.jpg") no-repeat center bottom/auto 800px #DFEDFF;
		padding: 60px 15px 300px;
		height: auto;
	}
	.co_Concept .co_Concept_RightBox {
		width: 100%;
		margin-left: auto;
	}
	.co_Concept .co_Concept_RightBox .CatchCopy {
		text-align: center;
	}
	
/*ポイントリスト*/
	.co .co_PointList li.co_Flex {
		display: flex;
	}
	.co_PointList li h3 {
		min-height: 63px;
		margin-bottom: 10px;
	}
	.co_PointNumber {
		min-width: 63px;
		min-height: 63px;
		max-width: 63px;
		max-height: 63px;
		margin-right: 10px;
	}
	.co_PointNumber p {
		margin: 5px 0 0;
		font-size: 90%; /** 210108追加*/
	}
	.co_PointNumber span {
		font-size: 30px;
	}
	.co_PointList li section p {
		margin-left: -73px;
	}
	
	/*画像付きリスト*/
	.co_ImgList li,
	.co_ImgList02 li{
		min-height:0%;
		width: 100%;
		margin-left: 0;
		padding: 15px;
		text-align: center;
	}
	.co_ImgList li:not(:last-of-type) {
		margin-bottom: 20px;
	}
	.co_ImgList li img {
		margin-bottom: 10px;
	}
	.co_ImgList li h3 {
		margin-bottom: 5px;
	}
	.co_ImgList li p {
		text-align: left;
	}
	
	/*ステップ（番号・矢印つき）※高さ固定316px*/
	.co_StepList li {
		position: relative;
		width: 100%;
		min-height: 100%;
		height: 100%;
		padding: 15px;
		margin: 10px 0;
	}
	.co_StepList li:last-of-type {
		margin-bottom: 0;
	}
	.co_StepList li h3 {
		width: calc(100% - 80px);
		margin: 19px auto 24px;
	}
	.co_StepListArrow li:not(:last-of-type) {
		position: relative;
		border-radius: 5px 5px 0 0;
		margin-bottom: 30px;
	}
	.co_StepListArrow li:not(:last-of-type)::after {
		display: none;
	}
	.co_Arrow {
		display: inline-block;
		position: absolute;
		bottom: -23px;
		left: 0;
		width: 100.4%;
		height: 25px;
		margin-left: -0.2%;
		margin-right: -0.6%;
		}
	.co .st0 {
		fill:#FFFFFF;
		stroke:#CC0022;
		stroke-width: 0.5px;
		stroke-miterlimit:10;
		}

	
	/*ユースケース*/
	.co .BoxPatternA {
		padding: 15px;
	}
	.co .BoxPatternA .ImgLeftAdjust {
		margin-bottom: 20px;
	}
	.co_MiniCard {
		min-width: 60px;
	}
	.co .BoxPatternA ul {
		padding: 0;
	}
	.co .BoxPatternA ul li p {
		padding: 0;
		margin: 0;
	}
	.co .BoxPatternA .TextStyle1 {
		padding: 0;
	}
	.co .BoxPatternA .ButtonStyle2 {
		margin-bottom: 0;
	}
	.co .BoxPatternA .Button.ClearFix {
		margin-bottom: 0;
	}
	
	/*よくあるご質問*/
	.co_FAQList > li:not(:first-of-type) {
		margin-top: 30px;
	}
	.co_FAQList .co_Q {
		padding: 10px;
	}
	.co_FAQHead {
		min-width: 35px;
		max-width: 35px;
		height: 35px;
		padding: 6px 10px 2px;
		font-size: 18px;
		margin-right: 10px;
	}
	.co_Q {
		margin-bottom: 10px;
	}
	.co_Q p {
		margin-top: 0;
		font-size: 16px;
	}
	.co_A {
		margin-left: 10px;
	}
	.co_A .co_Flex {
		margin-bottom: 10px;
	}
	.co_A .co_Flex,
	.co_Q.co_Flex {
	align-items: flex-start;
}
	.co_A .co_Adetail {
		margin-left: 45px;
	}
	
	/*ユースケーススライド*/
	.co_SlideCard_container {
		overflow-x: visible;
	}
	.co_SlideCard {
/*		height: 270px;*/
		position: relative;
		margin: 0 0 40px;
		min-width: 100px;
	}
	.co_SlideCard .slick-track {
		margin-left: 5px;
	}
	.co_SlideCard li.co_SlideCardLi {
		margin-right: 15px;
		width: calc(100vw - 30px) !important;
		max-width: 345px;
		margin-bottom: 20px;
	}
	.co_SlideCard li.co_SlideCardLi:first-of-type {
		margin-left: 0;
	}
	.co_SlideCard li div {
		padding: 15px;
	}
	.co_SlideCard li h3 {
		margin-bottom: 10px;
	}
	/*スライド部分調整*/
	.slick-dots {
		position: absolute;
		display: flex;
		bottom: -30px;
		left: 0;
		right: 0;
		width: 100%;
		justify-content: center;
	}
	.slick-dots li:not(:last-of-type) {
		margin-right: 30px;
	}
	
	/*FAQ*/
	.co_QList li {
		margin-bottom: 20px;
		vertical-align: middle;
	}
	.co_QList li a {
		background: url(../../image/jp/r1/icon/icon_link_right_l_hd.gif) no-repeat right 15px center/22px 22px;
	}
	.co_QList li a p {
		padding: 20px 40px 20px 20px;
		border-radius: 0 5px 5px 0;
	}
	.co_QList .co_QHead {
		position: relative;
		min-width: 39px;
		max-width: 39px;
		height: auto;
		font-size: 24px;
		padding: 15px 10px 0;
	}
	/*コミュニティサイトへのログイン*/
	.co_Community {
		background: url("../image/image_community.jpg") no-repeat right top/auto 253px;
		padding: 0 15px;
		height: 253px;
	}
	.co_Community a {
		width: calc(100% - 30px);
		padding: 20px;
	}
	
	.co_Community .co_MiniCard {
		display: block;
		width: 75px;
		padding-top: 6px;
		margin: 0 auto 10px;
	}
	.co_Community h2 {
		display: inline-block;
		margin: 10px 0 !important;
		font-size: 18px;
		background: url(../../image/jp/r1/icon/icon_new_window_hd.gif) no-repeat right center/25px 25px;
	}

	/*お問合せエリア*/
	.co_FooterContact {
		background: url("../image/image_footerContact.jpg") no-repeat;
		height: auto;
		vertical-align: middle;
		padding-top: 40px;
	}
	.co_FooterContact p.TextStyle1 strong {
		font-size: 18px;
	}
	.co_FooterContact p.TextStyle1 {
		margin-bottom: 15px;
	}
	.co_CV2set {
		width: 100%;
	}
	.co_CV2set .co_Button_LargeList li {
		margin-right: 0;
		width: 100%;
	}
	.co_CV3set .co_Button_LargeList {
		margin-bottom: 10px;
	}
	.co_CV3set button {
		margin-bottom: 0;
	}
	.co_CV3set .co_Button_LargeList li {
		margin-right: 0;
	}
	.co_CV3set .co_ButtonCV,
	.co_CV2set .co_ButtonCV{
		width: 100%;
	}
	.co_CV2set .co_Button_LargeList .co_Button_Document strong p {
		padding: 2px 25px 5px 0;
		background-image: url(../../image/jp/r1/icon/icon_link_right_l_hd.gif);
		background-repeat:  no-repeat;
		background-position: right center;
		background-size: 16px 16px;
	}
	
	/*フッター*/
	.co #Footer {
		padding-bottom: 86px;
	}
	
	/*最下部固定ページの先頭へボタン*/
	.JS .co #PageTopBottom {
		display: none;
	}
	
	/*モバイルのみ追従CVボタン*/
	#co_FooterFollow {
		position: fixed;
		width: 100%;
		padding: 10px 15px;
		background-color: rgba(0,0,0,0.45);
		bottom: -100px;
		left: auto;
		z-index: 9999;
		transition: all 1s ease 0s;
	}
	#co_FooterFollow.active {
		bottom: 0;
	}
	#co_FooterFollow button {
		margin-bottom: 0;
	}
	
	
	.JS .ResponsiveLinkListStyle .DateListStyle1 li a:link:after, .JS .ResponsiveLinkListStyle .DateListStyle2 li a:link:after, .JS .ResponsiveLinkListStyle .DateListStyle1 li a:visited:after, .JS .ResponsiveLinkListStyle .DateListStyle2 li a:visited:after {
		display: none;
	}

	/*ハンバーガーメニュー応急処置*/
	.JS .co .SuperGlobalNavi h2 a:link {
		font-size: 55%;
	}
	#UltraGlobalNavi > .SuperGlobalNavi:not(:nth-of-type(2n + 1)) {
		display: none;
	}
	
	/*お悩みはありませんか？エリア*/
	.co_MemoSheetInner {
		padding: 20px 20px 20px 15px;
		margin-left: 25px;
		position: relative;
	}
	.co_MemoSheetInner ul {
		margin-left: 0;
	}
	.co_WorriesListWrap {
		width: calc(100% - 20px);
		min-width: 0;
	}
	.co_label {
		display: block;
		width: 90px;
		height: 24px;
		padding-top: 0;
		font-size: 11px;
		margin: 0 auto;
	}
	.co_worriesList li:first-of-type {
		padding-top: 0;
	}
	.co_worriesList li > div {
		width: 100%;
	}
	.co_worriesList li > div p {
		margin-top: 10px;
	}
	.co_worriesList li > div:first-of-type {
		position: relative;
		width: 100%;
		padding-right: 0;
		padding-bottom: 30px;
	}
	.co_worriesList li > div:first-of-type::after {
		content: "";
		position: absolute;
		right: calc(50% - 10px);
		bottom: 10px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 10px 0 10px;
		border-color: #DEDEDE transparent transparent transparent;
	}
	.co_worriesList li > div:nth-of-type(2) {
		margin-left: 0;
	}
	.co_MemoSheetWrap .co_AppealText {
		margin-top: 34px;
	}
	.co_MemoSheetWrap .co_AppealText strong {
		font-size: 22px;
	}
	
	/*背景写真の上に白い透過エリア*/
	.co_BackgroundTransparencyWrap .co_BackgroundTransparency {
		width: 100%;
		padding: 15px;
	}
	
	/**/
	.co_ContactMessage img {
		width: 150px;
		margin: 0 auto;
	}
	
	/*赤下線エリア関係*/
	.co_Approach {
		background: url("../image/parts_Aproach.jpg");
		padding: 40px 15px 30px;
	}
	.co_Approach > .Section:nth-of-type(n + 2){
		margin-top: 50px;
	}
	.co_Approach .co_h2Wrapper {
		margin-bottom: 20px;
	}
	.co_ApproachInnerBox {
		padding: 15px;
		margin-top: 25px;
	}
	.co_Approach_h4Wrap:not(:first-of-type) {
		margin-top: 30px;
	}
	.co_ApproachInnerBox .co_MovieWrap {
		margin-top: 30px;
	}
	.co_Approach_HeadWrap {
		padding: 0;
	}
	
	/*ブランディングエリア*/
	#co_Branding,
	.co_Branding {
		background: url("../image/image_branding_bg_SP.jpg") repeat-x left/auto 455px #3ba97f;
		padding: 0;
	}
	.co_Branding {
		background: none;
		margin-top: 20px;
	}
	#co_Branding .Section,
	.co_Branding .Section {
		background: url("../image/image_branding_SP.png") no-repeat center top/auto 455px;
		padding: 26px 15px 20px;
		height: 100%;
		text-align: center;
		margin-left: calc(((100vw - 100%) / 2) * -1);
		margin-right: calc(((100vw - 100%) / 2) * -1);
	}
	.co_Branding .Section {
		background: url("../image/image_saitama_bg_PC.png") no-repeat center top;
	}
	#co_Branding .co_TextBox,
	.co_Branding .co_TextBox {
		width: 100%;
		margin-left: 0;
	}
	#co_Branding h1,
	.co_Branding h1 {
		width: 100%;
		font-size: 36px;
	}
	#co_Branding div > p,
	.co_Branding div > p {
		font-size: 14px;
	}
	#co_Branding .co_CV2set {
		margin-top: 200px;
		padding: 0;
		background-color:transparent;
		margin-left: 15px;
	}
	
	/*吹き出し課題と解決レイアウト*/
	img.co_Baloon_caractor {
		min-width: 80px;
		width: 80px;
		height: 62px !important;
		margin-top: 12px;
	}
	.co_Baloon {
		padding: 16px 16px 1px;
		font-size: 14px;
	}
	.co_Baloon_L::before {
		top: 30px;
	}
	.co_Baloon_R {
		margin-right: 30px;
	}
	.co_Baloon_R::before {
		top: 30px;
	}
	
}
@media screen and (max-width: 994px){
	.JS .GridSet{
		margin: 0;
	}	
}


