@charset "shift_jis";
/*
reset
--------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, code, img, dl, dt, dd, ol, ul, li, form, label, table, caption, tbody, thead, tr, th, td, article, aside, canvas, footer, header, menu, nav, section, summary, audio, video, input, textarea, button, figcaption, figure {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}
html {
	font-size:62.5%;
	height:100%;
}
body {
	height:100%;
	line-height:1;
	-webkit-text-size-adjust:100%;
	overflow-y: scroll;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
a {
	display:inline-block;
	font-size:inherit;
	line-height:inherit;
	color:inherit;
	text-decoration:none;
}
input, select, textarea {
	vertical-align:middle;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
	font-size:16px;
	font-size:1.6rem;
}
input[type="checkbox"], label {
	cursor:pointer;
}
input[type="button"] {
	background:none;
	border:none;
}
ol, ul {
	list-style:none;
}
img {
	vertical-align:middle;
}
/*
base
--------------------------------------- */
body {
	font-size:16px;
	font-size:1.6rem;
	color: #666;
}
.align-cntr{
	text-align: center;
}
.inblk{
	display: inline-block;
}
.wrap {
	min-width:1024px; /* リキッド化のためのここの解除は各ページで。*/
	min-height:100%;
	position: relative;
}
a:hover {
	filter:alpha(opacity=85);
	-moz-opacity:0.85;
	opacity:0.85;
}
.ios a:hover, .ios input[type="submit"] {
	opacity:1.0!important;
}
/*
header
--------------------------------------- */
header {
	width:100%;
	background:#0C121C;
}
header .sitename {
	display:table-cell;
	float:left;
	border-right:solid 1px #333;
}
header .sitename a {
	display:inline-block;
	width:190px;
	height:100%;
	line-height:103px;
	text-align:center;
}
header .sitename img {
	margin-right:5px;
	width: 116px;
}
header .pc-parts {
	overflow:hidden;
}
header .menu_btn {
	display:none;
}
@media (max-width: 1204px) {
	header .pageNav li.tel{
		display:none !important;
	}
	header .pageNav li {
		width:14.1% !important;
	}
}
header .linkNav {
	border-bottom:solid 1px #333;
	text-align:right;
	padding-right:20px;
}
header .linkNav li {
	display:inline-block;
	height:37px;
	line-height:37px;
	text-align:left;
	font-size:11px;
	font-size:1.1rem;
	color:#FFF;
	margin:0 8px;
}
header .pageNav ul {
	width:100%;
	overflow:hidden;
}
header .pageNav li {
	border-right:solid 1px #333;
	float:left;
	width:10.9%;/*12.7%*/
	height:70px;
	line-height:72px;
	font-size:16px;
	font-size:1.6rem;
	color:#FFF;
	text-align:center;
}
header .pageNav li:last-child {
	border:none;
}
header .pageNav li.price {
	/*	font-size:14px;
        font-size:1.4rem;*/
}
header .pageNav li.tel {
	line-height:69px;
	width:22%;
}
header .pageNav li.tel img{
	width: 146px;
}
header .pageNav li a {
	display:inline-block;
	width:100%;
	height:100%;
}
header nav .dropdown-child {
	display: none;
}
/* slideMenu
* --------------------------------------- */
.main-navi {
	display: none;
}
.btn-menu, .btn-menu span {
	display: inline-block;
	transition: all .4s;
}
.btn-menu {
	float: right;
	position: fixed;
	top:0;
	right: 0;
	z-index: 100;
	width: 25px;
	height: 25px;
	padding: 16px 19px 19px;
}
.btn-menu span {
	position: absolute;
	right: 17px;
	width: 25px;
	height: 5px;
	background-color: #FFF;
}
.btn-menu span:nth-of-type(1) {
	top: 15px;
}
.btn-menu span:nth-of-type(2) {
	top: 25px;
}
.btn-menu span:nth-of-type(3) {
	bottom: 19px;
}
.btn-menu.active {
	position: fixed;
	top:0;
	right: 0;
	z-index: 100;
}
.btn-menu.active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
}
.btn-menu.active span:nth-of-type(2) {
	opacity: 0;
}
.btn-menu.active span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-11px) rotate(45deg);
}
.news-area {
	display: none;
}

header .innerWrap {
	position: relative;
}
/*.mega-dropdown {
	display: none;
	position: absolute;
	top: 108px;
	left: 0;
	z-index: 20;
	background: #000;
	width: 100%;
	height: 148px;
}*/


.mega-dropdown-child {
	display: none;
	position: absolute;
	top: 108px;
	left: 0;
	z-index: 20;
	background: url(../images/bg_megadropdown.png) repeat left top;
	width: 100%;
	/* visibility: hidden; */
	/* opacity: 0; */
	transition: .2s ease-in-out;
	text-align: center;
}
/*.kokuban ul {
	width: 638px;
	margin: 0 auto;
}
.kokuban li {
	display: inline-block;
	width: 295px;
	height: 150px;
}
.kokuban .pad {
	background: url(../images/kuracom_pad_pc.png) no-repeat center left;
	padding-right: 42px;
}
.kokuban a {
	width: 100%;
	height: 100%;
	display: block;
}
.kokuban .kokuban {
	background: url(../images/kuracom_koujikokuban_pc.png) no-repeat center left;
}
.kokuban .pad p {
	margin: 46px 0 0 0;
	height: 30px;
	font-size: 1.2rem;
	color: #fff;
	background: url(../images/kuracom_pad_logo_pc.png) no-repeat 137px top;
	text-indent: -9999px;
	margin-bottom: 4px;
}
.kokuban p {
	margin: 42px 0 4px 9px;
	height: 30px;
	font-size: 1.2rem;
	color: #fff;
	background:url(../images/kuracom_koujikokuban_logo_pc.png) no-repeat 137px top;
	text-indent: -9999px;
	padding-bottom: 4px;
}
.kokuban .pad span {
	font-size: 1.2rem;
	color: #fff;
	margin-left: 135px;
	padding: 4px 18px 4px 24px;
	background: url(../images/arrow_isosceles_triangle.png) no-repeat 10px center;
	border: solid 1px;
}
.kokuban span {
	font-size: 1.2rem;
	color: #fff;
	margin-left: 154px;
	padding: 4px 18px 4px 24px;
	background: url(../images/arrow_isosceles_triangle.png) no-repeat 10px center;
	border: solid 1px;
}
.syashinkanri ul {
	width: 706px;
	margin: 0 auto;
}
.syashinkanri li {
	display: inline-block;
	width: 330px;
	height: 150px;
}
.syashinkanri .goyoutashi {
	background: url(../images/kuracom_goyoutashi_18_pc.png) no-repeat center left;
	padding-right: 40px;
}
.syashinkanri a {
	width: 100%;
	height: 100%;
	display: block;
}
.syashinkanri .pickup {
	background: url(../images/kuracom_pickup_pc.png) no-repeat center left;
}
.syashinkanri .goyoutashi p {
	margin: 42px 0 0 0;
	height: 30px;
	font-size: 1.2rem;
	color: #fff;
	background: url(../images/kuracom_goyoutashi_2017_logo_pc.png) no-repeat 112px top;
	text-indent: -9999px;
	padding-bottom: 8px;
}
.syashinkanri p {
	margin: 42px 0 4px 9px;
	height: 30px;
	font-size: 1.2rem;
	color: #fff;
	background:url(../images/kuracom_pickup_logo_pc.png) no-repeat 118px top;
	text-indent: -9999px;
	padding-bottom: 4px;
}
.syashinkanri .goyoutashi span {
	nt-size: 1.2rem;
	color: #fff;
	margin-left: 113px;
	padding: 4px 18px 4px 24px;
	background: url(../images/arrow_isosceles_triangle.png) no-repeat 10px center;
	border: solid 1px;
}
.syashinkanri span {
	font-size: 1.2rem;
	color: #fff;
	margin-left: 128px;
	padding: 4px 18px 4px 24px;
	background: url(../images/arrow_isosceles_triangle.png) no-repeat 10px center;
	border: solid 1px;
}*/

/*#kokuban.mega:hover {
	background-color: #005533;
}
#syashinkanri.mega:hover {
	background-color: #005533;
}
#daityou.mega:hover {
	background-color: #005533;
}
#special:hover {
	background-color: #005533;
}*/
#price {
	background-color: #005533;
}
/*#faq:hover {
	background-color: #005533;
}*/



