@charset "UTF-8";

 

html {
	font-size: 62.5%;
}
* {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.clearfix::after {
	display: table;
	content: "";
	clear: both;
} 
.mvBlk {
	margin-top: 25px;
}

.mv img {
	width: 100%;
}

.mvBlk .mvIntro {
	max-width: 485px;
	margin: auto;
	padding: 27px 0 21px;
}

.mvBlk .textBlk {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.mvBlk .textBlk .img {
	width: 62px;
	margin-right: 25px;
}

.mvBlk .textBlk .txt {
	color: #1c2687;
	font-weight: bold;
	font-size: 16px;
	word-break: break-word;
}

.mvBlk .btn {
	margin-top: 33px;
	text-align: center;
}

.mvBlk .btn a {
	position: relative;
	display: inline-block;
	margin: auto;
	background: #1c2687;
	padding: 16px 48px 16px 32px;
	text-align: left;
	color: #FFF;
	font-weight: bold;
	font-size: 16px;
}
.mvBlk .btn a:hover {
	color: #fff;
	text-decoration: none;
	opacity: 0.7;
}

.mvBlk .btn a::after {
	content: '';
	display: inline-block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 15px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 0 7.5px 12px;
	border-color: transparent transparent transparent #ffffff;
}

.sp_only {
	display: none;
}

.animation{
  opacity : 0;
  visibility: hidden;
  -webkit-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  -webkit-transform: translateY(30px);
      -ms-transform: translateY(30px);
          transform: translateY(30px);
}
/*アニメーション要素までスクロールした時のスタイル*/
.active{
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}

@media screen and (max-width: 767px) {
	#contents {
		width: 100%;
		padding: 0;
	} 

	.pc_only {
		display: none;
	}

	.sp_only {
		display: block;
	}

	.mvBlk {
		margin-top: 18px;
	}

	.mvBlk .mvIntro {
    padding: 25px 15px;
	}

	.mvBlk .btn a {
		width: 100%;
		text-align: center;
		font-size: 19px;
		padding: 10px 25px 10px 15px;
	}

	.mvBlk .textBlk .img {
		width: 83px;
		margin-right: 20px;
	}

	.mvBlk .textBlk .img img {
		width: auto !important;
	}

	.mvBlk .btn {
		margin-top: 25px;
	}

	.mvBlk .btn img {
		width: auto !important;
	}
}

.section01 {
	padding: 18px 0;
	background-color: #1e4083;
}

.section01 .wrap {
	width: 100%;
	max-width: 1240px;
	margin: auto;
}

.section01 .content {
	position: relative;
	width: 100%;
	max-width: 1205px;
	min-height: 357px;
	margin: 15px 0;
	overflow: hidden;
}

.section01 .content .ttl {
	color: #003399;
	font-size: 58px;
	font-weight: bold;
	word-break: break-word;
}

.section01 .content .sub {
	color: #003399;
	font-size: 16px;
	font-weight: bold;
	word-break: break-word;
}

.section01 .content .txt {
	margin-top: 10px;
	font-size: 16px;
	color: #4b4b4b;
	word-break: break-word;
	line-height: 1.8;
}

.section01 .imgBlk img {
	width: 100%;
}

.section01 .monitor .textBlk {
	margin-left: 200px;
	margin-top: 20px;
}

.section01 .monitor .imgBlk {
	position: absolute;
	right: 34px;
	bottom: 0;
	width: 630px;
}

.section01 .control .textBlk {
	margin-left: 200px;
	margin-top: 30px;
}

.section01 .control .imgBlk {
	position: absolute;
	top: 0;
	right: 160px;
	width: 630px;
}

.section01 .notify .textBlk {
	float: right;
	margin-right: 123px;
	margin-top: 30px;
}

.section01 .notify .imgBlk {
	position: absolute;
	left: 120px;
	bottom: 10px;
	width: 600px;
}

.section01 .manage {
	min-height: 350px;
}

.section01 .manage .textBlk {
	position: relative;
	float: right;
	width: 384px;
	margin-right: 106px;
	margin-top: 20px;
}

.section01 .manage .imgBlk {
	position: absolute;
	left: 24px;
	top: 0;
	width: 752px;
}

.monitor,
.control {
	float: left;
	background: url('/products/bizprojector/software/management-connected/common/images/bg_01.png') no-repeat;
	background-size: 100%;
}
.notify,
.manage {
	float: right;
	background: url('/products/bizprojector/software/management-connected/common/images/bg_02.png') no-repeat;
	background-size: 100%;
}

.manage .textBlk .note {
	margin-top: 5px;
	font-size: 10px;
	color: #4b4b4b;
	word-break: break-word;
}

@media screen and (max-width: 767px) {
	.section01 {
		padding: 75px 0;
	}

	.section01 .content .textBlk {
		position: static !important;
		width: 100% !important;
		padding: 0 !important;
		margin: 0 !important;
	}

	.section01 .content .ttl {
		margin-top: 15px;
		font-size: 24px;
	}

	.section01 .content {
		margin: 25px 0;
	}

	.section01 .content .txt {
		font-size: 14px;
	}

	.section01 .imgBlk {
		position: static !important;
		width: 100% !important;
	}

	.monitor,
	.control {
		background: #e4e4e4;
		-webkit-clip-path: polygon(0 0, 96% 0, 90% 100%, 0 100%);
					clip-path: polygon(0 0, 96% 0, 90% 100%, 0 100%);
		padding: 20px 13vw 20px 20px;
	}

	.notify,
	.manage {
		background: #e4e4e4;
		-webkit-clip-path: polygon(4% 0, 100% 0, 100% 100%, 10% 100%);
						clip-path: polygon(4% 0, 100% 0, 100% 100%, 10% 100%);
	}

	.section01 .notify .textBlk {
    float: none;
		width: 100%;
    margin-top: 0;
		padding-right: 0;
	}

	.notify {
		padding: 20px 20px 20px 13vw;
	}

	.manage {
		padding: 0 0 20px 13vw;
	}

	.section01 .manage .textBlk {
		float: none;
		padding-right: 20px !important;
	}
}

.section02 {
	position: relative;
	padding: 100px 0;
}

.section02 .wrap {
	width: 100%;
	max-width: 880px;
	margin: auto;
}

.section02::before,
.section02::after {
	content: '';
	position: absolute;
	width: 276px;
	height: 160px;
	z-index: -1;
}

.section02::before {
	top: 0;
	left: 0;
	background: url('/products/bizprojector/software/management-connected/common/images/sec02_bg01.png') no-repeat;
	background-size: cover;
}

.section02::after {
	bottom: 0;
	right: 0;
	background: url('/products/bizprojector/software/management-connected/common/images/sec02_bg02.png') no-repeat;
	background-size: cover;
}

.section02 img {
	max-width: 100%;
}

.section02 .stepBlk {
	position: relative;
	padding-left: 20px;
}

.section02 .ttl {
	margin-bottom: -10px;
}

.section02 .stepCol:first-child {
	float: left;
	width: 470px;
}

.section02 .stepCol:last-child {
	position: absolute;
	float: right;
	bottom: 0;
	right: 0;
	width: 470px;
}

.section02 .stepList li {
	position: relative;
	margin-top: 20px;
	padding-left: 30px;
	font-size: 16px;
	word-break: break-word;
}

.section02 .stepList li::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
}