.mega-dropdown-child ul {
	margin: 0 auto;
	box-sizing: border-box;
}
.mega-dropdown-child li {
	display: inline-block;
	height: 118px;
}
.mega-dropdown-child span {
	font-size: 1.2rem;
	color: #fff;
	margin-left: 0px;
	padding: 4px 22px 4px 28px;
	background: url(../images/arrow_isosceles_triangle.png) no-repeat 14px center;
	border: solid 1px;
}
.mega-dropdown-child a {
	width: 100%;
	height: 100%;
	display: block;
	box-sizing: border-box;
}
.mega-dropdown-child .pad {
	background: url(../images/kuracom_pad_pc.png) no-repeat left 17px;
	padding-right: 73px;
	width: 275px;
}
.mega-dropdown-child .pad3 {
	background: url(../images/kuracom_padDX_pc@2x.png) no-repeat 40px 26px;
	background-size: 35% auto;
	/*padding-right: 5px;*/
	margin-left: 2em;
	width: 325px;
}
.mega-dropdown-child .tough {
	background: url(../images/kuracom_pad_toughDX_pc@2x.png) no-repeat 15px 24px;
	background-size: 40% auto;
	padding-right: 5px;
	min-width: 290px;
}
.mega-dropdown-child .kokuban {
	background: url(../images/kuracom_koujikokuban_pc2@2x.png) no-repeat left 30px;
	background-size: 40% auto;
	width: 270px;
	margin-left: 2em;
}
.mega-dropdown-child .zumen {
	background: url(../images/zumen_capture@2x.png) no-repeat left 24px;
	background-size: 35% auto;
	width: 235px;
	margin-left: 2em;
}
/* .mega-dropdown-child .goyoutashi {
	background: url(../images/kuracom_goyoutashi_18_pc.png) no-repeat left 17px;
	padding-right: 40px;
	width: 322px;
} */
.mega-dropdown-child .goyoutashi {
	background: url(../images/kuracom_goyoutashi_2021_pc@2x.png) no-repeat left 17px;
	background-size: 25% auto;
	padding-right: 40px;
	width: 322px;
}
.mega-dropdown-child .pickup {
	background: url(../images/kuracom_pickup_pc2019@2x.png) no-repeat 25px 25px / 82px;
	background-size: 30% auto;
}
.mega-dropdown-child .drive {
	background: url(../images/kuracom_drive2_pc@2x.png) no-repeat left 10px;
	background-size: 23% auto;
	padding-right: 76px;
	min-width: 250px;
}
.mega-dropdown-child .cloud {
	background: url(../images/kuracom_cloud_pc@2x.png) no-repeat left 17px;
	background-size: 40% auto;
	min-width: 300px;
}
.mega-dropdown-child .dekigataapp {
	background: url(../images/kuracom_dekigataapp_pc.png) no-repeat left 17px;
	background-size: 30% auto;
	min-width: 300px;
	padding-right: 76px;
}
.mega-dropdown-child .dekigata {
	background: url(../images/kuracom_dekigata_pc.png) no-repeat left 24px;
	background-size: 30% auto;
	min-width: 260px;
}
.mega-dropdown-child .before-support {
	background: url(../images/kuracom_support_before_pc@2x.png) no-repeat left 17px;
	background-size: 32% auto;
	padding-right: 36px;
	min-width: 310px;
}
.mega-dropdown-child .after-support {
	background: url(../images/kuracom_support_after_pc@2x.png) no-repeat left 17px;
	background-size: 36% auto;
	padding-right: 0px;
	min-width: 310px;
}
.mega-dropdown-child .pad a {
	padding-left: 145px;
}
.mega-dropdown-child .pad3 a {
	padding-left: 146px;
}
.mega-dropdown-child .tough a {
	padding-left: 145px;
}
.mega-dropdown-child .kokuban a {
	padding-left:123px;
}
.mega-dropdown-child .zumen a {
	padding-left: 92px;
}
.mega-dropdown-child .goyoutashi a {
	padding-left: 104px;
}
.mega-dropdown-child .goyoutashi a {
	padding-left: 104px;
}
.mega-dropdown-child .pickup a {
	padding-left:128px;
}
.mega-dropdown-child .drive a {
	padding-left: 80px;
}
.mega-dropdown-child .cloud a {
	padding-left:143px;
}
.mega-dropdown-child .dekigataapp a {
	padding-left:100px;
}
.mega-dropdown-child .dekigata a {
	padding-left:80px;
}
.mega-dropdown-child .before-support a {
	padding-left: 80px;
}
.mega-dropdown-child .after-support a {
	padding-left: 80px;
}
.mega-dropdown-child p {
	text-indent: -9999px;
	padding-top:0px;
	padding-bottom: 0px;
	margin: 0 0 8px 0;
	height: 60px;
	font-size: 1.2rem;
	color: #fff;
	width: auto;
}
.mega-dropdown-child .pad p {
	background: url(../images/kuracom_pad_logo_pc@2x.png) no-repeat 0px top;
	background-size: 75% auto;
}
.mega-dropdown-child .pad3 p {
	background: url(../images/kuracom_pad3_logo_pc2@2x.png) no-repeat 22px 21px;
	background-size: 75% auto;
}
.mega-dropdown-child .tough p {
	background: url(../images/kuracom_pad_tough_logo_pc2@2x.png) no-repeat 0px 32px;
	background-size: 100% auto;
}
.mega-dropdown-child .kokuban p {
	background: url(../images/kuracom_koujikokuban_logo_pc2@2x.png) no-repeat 0px 32px;
	background-size: 100% auto;
}
.mega-dropdown-child .zumen p {
	background: url(../images/zumen_capture_logo@2x.png) no-repeat 0px 32px;
	background-size: 100% auto;
}
/* .mega-dropdown-child .goyoutashi p {
	background: url(../images/kuracom_goyoutashi_logo_18_pc.png) no-repeat 0px 32px;
} */
.mega-dropdown-child .goyoutashi p {
	background: url(../images/kuracom_goyoutashi_logo_2021_pc@2x.png) no-repeat 0px 32px;
	background-size: 100% auto;
}
.mega-dropdown-child .pickup p {
	background: url(../images/kuracom_pickup_logo_pc@2x.png) no-repeat 0px 32px;
	background-size: 100% auto;
}
.mega-dropdown-child .drive p {
	background: url(../images/kuracom_drive2_logo_pc@2x.png) no-repeat 13px 32px;
	background-size: 85% auto;
}
.mega-dropdown-child .cloud p {
	background: url(../images/kuracom_cloud_logo_pc@2x.png) no-repeat 0px 32px;
	background-size: 100% auto;
}
.mega-dropdown-child .dekigataapp p {
	background: url(../images/kuracom_dekigataapp_logo_pc.png) no-repeat 27px 32px;
	background-size: 75% auto;
}
.mega-dropdown-child .dekigata p {
	background: url(../images/kuracom_dekigata_logo_pc.png) no-repeat 10px 32px;
	background-size: 90% auto;
}
.mega-dropdown-child .before-support p {
	text-indent: inherit;
	height: auto;
	font-size: 1.2em;
	font-weight: bolder;
	padding-top: 30px;
	margin-bottom: 12px;
}
.mega-dropdown-child .after-support p {
	text-indent: inherit;
	height: auto;
	font-size: 1.2em;
	font-weight: bolder;
	padding-top: 30px;
	margin-bottom: 12px;
}
.mega-dropdown-child.open {
	display: block;
	visibility: visible;
	opacity: 1;
}
/*.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}*/


/*slideMenu
---------------------------------------------------*/
.slide-menu {
	display: none;
	position: fixed;
	top: 0;
	z-index: 1;
	opacity: 0;
	width: 100%;
	height: 100%;
	background:#000;
	background-size:108px auto;
	text-align: center;
	overflow: auto;
	z-index: 12;
	-webkit-overflow-scrolling: touch;
}
.slide-menu li.logo {
	height: 61px;
	border-bottom: 1px solid #333;
}
.slide-menu li.logo a {
	width: 98px;
	height:100%;
	padding-left: 16px;
	border-right: 1px solid #333;
}
.slide-menu li.logo img {
	padding-top: 12px;
	width: 77px;
}
.slide-menu li {
	line-height:49px;
	min-height: 48px;
	/* margin: 0 0 23px 17px; */
	color: #FFF;
	font-size: 1.4rem;
	text-align: left;
	width: 100%;
	box-sizing:border-box;
	border-bottom: 1px solid #333;
}
.slide-menu li:last-child {
	/* border-bottom:none; */
}
.dropdown-child {
	border-top: 1px solid #333;
}
.slide-menu li a {
	/* text-indent: -9999px; */
	display: block;
	width: 100%;
	height: 100%;
	color: #FFF;
}
.slide-menu h5 {
	padding-left: 20px;
	font-size: 1.4rem;
	font-weight: normal;
	display: inline-block;
}
.slide-menu li ul {
	background:#181D21;
	padding: 10px 0;
}
.slide-menu li li {
	border-bottom:none;/* height: 55px; */
	/* line-height: 61px; */
}
.slide-menu li a {
	padding-left: 20px;
}
.accordion_icon, .accordion_icon span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.accordion_icon {
	position: relative;
	width: 30px;
	height: 30px;
	float: right;
	margin: 18px 4px 0 0;
}
.accordion_icon span {
	position: absolute;
	left: 6px;
	width:12px;
	/* top: 5px; */
	height: 2px;
	background-color: #FFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
	top: 5px;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
	top: 5px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}
.accordion_icon.active span:nth-of-type(1) {
	display:none;
}
.accordion_icon.active span:nth-of-type(2) {
	top: 5px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}
.slide-menu .call{
	color: #fff;
	padding: 10px 0;
}
.slide-menu .call a{
	font-size: 24px;
	display: block;
	margin: 0.3em 0;
	line-height: 1;
}
.slide-menu .call a::before{
	content: '';
	background: url('/renew/images_dx/common/icon_phone.png') center center / contain no-repeat;
	width: 1.0em;
	height: 0.9em;
	display: inline-block;
	vertical-align: top;
}
.slide-menu .call small{
	font-size: 12px;
	display: block;
}
@media only screen and (min-width :900px) {
	.main-navi {
		display: block;
		float: right;
		width: 735px;
		overflow: hidden;
	}
}
/*
footer
--------------------------------------- */
.footerAll {
	width:100%;
	/*height: 546px;*/
	background:#000;
	text-align: left;
}
/* @media screen and (max-width: 1024px) and (min-width: 900px) {
	.footerAll {
		min-width:1024px;
	}
} */
.f_actionNav .innerWrap {
	margin: 0 auto;
	/* max-width: 1024px; */
	/* overflow: hidden; */
	/* min-width: 769px; */
	/* max-width: 907px; */
	/* width: clamp(769px,100vw,907px); */
}
.f_actionNav {
	background:url(../images/bg_actionNav.jpg) center top;
}
.f_actionNav nav {
	/* margin:0 50px; */
	line-height: 0;
}
.f_actionNav ul {
	line-height: 1.5;
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	/* border-left: solid 1px #999; */
	border: solid #999;
	border-width: 0 1px;
}
.f_actionNav li {
	float: left;
	vertical-align:top;
	/* width:19.5%; */
	/* width: clamp(151px, 19.5%, 181px); */
	/* border-right:solid 1px #999; */
	text-align:center;
	font-size:14px;
	font-size:1.4rem;
	color:#666;
	font-weight:bold;
}
/* .f_actionNav li:nth-of-type(-n+4) {
	border-right: 1px solid #999;
} */
.f_actionNav li > a {
	display:inline-block;
	vertical-align:top;
	width:100%;
	height:100%;
	padding:112px 0 30px;
}
.f_actionNav li.catalog a {
	background:url(/renew/images/icon_catalog2.png) no-repeat center 38px;
	background-size: auto 48px;
}
.f_actionNav li.quote a {
	background:url(/renew/images/icon_calculator2.png) no-repeat center 34px;
	background-size: auto 48px;
}
.f_actionNav li.mail a {
	background:url(/renew/images/icon_mail2.png) no-repeat center 39px;
	background-size: auto 40px;
}
.f_actionNav li.demo a {
	background:url(/renew/images/icon_demo2.png) no-repeat center 34px;
	background-size: auto 56px;
}
.f_actionNav li.sns {
	padding-bottom: 30px;
}
.f_actionNav li .sns_btn:after {
	content: "蔵衛門Padを広める";
	margin-top: 10px;
	display: block;
}
.f_actionNav li .sns_btn {
	min-height: 82px;
	padding-top: 30px; /*112px*/
}
.f_actionNav li .sns_btn > a {
	display: block;
}
.f_actionNav li .sns_btn img{
	height: 20px;
	margin: 2px;
}
.f_actionNav li .sns_btn .disabled a, .f_actionNav li .sns_btn .disabled a:hover {
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	opacity:0.25;
	cursor:default;
}
.f_sitemap {
	background:url(../images/bg_sitemap.jpg) center top;
	padding:40px 0 53px;
	color:#FFF;
}
.f_sitemap .innerWrap {
	margin: 0 auto;
	max-width: 940px;
	/* width: 60.34%; */
	/* width: 67.3%; */
}
.f_sitemap .ttl {
	width:100%;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.2;
}
.f_sitemap dl {
	vertical-align:top;
	display: inline-block;
}
.f_sitemap dl:nth-of-type(-n+3) {
	margin-bottom: 30px;
}
.f_sitemap dl:not(:last-of-type) {
	margin-right: 32px;
}
.f_sitemap dl.feature {
	width: 246px;
}
.f_sitemap dt {
	margin-bottom:9px;
	font-size:12px;
	font-size:1.2rem;
	line-height:1.2;
	font-weight:bold;
}
.f_sitemap dd {
	font-size:12px;
	font-size:1.2rem;
	line-height:1.6;
	margin-left:5px;
	/* min-width: 10em; */
}
footer {
	background:url(../images/bg_footer.jpg) center top;
	padding:24px 0 25px;
	color:#FFF;
}
footer .innerWrap {
	margin:0 auto;
	/* max-width:940px;/832px/ */
	overflow:hidden;
}
footer .sitename {
	display:inline-block;
	margin-left:28px;

}
footer .sitename a {
	display:inline-block;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.2;
}
footer nav {
	/* float:right; */
	margin:3px 6px 0 48px;
}
footer nav li {
	display:inline-block;
	text-align:left;
	border-right: solid 1px #FFF;
	height:11px;
	line-height:11px;
	padding-right:17px;
	margin-right:10px;
	margin-bottom: 8px;
}
footer nav li:last-child {
	border:none;
	margin:0;
	padding:0;
}
footer nav li a {
	font-size:11px;
	font-size:1.1rem;
}
footer .copyright {
	margin-left:5px;
	text-indent:-5px;
	margin-top:48px;
	font-size:11px;
	font-size:1.1rem;
	line-height:1.5;
}

/*Pマーク等*/
.bottomFooter{
	background:#D9D9D9;
}
/*Pマーク等ここまで*/

.pageTop_btn {
	display: none;
	position:fixed;
	right: 22px;
	bottom:140px;
	/* bottom:30px; */
	cursor:pointer;
	z-index:10;
	border: 2px solid #ddd;
	border-radius: 5px;
	background-color: #fff;
	padding: 14px 11px 14px;
	line-height: 10px;
}
.pageTop_btn img{
	width: 17px;
	height: 10px;
}
/* @media screen and (max-width: 768px) and (min-width: 1px)  {
	.pageTop_btn {
		position: absolute;
		right:25px;
		bottom:286px;
		top:566px;
	}
} */

/*
main
--------------------------------------- */
/*.main {
	overflow:hidden;
}*/

/*
共通パーツ
--------------------------------------- */
[class*=sec_] > .innerWrap {
	margin:0 auto;
	width:1024px;
}
[class*=sec_] h2 {
	font-size: 38px;
	font-size: 3.8rem;
	line-height: 1.3;
	font-weight: normal;
}
[class*=sec_] .text {
	font-size:16px;
	font-size:1.6rem;
	line-height:1.2;
}
.main .pagelink {
	margin-top:44px;
	display:block;
}
.main .pagelink a {
	display:inline-block;
	background:url(/renew/images/icon_arrow.png) no-repeat left 50%;
	padding-left:20px;
}
/*
デジカメvs蔵Pad
--------------------------------------- */
.sec_compare {
	background:#343434;
	color:#FFF;
}
.sec_compare h2 {
	padding-top:52px;
	text-align:center;
}
.sec_compare .innerWrap {
	width:824px;
	padding-bottom:54px;
}
.sec_compare .text {
	margin-top:36px;
	background:url(/renew/images/img_compare.png) no-repeat right 5px;
	background-size:429px auto;
	padding-right:470px;
	min-height:204px;
}
.sec_compare .pagelink {
	margin-top:-30px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.2;
}