.section02 .stepCol:first-child li:first-child::before {
	background: url('/products/bizprojector/software/management-connected/common/images/ico_1.png') no-repeat;
	background-size: cover;
}

.section02 .stepCol:first-child li:nth-child(2)::before {
	background: url('/products/bizprojector/software/management-connected/common/images/ico_2.png') no-repeat;
	background-size: cover;
}

.section02 .stepCol:first-child li:nth-child(3)::before {
	background: url('/products/bizprojector/software/management-connected/common/images/ico_3.png') no-repeat;
	background-size: cover;
}

.section02 .stepCol:last-child li:last-child::before {
	background: url('/products/bizprojector/software/management-connected/common/images/ico_4.png') no-repeat;
	background-size: cover;
}

@media screen and (max-width:767px) {
	.section02 img {
		max-width: auto;
		width: 100%;
	}

	.section02::before,
	.section02::after {
		width: 215px;
		height: 115px;
	}

	.section02 .stepBlk {
		padding: 0 20px;
	}

	.section02 .ttl {
		width: 95.06%;
		margin-bottom: 25px;
	}

	.section02 .stepCol:first-child {
		float: none;
		width: 100%;
	}

	.section02 .stepCol:last-child {
		position: static;
		float: none;
		width: 100%;
		margin-top: 20px;
	}

	.section02 .stepList li {
		font-size: 13px;
	}
}