/*
購入ページへの誘導
--------------------------------------- */
.sec_cta {
	background:#444;
	color:#FFF;

	padding-bottom:50px;
}
.sec_cta.pad {
	padding-bottom:61px;
}
.sec_cta .innerWrap {
	padding-left:47px;
	width: auto;
}
.sec_cta h2 {
	text-align:center;
	padding-top:64px;
	font-size:36px;
	font-size:3.6rem;
	margin-left:-28px;
}
.sec_cta dl {
	background:url(/renew/images/img_kurapad.png) no-repeat left top;
	background-size:307px auto;
	padding:17px 0 0 300px;
	width:414px;
	min-height:203px;
	margin:31px auto 0;
	text-align:center;
}
.sec_cta.pad dl, .sec_cta.goyo dl {
	padding:7px 0 0 300px;
}
/*Pad・Padmini対応*/
.sec_cta dl {
	background: url(../images/img_kurapad4_orange.png) no-repeat left 1px;
}
.sec_cta.pad dl {
	padding: 5px 0 20px 320px;
}
/*Pad Tough対応*/
.sec_cta.pad.tough dl {
	background: url(../images/img_kurapad_tough2nd_orange.png) no-repeat left 23px;
	padding: 0px 0 0 320px;
	/*background: url(../images/img_kurapad_tough_campaign.png) no-repeat left 5px;
	padding: 65px 0 0 360px;*/
	height:100%;
	background-size: 339px;
}
/*Pad Tough campaign対応*/
.sec_cta .campaign {
	background: url(../images/img_kurapad_tough.png) no-repeat left 23px !important;
	padding: 65px 0 0 360px !important;
	height:100%;
}
.sec_cta .campaign_comments{
	margin-top:20px;
	display:inline-block;
}
.sec_cta .campaign_comments p{
	text-align:left;
	width:734px;
	line-height:22px;
}
/*蔵衛門御用達2020対応*/
.sec_cta.goyo.ve2020 dl {
	background: url(../images/img_goyo_2020.png) no-repeat left 1px;
	padding: 5px 0 20px 320px;
}

.sec_cta dt {
	font-size:20px;
	font-size:2.0rem;
	line-height:1.2;
}
.sec_cta.pad dt, .sec_cta.goyo dt {
	font-size:18px;
	font-size:1.8rem;
	line-height:1.2;
}
/*Pad Tough campaign対応*/
.sec_cta .campaign_Purchase{
	margin:-20px 0 70px 0;
}
.sec_cta dd {
	margin:21px 0 0 0;
}
.sec_cta.pad dd, .sec_cta.goyo dd {
	margin:11px 0 0 0;
}
.sec_cta.goyo dd img {
	width: 328px;
	height: auto;
}
.sec_cta.goyo.ver2020 dd img {
	width: 100%;
	height: auto;
}
.sec_cta dd .cta_btn {
	margin:26px auto 0;
	background:#FFF;
	width:250px;
	height:50px;
	line-height:51px;
	text-align:center;
	font-size:16px;
	font-size:1.6rem;
	color:#666;
}
.sec_cta.pad dd .cta_btn, .sec_cta.goyo dd .cta_btn {
	display:inline-block;
	width:260px;
	height:44px;
	line-height: 44px;
	margin-top: 20px;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}
.sec_cta.pad dd .cta_btn a, .sec_cta.goyo dd .cta_btn a{
	width: 100%;
}
.sec_cta.pad dd .cta_btn + .cta_btn, .sec_cta.goyo dd .cta_btn + .cta_btn {
	margin-top: 11px;
}
/*.sec_cta.goyo dd .cta_btn a {
	display:inline-block;
	width:100%;
}
.sec_cta.goyo {
	padding-bottom:60px;
}
.sec_cta.goyo h2 {
	padding-top:55px;
	font-size:38px;
	font-size:3.8rem;
	line-height:1.2;
}
.sec_cta.goyo dl {
	margin-top:37px;
	background-image: url(/goyo/images/img_package.png);
	width: 380px;
	padding:29px 0 0 340px;
	min-height:186px;
	background-size:320px 207px;
}
.sec_cta.goyo dd {
	margin-top:15px;
}*/

/*御用達16*/
.sec_cta.goyo dl {
	background-image: url(/goyo/images/img_package.png);
	background-size:320px 207px;
}
/*御用達17*/
.sec_cta.goyo.ver17 dl {
	background-image: url(/goyo/images/img_package_17.png);
	background-size:320px 207px;
}
/*御用達18*/
.sec_cta.goyo.ver18 dl {
	background-image: url(/goyo/images/img_package_18.png);
	background-size:320px 207px;
}
.sec_cta dd .cta_btn {
	margin-top:30px;
	font-weight:bold;
}
/*御用達2020*/
.sec_cta.goyo.ver2020 dl {
	background-image: url(/goyo/images/img_package_2020.png);
	background-size: auto 100%;
	background-position: 70px;
}
/*御用達2021*/
.sec_cta.goyo.ver2021 dl {
	background-image: url(/goyo/images/img_package_2021_2.png);
	background-size: auto 100%;
	background-position: 70px;
}
.sec_cta dd .cta_btn {
	margin-top:30px;
	font-weight:bold;
}

/*
購入ページ下部分
--------------------------------------- */
.sec_selesInfo {
	background:#434343;
	color:#FFF;
	padding:56px 0 55px;
}
.sec_selesInfo h2 {
	text-align:center;
	font-size:36px;
	font-size:3.6rem;
	line-height:1.2;
}
.sec_selesInfo dl {
	border:solid 1px #FFF;
	overflow:hidden;
}
.col_payment {
	margin:35px auto 0;
	width:782px;/*824*/
	padding:28px 21px 25px;
	overflow:hidden;
}
.sec_selesInfo dt, .sec_selesInfo dd {
	font-size:16px;
	font-size:1.6rem;
	line-height:1.2;
}
.col_payment dt {
	float:left;
	margin-right:32px;
}
.col_payment .convini, .col_payment .credit {
	font-weight:bold;
}
.col_payment .convini {
	margin-top:2px;
}
.col_payment .credit {
	margin-top:33px;
}
.col_payment .other {
	margin-top:23px;
}
.sec_selesInfo .rowG {
	display: -webkit-flex;
	display: flex;
	width:826px;
	margin:12px auto 0;
	font-size:0;/*隙間対策*/
}
.sec_selesInfo .rowG dl {
	display:inline-block;
	width:239px;/*264*/
	padding:22px 7px 19px 18px;
	vertical-align:top;
	margin-left:14px;
}
.sec_selesInfo .rowG dd {
	margin-top:23px;
}
.sec_selesInfo .rowG .col_receipt {
	margin-left:0;
}

/*
電話番号
--------------------------------------- */
.sec_telnumber{
	background-color: #333;
	text-align:center;
	color:#fff;
}

/*
お問い合わせ
--------------------------------------- */
.sec_contactInfo {
	background:#434343;
	color:#FFF;
	padding:59px 0 55px;
}
.sec_contactInfo p {
	width: 824px;
	margin: 0 auto;
}
.sec_contactInfo dl {
	border:solid 1px #FFF;
	overflow:hidden;
}
.sec_contactInfo .col_payment {
	margin:29px auto 0;
	width:767px;/*824*/
	padding:34px 21px 29px 36px;
	overflow:hidden;
}
.sec_contactInfo dt, .sec_contactInfo dd {
	font-size:16px;
	font-size:1.6rem;
	line-height:1.2;
}
.sec_contactInfo .col_payment dt {
	float:left;
	margin-right:48px;
}
.sec_contactInfo .col_payment .convini, .sec_contactInfo .col_payment .credit {
	font-weight:bold;
}
.sec_contactInfo .col_payment .convini {
	margin-top:2px;
}
.sec_contactInfo .col_payment .credit {
	margin-top:33px;
}
.sec_contactInfo .col_payment .other {
	margin-top:23px;
}
/*動画再生ポップアップ*/
#playMovie {
	position:absolute;
	left:301px;
	top:131px;
	cursor:pointer;
}
#playMovie:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#overlay {
	display: none;
	width: 100%;
	height:100%;
	text-align: center;
	position: fixed;
	top: 0;
	z-index: 100;
	background: rgba(0,0,0,0.8);
}
#moviePlayer {
	margin:0 auto;
	background:#000;
	width:948px;
	height: 647px;
	padding-top: 13px;
	text-align:center;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#close {
	position:absolute;
	top:-23px;
	right:-24px;
	cursor: pointer;
}
#moviePlayer .tel {
	position: absolute;
	bottom: 19px;
	left: 2px;
	width: 100%;
	text-align: center;
}
@media screen and (max-width: 420px) and (min-width: 1px) {
	#moviePlayer {
		width: 290px;
		height: 262px;
		padding-top: 8px;
	}
	#moviePlayer .tel img {
		width:205px;
	}
	#close {
		top: -15px;
		right: -13px;
		width:43px;
		height:43px;
	}
	#close img {
		width: 100%;
		height: auto;
	}
	#moviePlayer .tel {
		bottom: 17px;
	}
}
/* preloader
---------------------------------------------------------------------------------- */
#loader {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:black;
	filter:alpha(opacity=60);
	opacity:0.60;
	z-index:20;
	display:none;
}
.loader-anime {
	width:70px;
	margin:25% auto 0;
	display:block;
	text-indent:-9999em;
	border-top:1.1em solid rgba(33, 150, 243, 0.2);
	border-right:1.1em solid rgba(33, 150, 243, 0.2);
	border-bottom:1.1em solid rgba(33, 150, 243, 0.2);
	border-left:1.1em solid #2196F3;
	-webkit-animation:load8 1s infinite linear;
	animation:load8 1s infinite linear;
}
.loader-anime, .loader-anime:after {
	border-radius:50%;
	width:70px;
	height:70px;
}
@-webkit-keyframes load8 {
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@keyframes load8 {
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100% {
		-webkit-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
/*背景緑対応*/
.sec_cta {
	background-color: #005533;
}
.sec_cta.pad dd .cta_btn , .sec_cta.goyo dd .cta_btn{
	width: 300px;
	color: #005533;
}
.sec_cta.pad dd .cta_btn.half , .sec_cta.goyo dd .cta_btn.half {
	width: 145px;
	padding-left: 3px;
	background-color: #CFFEDD;
	color: #005533;
}

#header-sp-modal-bg,
#common-modal-dialog-bg{
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	z-index: 10;
	width: 100%;
	height: 100vh;
	display: none;
	align-items: center;
	justify-content: center;
}
#header-sp-modal-bg.show,
#common-modal-dialog-bg.show {
	display: flex;
	animation-name: fadeIn;
	animation-duration: 0.5s;
	position: fixed;
	top: 0;
}
@keyframes fadeIn {
	from {
		opacity:0;
	}
	to {
		opacity:1;
	}
}
#common-modal-dialog{
	border-radius: 1em;
	border: 0.1em solid black;
	background: #fff;
	color: #666;
	text-align: center;
	width: 80%;
	max-width: 550px;
	line-height: 1.5;
}
#common-modal-dialog #dialog-contents{
	padding: 3em 4% 2em;
}
#common-modal-dialog span{
	display: inline-block;
}
#common-modal-dialog img#btn-close{
	float:right;
	margin: 1em 1em 0.2em 0.5em;
	cursor: pointer;
}
#common-modal-dialog .dialog-btn{
	display: inline-block;
	font-size: 1.1em;
	color: white;
	background-color: #25CB91;
	color: white;
	padding: 0.7em;
	min-width: 10em;
	margin: 0.3em 1em;
	cursor: pointer;
}
#common-modal-dialog .dialog-btn.dialog-no{
	background-color: #888;
}

/* 共通スペック比較テーブル */
.horizontal-scroll table{
	border-spacing: 0;
	max-width: 1080px;
	min-width: 824px;
	margin: 0 auto;
}
.horizontal-scroll table tr td.active{
	background-color: rgba(202,237,223,0.6);
}
.horizontal-scroll table .odd {
	background: #EDEDED;
}
.horizontal-scroll table th {
	width: 200px;
	text-align: left;
	/* line-height: 50px; */
	padding-left: 20px;
	height: 50px;
}
.horizontal-scroll table th.adj {
	padding-bottom: 20px;
}
.horizontal-scroll table th.adj2 {
	padding-bottom: 40px;
}
.horizontal-scroll table td {
	width: 272px;
	padding: 10px 20px;
	line-height: 1.4;
}
.horizontal-scroll table td img {
	width: 70%;
	display: block;
	margin: 0 auto;
	margin-bottom: 20px;
}
.horizontal-scroll table td p {
	font-size: 23px;
	display: block;
	text-align: center;
	margin-bottom: 5px;
}
.horizontal-scroll table td a {
	display: block;
	text-align: center;
	margin-bottom: 15px;
}
.horizontal-scroll table td .btn {
	display: block;
	margin-bottom: 50px;
	text-align: center;
	border-radius: 18px;
	background: #25CB91;
}
.horizontal-scroll table td:last-of-type .btn {
	display: block;
	margin-bottom: 50px;
	text-align: center;
	border-radius: 20px;
	background: #787878;
	padding: 4px 0;
}
.horizontal-scroll table td:last-of-type .btn p {
	color: #fff;
	font-size: 16px;
	margin: 0;
}
.horizontal-scroll table td .btn a {
	padding: 7px 0;
	color: #FFF;
}
ul#annotation {
	max-width: 1069px;
	margin: 2rem auto 80px;
	padding-left: 1rem;
}
ul#annotation li {
	display: block;
	text-align: left;
}

/* insightLinks.php
---------------------------------------------------------------------------------- */
#insightLinks{
	max-width: 900px;
	margin: 3em auto;
}
#insightLinks h3{
	font-size: 38px;
	text-align: center;
	margin: 1em;
	font-weight: normal;
}

#insightLinks ul li.kura_met{
	background-image: url('/images/icon_insight/kura_met.png');
}
#insightLinks ul li.pad_choice{
	background-image: url('/images/icon_insight/pad_choice.png');
}
#insightLinks ul li.exel{
	background-image: url('/images/icon_insight/exel.png');
}
#insightLinks ul li.kirakira{
	background-image: url('/images/icon_insight/kirakira.png');
}
#insightLinks ul li.tel{
	background-image: url('/images/icon_insight/tel.png');
}
#insightLinks ul li.chat{
	background-image: url('/images/icon_insight/chat.png');
}
#insightLinks ul li.kura_person{
	background-image: url('/images/icon_insight/kura_person.png');
}
#insightLinks ul li.which{
	background-image: url('/images/icon_insight/which.png');
}
#insightLinks ul li.help{
	background-image: url('/images/icon_insight/help.png');
}
#insightLinks ul li.question{
	background-image: url('/images/icon_insight/question.png');
}
#insightLinks ul li.use_iphone{
	background-image: url('/images/icon_insight/use_iphone.png?2');
}
#insightLinks ul li.balance{
	background-image: url('/images/icon_insight/balance.png');
}
#insightLinks ul li span{
	display: block;
	padding: 1em 100px 1em 0.6em;
}
#insightLinks ul li a{
	display: block;
	padding: 1em 110px 1em 0.6em;
}
#insightLinks ul li{
	width: 260px;
	border: 3px solid #25cd91;
	border-radius: 5px;
	margin: 1em 1em;
	display: flex;
	align-items: center;
	min-height: 93px;
	line-height: 1.4;
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 105px auto;
	cursor: pointer;
}
#insightLinks ul li:hover{
	background-color: #c7f2e3;
}
#insightLinks ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
/* breadcrumbs.php
---------------------------------------------------------------------------------- */
ol.breadcrumbs{
	max-width: 1024px;
	margin: 0 auto;
	padding-bottom: 40px;
}
ol.breadcrumbs li{
	font-size: 12px;
	display: inline;
	line-height: 1.8;
}
ol.breadcrumbs li a {
	width: auto;
}
ol.breadcrumbs li > a::after{
	content: '>';
	padding: 0 8px 0 12px;
}
ol.breadcrumbs a img {
	width: 50px;
}
ol.breadcrumbs span.hidden {
	display: none;
}

.k-red{
	color: #CC3333;
}
.k-blue{
	color: #3399CC;
}
a.k-blue{
	text-decoration: underline;
}
.k-back-green{
	background-color: #25cb91;
	color: white;
}
.k-dark{
	background-color: #444;
	color: #fff;
}
.k-ldark{
	background-color: #ececec;
}