#footer {
	margin-top: 0;
}

#header .topic_sub_wrap { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 32px; }

@media only screen and (max-width: 767px) { #header .topic_sub_wrap { display: block; margin-bottom: 20px; } }


#header .header_inner { max-width: 1024px; }

#header .header_inner { max-width: calc(1210px + 30px); margin: 15px auto 0; padding: 0 15px; }

@media only screen and (max-width: 767px) { #header .header_inner { width: auto; } }

/*------------------------------------------- topicPath -------------------------------------------*/
#header .topic_sub_wrap { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 32px; }

@media only screen and (max-width: 767px) { #header .topic_sub_wrap { display: block; margin-bottom: 20px; } }

#header #topic_path ul { line-height: 1.5; letter-spacing: 0; }

#header #topic_path ul li { display: inline-block; vertical-align: middle; font-size: 79%; }

#header #topic_path ul li:not(:last-child) { margin-right: 7px; padding: 0 13px 0 0; background: url(/common/images/bg_topicpath_01.gif) no-repeat right 6px; }

#header #topic_path ul li a { text-decoration: none; }

#header #topic_path ul li a:hover { text-decoration: underline; }

#header #topic_path ul li a img { vertical-align: initial; }

@media only screen and (max-width: 767px) { #header #topic_path { margin-bottom: 20px; } }

/*--------------------------------------------------
product_logo_name
--------------------------------------------------*/
#header .product_logo_name { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; }

#header .product_logo_name .product_logo { margin-right: 24px; min-height: 52px; }

#header .product_logo_name .product_logo a { display: inline-block; color: #000; font-size: 34px; font-weight: bold; }

body.ua-android #header .product_logo_name .product_logo a { font-weight: bold; }

#header .product_logo_name .product_logo a:hover { text-decoration: none; }

#header .product_logo_name .product_name { font-size: 24px; font-weight: bold; }

body.ua-android #header .product_logo_name .product_name { font-weight: bold; }

@media only screen and (max-width: 767px) { #header .product_logo_name { display: block; }
#header .product_logo_name .product_logo { min-height: 36px; }
#header .product_logo_name .product_logo a { font-size: 24px; }
#header .product_logo_name .product_name { font-size: 16px; } }

/*--------------------------------------------------
purchase_list support_list
--------------------------------------------------*/
@media print, screen and (min-width: 768px) { .purchase_support_col2 { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.purchase_support_col2 .col { width: calc((100% - 48px) / 2); }
.purchase_support_col2 .col + .col:not(:nth-child(2n+1)) { margin-left: 48px; } }

.purchase_support_col2 .heading_lv2 { margin-top: 0; }

@media only screen and (max-width: 767px) { .purchase_support_col2 .heading_lv2 { margin-top: 64px; } }

.purchase_list ul li a,.purchase_list ul li div { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative; font-size: 2.2rem; font-weight: bold; color: #333; -webkit-transition: opacity .2s; transition: opacity .2s; }

body.ua-android .purchase_list ul li a { font-weight: bold; }

.purchase_list ul li a::after { content: ''; position: absolute; right: 0; top: 50%; width: 8px; height: 8px; border-top: 2px solid #CBCBCB; border-right: 2px solid #CBCBCB; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.purchase_list ul li a:hover { text-decoration: none; color: #333; opacity: .7; }
.purchase_list ul li div a:hover { text-decoration: underline; opacity: 1; }

.purchase_list ul li a:not(.purchase_list_square) { padding: 20px 12px 12px 68px; border-bottom: 1px solid #CBCBCB; }

.purchase_list ul li div a:not(.purchase_list_square) { padding: 20px 0; border-bottom: none; }

.purchase_list ul li a.ico { background-repeat: no-repeat; background-position: left center; }

.purchase_list ul li a.ico.ico_dl { background-image: url(/products/assets/img/icon/ico_dl.png); }

.purchase_list ul li a.ico.ico_ph_form { background-image: url(/products/assets/img/icon/ico_ph_form.png); }

.purchase_list ul li a.ico.ico_ph_showroom { background-image: url(/products/assets/img/icon/ico_ph_showroom.png); background-position: left 7px center; }

.purchase_list ul li a.ico.ico_os { background-image: url(/products/assets/img/icon/ico_os.png); }

.purchase_list ul li a.ico.ico_ph_form { background-image: url(/products/assets/img/icon/ico_ph_form.png); }

.purchase_list ul li a.ico.ico_ph_calling,.purchase_list ul li div.ico.ico_ph_calling { background-image: url(/products/assets/img/icon/ico_ph_calling.png); }

.purchase_list ul li a.purchase_list_square,.purchase_list ul li div.purchase_list_square { border: 1px solid #CBCBCB; }

.purchase_list ul li a.purchase_list_square::after { right: 24px; margin-top: -4px; }

.purchase_list ul li a.purchase_list_square.ico_ph_form { margin: 23px 0 16px; padding-top: 18px; padding-right: 40px; padding-bottom: 17px; padding-left: 80px; padding: 18px 40px 17px 80px; background: url(/products/assets/img/icon/ico_ph_form.png) no-repeat left 16px center; }

.purchase_list ul li a.purchase_list_square.ico_ph_calling,.purchase_list ul li div.purchase_list_square.ico_ph_calling { margin: 16px 0 7px; padding: 18px 16px 17px 80px; background: url(/products/assets/img/icon/ico_ph_calling.png) no-repeat left 17px center; }

.purchase_list ul li a.purchase_list_square.ico_ph_calling::after { content: none; }
.purchase_list ul li div .purchase_list_txt a.purchase_list_square01::after { content: none; }
.purchase_list ul li div .txt-small a.purchase_list_square02::after { content: none; }

.purchase_list ul li a.purchase_list_square.ico_ph_calling + .txt, .purchase_list ul li .img_tbl_1 figure a.purchase_list_square.ico_ph_calling + figcaption, .img_tbl_1 figure .purchase_list ul li a.purchase_list_square.ico_ph_calling + figcaption { margin-bottom: 7px; }
.purchase_list ul li div.purchase_list_square.ico_ph_calling + .txt, .purchase_list ul li .img_tbl_1 figure div.purchase_list_square.ico_ph_calling + figcaption, .img_tbl_1 figure .purchase_list ul li div.purchase_list_square.ico_ph_calling + figcaption { margin-bottom: 7px; }

.purchase_list ul li div.purchase_list_square .purchase_list_txt .purchase_list_square01{ display: inline-block; }
.purchase_list ul li div.purchase_list_square .purchase_list_txt .purchase_list_square02{ display: inline-block; font-size: 1.8rem; }

@media print, screen and (min-width: 768px) { .purchase_list .ico_ph_calling,.purchase_list .ico_ph_calling .purchase_list_txt a { pointer-events: auto; }}

@media only screen and (max-width: 767px) { .purchase_list ul li a { font-size: 1.4rem; }
.purchase_list ul li a:not(.purchase_list_square) { padding: 13px 15px 12px 64px; border-bottom: 1px solid #CBCBCB; }
.purchase_list ul li a.ico.ico_dl { background-size: 20px auto; background-position: left 15px center; }
.purchase_list ul li a.ico.ico_ph_form { background-size: 20px auto; background-position: left 15px center; }
.purchase_list ul li a.ico.ico_ph_showroom { background-size: 15px auto; background-position: left 17px center; }
.purchase_list ul li a.ico.ico_os { background-size: 22px auto; background-position: left 12px center; }
.purchase_list ul li a.ico.ico_ph_calling,.purchase_list ul li div.ico.ico_ph_calling { background-size: 22px auto; background-position: left 18px center; }
.purchase_list ul li a.purchase_list_square::after { right: 16px; }
.purchase_list ul li a.purchase_list_square.ico_ph_form { margin: 12px 0; padding: 14px 15px 13px 64px; }
.purchase_list ul li a.purchase_list_square.ico_ph_calling,.purchase_list ul li div.purchase_list_square.ico_ph_calling { margin: 10px 0 10px; padding: 14px 15px 13px 64px; }
.purchase_list ul li a.purchase_list_square.ico_ph_calling::after { content: none; }
.purchase_list ul li div.purchase_list_square.ico_ph_calling::after { content: none; }
.purchase_list ul li a.purchase_list_square.ico_ph_calling + .txt, .purchase_list ul li .img_tbl_1 figure a.purchase_list_square.ico_ph_calling + figcaption, .img_tbl_1 figure .purchase_list ul li a.purchase_list_square.ico_ph_calling + figcaption { margin-bottom: 7px; }
.purchase_list ul li div.purchase_list_square.ico_ph_calling + .txt, .purchase_list ul li .img_tbl_1 figure div.purchase_list_square.ico_ph_calling + figcaption, .img_tbl_1 figure .purchase_list ul li div.purchase_list_square.ico_ph_calling + figcaption { margin-bottom: 7px; }
.purchase_list ul li div.purchase_list_square .purchase_list_txt .purchase_list_square02,span.txt-small{ font-size: 1.2rem; }}

.support_list ul li a { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center; position: relative; padding: 20px 12px 12px 68px; border-bottom: 1px solid #CBCBCB; font-size: 2.2rem; font-weight: bold; color: #333; -webkit-transition: opacity .2s; transition: opacity .2s; }

body.ua-android .support_list ul li a { font-weight: bold; }

.support_list ul li a::after { content: ''; position: absolute; right: 0; top: 50%; width: 8px; height: 8px; border-top: 2px solid #CBCBCB; border-right: 2px solid #CBCBCB; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.support_list ul li a:hover { text-decoration: none; color: #333; opacity: .7; }

.support_list ul li a.ico { background-repeat: no-repeat; background-position: left center; }

.support_list ul li a.ico.ico_i { background-image: url(/products/assets/img/icon/ico_i.png); }

.support_list ul li a.ico.ico_driversoftware { background-image: url(/products/assets/img/icon/ico_driver_software.png); }

.support_list ul li a.ico.ico_ques { background-image: url(/products/assets/img/icon/ico_ques.png); }

.support_list ul li a.ico.ico_workman { background-image: url(/products/assets/img/icon/ico_workman.png); }

.support_list ul li a.ico.ico_msg { background-image: url(/products/assets/img/icon/ico_msg.png); }

.support_list ul li a.ico.ico_tools { background-image: url(/products/assets/img/icon/ico_tools.png); }

.support_list ul li a.ico.ico_os { background-image: url(/products/assets/img/icon/ico_os.png); }

.support_list ul li a.ico.ico_exclamation_triangle { background-image: url(/products/assets/img/icon/ico_exclamation_triangle.png); }

.support_list ul li a.ico.ico_heart { background-image: url(/products/assets/img/icon/ico_heart.png); }

.support_list ul li a.ico.ico_file_alt { background-image: url(/products/assets/img/icon/ico_file_alt.png); }

.support_list ul li a.ico.ico_caution { background-image: url(/products/assets/img/icon/ico_caution.png); }

.support_list ul li a.ico.ico_check_circle { background-image: url(/products/assets/img/icon/ico_check_circle.png); }

.support_list ul li a.ico.ico_plus_circle { background-image: url(/products/assets/img/icon/ico_plus_circle.png); }

.support_list ul li a.ico.ico_cog { background-image: url(/products/assets/img/icon/ico_cog.png); }

@media only screen and (max-width: 767px) { .support_list ul li a { font-size: 1.4rem; padding: 13px 15px 12px 64px; border-bottom: 1px solid #CBCBCB; }
  .support_list ul li a.ico.ico_i { background-size: 18px auto; background-position: left 17px center; }
  .support_list ul li a.ico.ico_driversoftware { background-size: 19px auto; background-position: left 16px center; }
  .support_list ul li a.ico.ico_ques { background-size: 19px auto; background-position: left 16px center; }
  .support_list ul li a.ico.ico_workman { background-size: 20px auto; background-position: left 15px center; }
  .support_list ul li a.ico.ico_msg { background-size: 23px auto; background-position: left 14px center; }
  .support_list ul li a.ico.ico_tools { background-size: 16px auto; background-position: left 17px center; }
  .support_list ul li a.ico.ico_os { background-size: 22px auto; background-position: left 15px center; }
  .support_list ul li a.ico.ico_exclamation_triangle { background-size: 19px auto; background-position: left 16px center; }
  .support_list ul li a.ico.ico_heart { background-size: 18px auto; background-position: left 16px center; }
  .support_list ul li a.ico.ico_file_alt { background-size: 18px auto; background-position: left 16px center; }
  .support_list ul li a.ico.ico_caution { background-size: 17px auto; background-position: left 16px center; }
  .support_list ul li a.ico.ico_check_circle { background-size: 20px auto; background-position: left 16px center; }
  .support_list ul li a.ico.ico_plus_circle { background-size: 20px auto; background-position: left 16px center; }
  .support_list ul li a.ico.ico_cog { background-size: 20px auto; background-position: left 16px center; } }

/*--------------------------------------------------
btn_sns_share
--------------------------------------------------*/
.btn_sns_share { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-box-align: center; -webkit-align-items: center; align-items: center; margin: 128px 0 58px; }

.btn_sns_share .btn_sns_share_txt { margin-right: 54px; font-size: 1.8rem; font-weight: bold; }

body.ua-android .btn_sns_share .btn_sns_share_txt { font-weight: bold; }

.btn_sns_share ul { display: -webkit-box; display: -webkit-flex; display: flex; }

.btn_sns_share ul li + li { margin-left: 16px; }

.btn_sns_share ul img { width: 40px; }

@media print, screen and (min-width: 768px) { .btn_sns_share ul li a:hover { opacity: 0.5; } }

@media only screen and (max-width: 767px) { .btn_sns_share { margin: 60px 0; }
  .btn_sns_share .btn_sns_share_txt { margin-right: 27px; font-size: 1.4rem; }
  .btn_sns_share ul li + li { margin-left: 12px; } }

/*--------------------------------------------------
btn_top
--------------------------------------------------*/
#btn_top { position: fixed; bottom: 0; z-index: 999; right: 0; }

img.lazy { min-width: 10px; -webkit-transition: opacity 1s; transition: opacity 1s; }
 

/*--------------------------------------------------
line_gray
--------------------------------------------------*/
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

hr.line_gray { margin: 72px 0; height: 0; border-top: 1px solid #CBCBCB; visibility: visible; }

@media only screen and (max-width: 767px) { hr.line_gray { margin: 64px 0; } }

hr.line_gray + * { margin-top: 72px; }

@media only screen and (max-width: 767px) { hr.line_gray + * { margin-top: 64px; } }

.container { position: relative; width: calc(1210px + 30px); margin: 72px auto 0; padding: 0 15px; }

@media only screen and (max-width: 767px) { .container { margin: 64px auto 0; width: auto; } }

/*--------------------------------------------------
Heading
--------------------------------------------------*/
.heading_lv2 { margin: 128px 0 70px; text-align: center; font-weight: bold; line-height: 1.3; }
.heading_lv2 { font-weight: bold; }

@media print, screen and (min-width: 768px) { .heading_lv2 { font-size: 3.4rem; }
.heading_lv2 + .heading_lv3 { margin-top: 0; } }

@media only screen and (max-width: 767px) { .heading_lv2 { font-size: 2.4rem; margin: 64px 0 24px; } }

button { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

/*--------------------------------------------------
Text
--------------------------------------------------*/
.txt, .img_tbl_1 figure figcaption { line-height: 1.6; font-size: 1.6rem; }

@media only screen and (max-width: 767px) { .txt, .img_tbl_1 figure figcaption { font-size: 1.4rem; } }

@media print, screen and (min-width: 768px) { .sp_show { display: none; } }

@media only screen and (max-width: 767px) { .pc_show { display: none; } }

.listCaution > li {
	position: relative;
	padding-left: 3.5em;
	font-size: 1.2rem;
	line-height: 1.6;
}

.listCaution > li .listCaution_firstLetter {
	position: absolute;
	left: 0;
	top: 0.03em;
}

/*--------------------------------------------------
category_footer
--------------------------------------------------*/
.category_footer { padding: 5% 0; background: #F4F4F4; min-width: 1240px; }

@media only screen and (max-width: 767px) { .category_footer { padding: 43px 0 64px; min-width: 100%; } }

.category_footer .category_footer_inner { max-width: calc(1210px + 30px); margin: 0 auto; padding: 0 15px; }

@media only screen and (max-width: 767px) { .category_footer .category_footer_inner { width: auto; } }

.category_footer .category_footer_heading { margin-bottom: 4%; }

.category_footer .category_footer_heading a { font-size: 2.4rem; font-weight: bold; color: #333; }

body.ua-android .category_footer .category_footer_heading a { font-weight: bold; }

.category_footer .category_footer_heading a:hover { color: #333; }

.category_footer .category_footer_menu_heading .accordion_btn { display: block; text-align: left; font-size: 1.4rem; font-weight: bold; cursor: inherit; color: inherit; }

body.ua-android .category_footer .category_footer_menu_heading .accordion_btn { font-weight: bold; }

.category_footer .category_footer_menu_heading .accordion_btn a { color: #333; }

.category_footer .category_footer_menu_heading > a { font-size: 1.4rem; font-weight: bold; color: #333; }

body.ua-android .category_footer .category_footer_menu_heading > a { font-weight: bold; }

.category_footer .category_footer_menu_list > li + li,.category_footer ul > li + li { margin-top: 10px; }

.category_footer .category_footer_menu_list > li > a,.category_footer ul > li > a { position: relative; display: inline-block; padding-left: 20px; font-size: 1.2rem; color: #333; }

.category_footer .category_footer_menu_list > li > a::before,.category_footer ul > li > a::before { content: ''; position: absolute; left: 0; top: 7px; display: inline-block; width: 10px; height: 2px; background: #333; }

.category_footer .category_footer_menu_list > li > a:hover,.category_footer ul > li > a:hover { color: #333; }

.category_footer .category_footer_menu_list > li > a img,.category_footer ul > li > a img { vertical-align: middle; }

@media print, screen and (min-width: 768px) { .category_footer { padding: 43px 0 64px; }
.category_footer .category_footer_col3 { display: -webkit-box; display: -webkit-flex; display: flex; }
.category_footer .category_footer_col3 .col:nth-child(1), .category_footer .category_footer_col3 .col:nth-child(3) { width: 32%; }
.category_footer .category_footer_col3 .col:nth-child(2) { width: 36%; }
.category_footer .category_footer_col3 .col:nth-child(2), .category_footer .category_footer_col3 .col:nth-child(3) { padding-left: 24px; border-left: 1px solid #CBCBCB; }
.category_footer .category_footer_menu_heading { margin-bottom: 20px; }
.category_footer .category_footer_menu_list + .category_footer_menu_heading,.category_footer ul + .category_footer_menu_heading { margin-top: 70px; } }

@media only screen and (max-width: 767px) { .category_footer .category_footer_col3 .col:nth-child(3) .category_footer_menu_heading:nth-of-type(2) .accordion_btn { border-bottom: none; }
.category_footer .category_footer_heading a { font-size: 1.6rem; }
.category_footer .category_footer_menu_heading.active .accordion_btn::after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.category_footer .category_footer_menu_heading.active + .category_footer_menu_list { display: block; border-bottom: 2px solid #CBCBCB; }
.category_footer .category_footer_menu_heading .accordion_btn { position: relative; display: block; padding: 15px 25px 15px 0; width: 100%; border-bottom: 2px solid #CBCBCB; outline: none; }
.category_footer .category_footer_menu_heading .accordion_btn::after { content: ''; position: absolute; right: 15px; top: calc(50% - 4px); width: 8px; height: 8px; border-top: 2px solid #333; border-right: 2px solid #333; -webkit-transform: rotate(135deg); transform: rotate(135deg); }
.category_footer .category_footer_menu_heading > a { display: block; padding: 15px 25px 15px 0; width: 100%; }
.category_footer .category_footer_menu_list,.category_footer ul { padding: 24px 0; }
.category_footer .category_footer_menu_list:not([style]) { display: none; } }

.mt4 {
	margin-top: 4px !important;
}

#header #headNav .serch p .img {
	position: relative;
	top: -1px;
	letter-spacing: 0;
}

.serch p .txt {
	font-size: 14px;
}

.serch p .txt label {
	top: -0.184659px;
}