/* dx */
.k-navy{
	color: #0E1C77;
}
.k-white{
	color: #ffffff;
}
.k-yellow{
	color: #FEF100;
}
.k-orange{
	color: #F4B800;
}
.k-cyan{
	background-color: #00aebb;
}
.k-bg-navy{
	background-color: #0E1C77;
	color: #fff;
}
.k-bg-orange{
	color: #0E1C77;
	background-color: #F4B800;
}
.k-bg-yellow{
	color: #0E1C77;
	background-color: #FEF100;
}
.k-bg-white{
	background-color: #fff;
	color: #333;
}
.k-bg-gray{
	background-color: #EFEFEF;
	color: #333;
}
.k-bg-dark{
	background-color: #999;
	color: #fff;
}
.k-bg-black{
	background-color: #27282C;
	color: #fff;
}
.k-bg-green{
	background-color: #045533;
	color: #fff;
}
.k-bg-blue{
	background-color: #3399CC;
	color: #fff;
}
.k-navy-border {
	border: 1px solid #0E1C77;
	color: #0E1C77;
}
.btn-link-with-icon{
	display: inline-block;
	padding: 0.6em 1em 0.5em;
	border-radius: 0.6em;
	font-weight: bolder;
	cursor: pointer;
	text-align: center;
	vertical-align: text-top;
	line-height: 1.5;
	position: relative;
}
.btn-link-with-icon:before {
	width: 1.4em;
	height: 1.4em;
	content: '';
	display: inline-block;
	background: url(/renew/images_dx/icon_dx_btn_arrow.png) no-repeat;
	background-size: cover;
	margin-right: 1em;
	position: absolute;
	left: 1em;
}

/* dx_faq */
.dx_faq dl{
	margin: 3em 0;
}
.dx_faq dl div{
	margin-bottom: 1em;
}

.dx_faq dt,
.dx_faq dd{
	background-repeat: no-repeat;
	background-size: 50px auto;
	background-position: left 40px top 24px;
	font-size: 18px;
	line-height: 1.6;
}

.dx_faq dt{
	background-color: #EFEFEF;
	background-image: url('/renew/images_dx/faq_icon_q.png');
	text-align: left;
	padding: 24px 100px 24px 110px;
	display: flex;
	align-items: center;
	min-height: 3em;
	position: relative;
}
.dx_faq dt::before,
.dx_faq dt::after{
	content: '';
	display: block;
	width: 18px;
	height: 2px;
	border-radius: 5px;
	background: #333;
	position: absolute;
	right: 2em;
	top: 50%;
	transform: translateY(-50%);
}
.dx_faq dt::after{
	transform: translateY(-50%) rotate(90deg);
	transition: 0.5s;
}
.dx_faq dt.active::after {
	transform: rotate(0);
	transition: 0.5s;
}


.dx_faq dd{
	padding: 0 100px 0 110px;
	background-color: #dbddeb;
	background-image: url('/renew/images_dx/faq_icon_a.png');
	margin-bottom: 1em;
	display: none;
}
/* .dx_faq dt{
  padding: 2em 100px 2em 110px;
  display: flex;
  align-items: center;
  min-height: 3em;
} */
.dx_faq dl dd > p{
	padding: 2em 0;
	margin: 0;
}

/* dx campaign */
.sec_dx_campaign{
	/* background: url(/renew/images_dx/dx_campaign@2x.png) #0057AF no-repeat; */
	height: 350px;
	background-size: auto 350px;
	background-position: center center;
}
.sec_dx_campaign a{
	display: block;
	height: 100%;
	width: 1000px;
	margin: 0 auto;
}

/* dx sec_cta_dx_pad */
.sec_cta_dx_pad.pad .tough,
.sec_cta_dx_pad.pad .both,
.sec_cta_dx_pad.tough .pad,
.sec_cta_dx_pad.tough .both,
.sec_cta_dx_pad.both .pad,
.sec_cta_dx_pad.both .tough{
	display: none;
}

.sec_cta_dx_pad{
}
.sec_cta_dx_pad .cta_inner{
	max-width: 850px;
	margin: 0 auto;
}
.sec_cta_dx_pad .copy{
	font-size: 35px;
	margin-bottom: 4rem;
	font-weight: normal;
	text-align: center;
	line-height: 1.4;
}
.sec_cta_dx_pad .copy span{
	display: inline-block;
}

.sec_cta_dx_pad .content{
	width: 300px;
	margin: 0 auto;
	padding: 10px 0 10px 400px;
	background-size: 345px auto;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url('/renew/images_dx_cta/dx_both.png');
}
.sec_cta_dx_pad.pad .content{
	background-image: url('/renew/images_dx_cta/dx_pad.png');
}
.sec_cta_dx_pad.tough .content{
	background-image: url('/renew/images_dx_cta/dx_tough.png');
}

.sec_cta_dx_pad .content p{
	font-size: 18px;
}
.sec_cta_dx_pad .content img{
	width: 287px;
	margin: 1.2em 0;
}
.sec_cta_dx_pad .content .btns{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.sec_cta_dx_pad .btns a{
	padding: 1em 0;
	font-size: 14px;
	font-weight: bold;
	display: inline-block;
	width: 48%;
	text-align: center;
	background-color: #D1FCDE;
	color: #005633;
	margin: 2% 0;
}
.sec_cta_dx_pad .content a.purchase{
	background-color: #fff;
	width: 100%;
}

/* dx sec_cta_dx_pad cloud */
.cta-cloud{
	background-color: #DEDEDE;
	font-weight: bold;
	padding: 5em 0 6em;
}
.cta-cloud .inner{
	max-width: 1024px;
	margin: 0 auto;
}
.cta-cloud h2{
	text-align: center;
	font-size: 55px;
	font-weight: bold;
}
.cta-cloud h2 span{
	display: inline-block;
}
.cta-cloud .menu{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-items: flex-end;
	margin: 2em 0 1em;
}
.cta-cloud .menu li{
	padding-top: 210px;
	margin: 1em 0.5em;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 180px auto;
}
.cta-cloud .menu li.contact {
	background-image: url('/renew/images_cloud_cta/menu_contact.png');
}
.cta-cloud .menu li.demo {
	background-image: url('/renew/images_cloud_cta/menu_demo.png');
}
.cta-cloud .menu li.try {
	background-position: center 10px;
	background-size: 160px auto;
	background-image: url('/renew/images_cloud_cta/menu_try.png');
}
.cta-cloud .menu li a{
	padding: 0.8em 0;
	min-width: 248px;
	text-align: center;
	border-radius: 0.3em;
}
.cta-cloud .info-desk{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-around;
	color: #27282C;
}
.cta-cloud .info-desk .tel {
	margin: 0 1em;
}
.cta-cloud .info-desk h3{
	font-size: 25px;
	border: solid thin #27282C;
	padding: 1em 1.8em;
	margin: 1.0em 0;
}

.cta-cloud .info-desk dl{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.cta-cloud .info-desk dt {
	font-size: 25px;
}
.cta-cloud .info-desk dd {
	margin: 0 1em;
}
.cta-cloud .info-desk .tel img{
	width: 374px;
	max-width: 100%;
}
.cta-cloud .info-desk .tel ul.note {
	display: flex;
	flex-wrap: wrap;
	font-weight: normal;
}
.cta-cloud .info-desk .tel ul.note li {
	margin-right: 1em;
	line-height: 1.4;
}
.cta-cloud .info-desk .tel ul.note li span {
	margin-right: 1em;
}

/* ヘッダーリニューアル */
#modal-dialog-bg{
	background: rgba(0, 0, 0, 0.8);
	position: fixed;
	top: 0;
	z-index: 100;
	width: 100%;
	height: 100vh;
	display: none;
	align-items: center;
	justify-content: center;
}
#modal-dialog-bg.show {
	display: flex;
	animation-name: fadeIn;
	animation-duration: 0.5s;
}
#dx_header .flex {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	flex-direction: row;
	width: auto;
	height: auto;
}
#dx_header a{
	text-decoration: none;
}
#dx_header a.logo{
	width: inherit; /* faqページ */
	flex-basis: content;
	flex-grow: 1;
	max-width: 160px;
	text-align: left;
}
#dx_header .show-pc > .upper .inner {
	max-width: 1280px;
	width: 100%;
	display: flex;
	justify-content: flex-end;
	margin: 0 auto;
	padding: 0;
}
#dx_header .show-pc .upper ul {
	padding: 0.4em 30px;
	margin: 0;
}
#dx_header .show-pc .upper ul.upperLink li{
	font-size: 10px;
	line-height: 1.4;
	margin: 0 0.8em;
	color: #0E1C77;
	width: auto;
	position: inherit;
}
#dx_header .show-pc .upper ul.upperLink li a span{
	border-bottom: solid thin transparent;
	vertical-align: bottom;
}
#dx_header .show-pc .upper ul.upperLink li a:hover span{
	border-bottom: solid thin #0E1C77;
}

#dx_header .show-pc .upper ul.upperLink li a:before{
	display: inline-block;
	width: 19px;
	height: 16px;
	margin-right: 0.6em;
	content: '';
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
#dx_header .show-pc .tel-number:before {
	display: inline-block;
	width: 24px;
	height: 20px;
	margin-right: 0.1em;
	content: '';
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 100%;
}
#dx_header .show-pc .upper ul li.store a:before {
	background-image: url('/renew/images/icon_blue_store.png');
}
#dx_header .show-pc .upper ul li.news a:before {
	background-image: url('/renew/images/icon_blue_news.png');
}
#dx_header .show-pc .upper ul li.info a:before {
	background-image: url('/renew/images/icon_blue_info.png');
}
#dx_header .show-pc .upper ul li.support a:before {
	background-image: url('/renew/images/icon_blue_support.png');
}
#dx_header .show-pc .upper ul li.contact a:before {
	background-image: url('/renew/images/icon_blue_contact.png');
}
#dx_header .show-pc .upper ul li.company a:before {
	background-image: url('/renew/images/icon_blue_company.png');
}
#dx_header .show-pc .tel-number:before {
	background-image: url('/renew/images/icon_tel@2x.png');
}

#dx_header .show-pc .logo img{
	height: 32px;
	width: auto;
	margin: 0 16px 0 0 ;
}
#dx_header .show-pc .tel{
	flex-direction: column;
	align-items: flex-start;
	width: 165px;
}
#dx_header .show-pc .tel .upper.flex {
	justify-content: center;
	flex-direction: column;
}
#dx_header .show-pc .tel .upper .text{
	font-size: 12px;
	width: inherit;
	margin: 0 0 0 20px;
}

#dx_header .show-pc .tel-number {
	font-size: 18px;
	font-weight: bold;
	flex-wrap: nowrap;
	width: 170px;
}
#dx_header .show-pc .upper .heijitsu {
	margin-right: 8px;
	padding: 5px 3px;
	border: solid thin #FFF;
	border-radius: 3px;
}
#dx_header .show-pc .tel-time {
	font-size: 10px;
	letter-spacing: 0.1em;
	margin-top: 0.2em;
}
#dx_header .show-pc .lower > .inner{
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#dx_header .show-pc .main-menu {
	align-items: center;
	margin: 0 auto;
	padding: 1.4em 30px;
	justify-content: space-between;
}
#dx_header .show-pc .main-menu .left{
	flex-grow: 1;
	justify-content: flex-start;
}

#dx_header .show-pc .main-menu .download {
	padding: 0.65em 1.2em;
	border-radius: 0.6em;
	margin: 0 1.6em;
	font-size: 14px;
	width: inherit; /* faqページ */
	height: inherit;
	line-height: inherit;
	color: #0E1C77;
}
#dx_header .show-sp .download {
	padding: 0.7em 0.4em;
	border-radius: 0.6em;
	margin: 32px 0 24px;
	display: block;
	width: 90%;
	font-size: 19px;
	text-align: center;
}
#dx_header .show-pc .main-menu ul{
	flex-grow: 2;
	justify-content: space-around;
	max-width: 645px;
	align-self: stretch;
	align-items: stretch;
}

#dx_header .show-pc .main-menu li {
	display: flex;
	align-items: center;
	transition: all 0.3s;
	justify-content: center;
	border-bottom: solid thin transparent;
	text-align: center;
	min-width: 3em;
	max-width: 144px;
}
#dx_header .show-pc .main-menu > li.hasdrop {
	cursor: default;
}

#dx_header .show-pc .main-menu li:hover,
#dx_header .show-pc .main-menu li.active {
	border-bottom: solid thin #fff;
}
#dx_header .show-pc .main-menu li {
	font-size: 16px;
}
#dx_header .main-menu li:not(.thin) {
	font-weight: bold;
}
#dx_header .show-pc .main-menu li.nodrop:hover,
#dx_header .show-pc .main-menu li.nodrop.active {
	background: none;
}
#dx_header .show-pc .main-menu li.cart,
#dx_header .show-pc .main-menu li.login {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background-color: #FFF;
}
#dx_header .show-pc .main-menu li.circle img {
	width: 30px;
	height: 20px;
}
#dx_header .show-pc .main-menu li a{
	display: block;
	width: 100%;
	height: inherit; /* faqページ */
	padding: 0.45em 0;
	opacity: unset;
}

#dx_header .show-pc .sub-menu {
	align-items: center;
	/* background-color: #FFF; */
	padding: 34px 0;
	padding-bottom: 21px;
}
#dx_header .show-pc .product .sub-menu {
	padding: 26px 2% 26px;
}
#dx_header .show-pc .lower {
	position: relative;
	z-index: 100;
	box-shadow: 0px 2px 4px 0px rgba(6,15,75,0.5);
}
#dx_header .show-pc .lower.fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	min-width: 1024px;
}
#dx_header .show-pc .lower .drop{
	display: none;
}
#dx_header .show-pc .lower .drop.industry .sub-menu li:not(:last-child) {
	margin-right: 88px;
}
#dx_header .show-pc .lower .drop.question .sub-menu li:not(:last-child) {
	margin-right: 104px;
}

#dx_header .show-pc .lower .obi-effect li {
	position: relative;
	display: inline-block;
	height: 64px;
	padding-right: 24px;
	transition: color .25s ease;
}
#dx_header .show-pc .lower .obi-effect li:hover {
	color: #fff;
}
#dx_header .show-pc .lower .obi-effect li:before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 64px;
	height: 64px;
	background: #0E1C77;
	transform-origin: left;
	transition: all .25s ease;
	transition-property: width;
	border-radius: 8px;
}
#dx_header .show-pc .lower .obi-effect li:hover:before {
	transform-origin: left;
	width: 100%;
}
#dx_header .show-pc .lower .obi-effect li a {
	position: relative;
	opacity: 1;
}


#dx_header .show-pc .lower .drop.product .sub-menu li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	opacity: 1;
}
#dx_header .show-pc .sub-menu li a img {
	height: auto;
}
#dx_header .show-pc .lower .drop.product .sub-menu li a img {
	width: 104px;
	margin: 10px auto 16px;
	transition-duration: 0.2s;
}
#dx_header .show-pc .lower .drop.product .sub-menu li a img:hover {
	transform: scale(1.14);
	transition-duration: 0.2s;
}
#dx_header .show-pc .lower div:nth-of-type(n+2) .sub-menu li a img {
	width: 64px;
	margin-bottom: 0;
	margin-right: 8px;
}
#dx_header .show-pc .lower .drop {
	background-color: #FFF;
	position: absolute;
	width: 100%;
	margin: 0 auto;
	box-shadow: 0px 0px 2px 0px rgba(100,100,100,0.5);
}
#dx_header .show-pc .lower .drop .sub-menu {
	max-width: 1200px;
	margin: 0 auto;
	justify-content: space-around;
}
#dx_header .show-pc .lower .drop .sub-menu li a span{
	font-size: 11px;
	display: block;
	text-align: center;
}
#dx_header .show-pc .lower .obi-effect.sub-menu{
	justify-content: center;
}
#dx_header .under {
	justify-content: space-between;
	padding: 18px 18px;
	box-shadow: 0px 2px 4px 0px rgba(6,15,75,0.5);
}
#dx_header .under .logo img{
	height: 24px;
	width: auto;
}
#dx_header .under .tel {
	margin-top: 0.3em;
	margin-right: 40px;
	font-size: 18px;
	font-weight: bold;
}


#dx_header .under .tel a:before {
	display: inline-block;
	width: 10px;
	height: 15px;
	margin-right: 4px;
	content: '';
	background: url('/renew/images/icon_tel_sp@2x.png') no-repeat;
	background-size: 100% auto;
}

#dx_header .over {
	position: fixed;
	z-index: 5;
	flex-wrap: nowrap;
	transition: right 0.5s;
	visibility: hidden;
	overflow: hidden;
}

#dx_header .over.opened {
	right: 0;
	z-index: 100;
}
#dx_header .over .burger-btn {
	position: relative;
	z-index: 3;
	display: block;
	align-self: flex-start;
	flex-shrink: 0;
	width: 60px;
	height: 60px;
	transition: background-color 0.5s;
	border: none;
	background-color: #0E1C77;
}
#dx_header .over.opened .burger-btn {
	background-color: #DEDEDE;
}
#dx_header .bar {
	position: absolute;
	left: 50%;
	display: block;
	width: 26px;
	height: 4px;
	transition: all 0.7s;
	transform: translateX(-50%);
	background-color: #FFF;
}
#dx_header .opened .bar {
	background-color: #0E1C77;
}
#dx_header .burger-btn .bar_top {
	top: 18px;
}
#dx_header .burger-btn .bar_mid {
	top: 50%;
	transform: translate(-50%,-50%);
}
#dx_header .burger-btn .bar_bottom {
	bottom: 18px;
}
#dx_header .opened .burger-btn .bar_top {
	transform: translate(-50%,10px) rotate(45deg);
}
#dx_header .opened .burger-btn .bar_mid {
	opacity: 0;
}
#dx_header .opened .burger-btn .bar_bottom {
	transform: translate(-50%,-10px) rotate(-45deg);
}
#dx_header .over .menu {
	max-width: 315px;
	max-height: 100vh;
	overflow-y: scroll;
}
#dx_header .over .menu .inner {
	padding: 1em;
	margin: 0;
	width: auto;
}
#dx_header .over .menu .upper {
	font-size: 12px;
	flex-wrap: nowrap;
	justify-content: space-around;
	padding: 13px 0 28px;
}
#dx_header .show-sp .upper li {
	display: flex;
	align-items: center;
	flex-direction: column;
	margin: 0;
}
#dx_header .show-sp .upper li a:before {
	display: block;
	width: 24px;
	height: 21px;
	margin: 0 auto 8px;
	content: '';
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
#dx_header .show-sp .upper li.store a:before {
	background-image: url('/renew/images/icon_store_sp.png');
}
#dx_header .show-sp .upper li.news a:before {
	background-image: url('/renew/images/icon_news_sp.png');
}
#dx_header .show-sp .upper li.info a:before {
	background-image: url('/renew/images/icon_special_sp.png');
}
#dx_header .show-sp .upper li.support a:before {
	background-image: url('/renew/images/icon_seminar_sp@2x.png');
}
#dx_header .show-sp .upper li.contact a:before {
	background-image: url('/renew/images/icon_contact_sp.png');
}
#dx_header .show-sp .upper li.company a:before {
	background-image: url('/renew/images/icon_company_sp.png');
}
#dx_header .show-sp .upper li a {
	font-size: 10px;
	color: #fff;
}
#dx_header .over .menu .tel {
	flex-wrap: nowrap;
}
#dx_header .over .main-menu {
	margin-bottom: 24px;
}
#dx_header .over .main-menu > li:last-child {
	border-bottom: solid thin #FFF;
}

#dx_header .over .main-menu li > div {
	border-top: solid thin #FFF;
	padding: 16px 0;
	text-align: left;
	font-size: 16px;
}
#dx_header .over .main-menu li div a {
	display: block;
}
#dx_header .over .main-menu li.has-sub-menu {
	font-size: 18px;
}
#dx_header .over .main-menu li.has-sub-menu > div {
	position: relative;
}
.accordion_icon, .accordion_icon span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.accordion_icon {
	position: absolute;
	right: 0;
	top: 0;
	width: 30px;
	height: 30px;
	margin: 20px 0 0 0;
}
.accordion_icon span {
	position: absolute;
	left: 6px;
	width:16px;
	/* top: 5px; */
	height: 2px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
	top: 5px;
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
	top: 5px;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}
li.has-sub-menu .opened .accordion_icon span:nth-of-type(1) {
	display:none;
}
li.has-sub-menu .opened .accordion_icon span:nth-of-type(2) {
	top: 5px;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}
#dx_header .over .sub-menu {
	padding: 0 1.2em;
	/* margin-top: 1em; */
}
#dx_header .over .sub-menu {
	display: none;
}
#dx_header .over .sub-menu ul {
	flex-wrap: nowrap;
}

#dx_header .over .sub-menu > li {
	width: 100%;
	border-bottom: solid 1px #0E1C77;
	display: flex;
	/* justify-content: center; */
	align-items: center;
}
#dx_header .over .sub-menu > li a:before {
	display: inline-block;
	width: 49px;
	height: 48px;
	margin-right: 10px;
	content: '';
	vertical-align: middle;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
#dx_header .over .sub-menu.product > li.padDX a:before {
	background-image: url(/renew/images/drop_padDX@2x.png);
}
#dx_header .over .sub-menu.product > li.padToughDX a:before {
	background-image: url(/renew/images/drop_padToughDX@2x.png);
}
#dx_header .over .sub-menu.product > li.Pix a:before {
	background-image: url(/renew/images/drop_Pix@2x.png);
}
#dx_header .over .sub-menu.product > li.goyo a:before {
	background-image: url(/renew/images/drop_goyo@2x.png);
}
#dx_header .over .sub-menu.product > li.kokuban a:before {
	background-image: url(/renew/images/drop_kokuban@2x.png);
}
#dx_header .over .sub-menu.product > li.dekigata a:before {
	background-image: url(/renew/images/drop_dekigata@2x.png);
}
#dx_header .over .sub-menu.product > li.drive a:before {
	background-image: url(/renew/images/drop_drive@2x.png);
}
#dx_header .over .sub-menu.product > li.capture a:before {
	background-image: url(/renew/images/drop_capture@2x.png);
}
#dx_header .over .sub-menu.product > li.pickup a:before {
	background-image: url(/renew/images/drop_pickup@2x.png);
}

#dx_header .over .sub-menu.industry > li.kenchiku a:before {
	background-image: url(/renew/images/drop_kenchiku.png);
}
#dx_header .over .sub-menu.industry > li.doboku a:before {
	background-image: url(/renew/images/drop_doboku.png);
}
#dx_header .over .sub-menu.industry > li.tekkin a:before {
	background-image: url(/renew/images/drop_tekkin.png);
}
#dx_header .over .sub-menu.industry > li.denki a:before {
	background-image: url(/renew/images/drop_denki.png);
}

#dx_header .over .sub-menu.question > li.before a:before {
	background-image: url(/renew/images/drop_before.png);
}
#dx_header .over .sub-menu.question > li.after a:before {
	background-image: url(/renew/images/drop_after.png);
}

#dx_header .over .sub-menu > li:last-child {
	border-bottom: none;
}
#dx_header .over .sub-menu > li a {
	font-size: 14px;
	display: flex;
	padding: 0.6em 0;
	width: 100%;
}
#dx_header .over .sub-menu > li a > div {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
#dx_header .over .sub-menu > li a span.ctg-name {
	margin: 0.6em 0;
}
#dx_header .over .sub-menu > li a span.ctg-name{
	font-size: 11px;
}

#dx_header .over .main-menu + ul li a {
	display: flex;
	align-items: center;
	margin: 0 auto;
	padding: 12px 0 12px 24px;
	/* width: 256px; */
	font-size: 16px;
	border-radius: 40px;
	color: #0E1C77;
}
#dx_header .over .main-menu + ul li.cart a {
	background-color: #3399CC;
}
#dx_header .over .main-menu + ul li.login a {
	background-color: #F4B800;
	margin-top: 16px;
}
#dx_header .over .main-menu + ul li a:before {
	content: '';
	width: 30px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 30px 20px;
}
#dx_header .over .main-menu + ul li.cart a:before {
	background-image: url(/renew/images/icon_cart@2x.png);
	margin-right: 10%;
}
#dx_header .over .main-menu + ul li.login a:before {
	background-image: url(/renew/images/icon_login@2x.png);
	margin-right: 20%;
}

#dx_header .over .tel-number a {
	font-size: 26px;
	font-weight: bold;
	margin: 0.6em auto;
	text-align: center;
	padding: 0 0.5em;
	display: block;
	width: inherit; /* faqページ */
}
#dx_header .over .tel-number a:before {
	display: inline-block;
	width: 15px;
	height: 22px;
	margin-right: 0.1em;
	content: '';
	background-image: url('/renew/images/icon_tel_sp@2x.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
}

#dx_header .over .tel {
	font-size: 10px;
	margin-bottom: 20px;
}
#dx_header .over .tel .text{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	width: auto !important; /* importantはcase/002/対応 */
}
#dx_header .over .heijitsu {
	margin-right: 4px;
	padding: 8px 4px;
	border: thin solid #FFF;
	border-radius: 3px;
}
#dx_header .over .opentime {
	line-height: 1.3;
}