@charset 'UTF-8';

.mb110 {
	margin-bottom: 110px;
}

/* -- 1806 C -- */

#header .txtbox {
	margin: 6px auto 0;
}

#header .header_closing {
	display: table;
}

#header .header_closing .logo {
	display: table-cell;
	float: none;
	width: 274px;
	vertical-align: middle;
}

#header .header_closing h1 {
	display: table-cell;
	float: none;
	padding-left: 16px;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: normal;
	vertical-align: middle;
	border-left: 1px solid #c9c9c9;
}

/* ---------- floating nav ---------- */

#gnav {
	box-sizing: border-box;
	width: 100%;
	height: 84px;
	background: url(../img/china/1807/bg_line_gnav.png) repeat-x;
}

.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
}

#gnav ul {
	box-sizing: border-box;
	width: 1140px;
	margin: 0 auto;
	padding-left: 175px;
	background: url(../img/movie/1712/logo_gnav.png) no-repeat;
	background-position: calc(50% - 486px) center;
}

@media (max-width: 1063px) {
	#gnav ul {
		float: right;
	}
}

#gnav li {
	float: left;
}

#gnav .gnav_link a {
	display: block;
	height: 0;
	padding-top: 80px;
	overflow: hidden;
}

#gnav #gnav_cont1 a {
	width: 124px;
	background: url(../img/china/1807/nav2/li1_gnav.png) no-repeat center;
}

#gnav #gnav_cont1 a:hover {
	background:
		#FF6B6B url(../img/china/1807/nav2/li1_gnav_on.png) no-repeat
		center;
}

#gnav #gnav_cont2 a {
	width: 124px;
	background: url(../img/china/1807/nav2/li2_gnav.png) no-repeat center;
}

#gnav #gnav_cont2 a:hover {
	background:
		#FF6B6B url(../img/china/1807/nav2/li2_gnav_on.png) no-repeat
		center;
}

#gnav #gnav_cont3 a {
	width: 124px;
	background: url(../img/china/1807/nav2/li3_gnav.png) no-repeat center;
}

#gnav #gnav_cont3 a:hover {
	background:
		#FF6B6B url(../img/china/1807/nav2/li3_gnav_on.png) no-repeat
		center;
}

#gnav #gnav_cont4 a {
	width: 124px;
	background: url(../img/china/1807/nav2/li4_gnav.png) no-repeat center;
}

#gnav #gnav_cont4 a:hover {
	background:
		#FF6B6B url(../img/china/1807/nav2/li4_gnav_on.png) no-repeat
		center;
}

#gnav #gnav_cont5 a {
	width: 124px;
	background: url(../img/china/1807/nav2/li5_gnav.png) no-repeat center;
}

#gnav #gnav_cont5 a:hover {
	background:
		#FF6B6B url(../img/china/1807/nav2/li5_gnav_on.png) no-repeat
		center;
}

#gnav #gnav_tel {
	box-sizing: border-box;
	width: 171px;
	text-align: center;
}

#gnav #gnav_tel .telbox {
	box-sizing: border-box;
	height: 80px;
	padding-top: 21px;
	background-color: rgba(245, 245, 245, 0.8);
}

#gnav #gnav_tel .tel_img {
	margin-bottom: 4px;
}

#gnav #gnav_btn {
	box-sizing: border-box;
    width: 165px;
    padding: 11px 0 0 7px;
	text-align: center;
}

#gnav #gnav_btn .btn {
    width: 158px;
}

#gnav #gnav_btn .btn a {
    display: block;
    width: 158px;
    height: 57px;
    padding: 0;
    overflow: hidden;
    color: #fff;
    background: linear-gradient(145deg, #FF6B6B 0%, #FA5252 50%, #E03131 100%);
    border-radius: 12px;
    text-align: center;
    font-weight: 700;
    font-size: 14px;
    line-height: 57px;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 
        0 4px 8px rgba(255, 107, 107, 0.3),
        0 2px 4px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.1);
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

#gnav #gnav_btn .btn a:hover {
    transform: translateY(-3px) scale(1.02);
    box-shadow: 
        0 8px 25px rgba(255, 107, 107, 0.4),
        0 4px 8px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.3);
    background: linear-gradient(145deg, #FA5252 0%, #E03131 50%, #C92A2A 100%);
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}

/* ---------- contents ---------- */

#contents_wrapper .txt {
	color: #2C3E50;
	font-size: 18px;
	line-height: 1.6;
}

#contents {
	padding-top: 1px;
	background-color: #fffbf5;
}

#contents .bnbox:last-of-type {
	padding-bottom: 40px;
}

/* -- closing -- */

#header .header_closing .telbox {
	padding-left: 36px;
	background: url(../img/common/1712/bg_tel_header.png) no-repeat 3px 6px;
}

#header .header_closing .btn a {
	display: block;
	width: 200px;
	height: 50px;
	padding: 0px 24px;
	background: linear-gradient(145deg, #FF6B6B 0%, #FA5252 50%, #E03131 100%);
	border-radius: 12px;
	color: white;
	font-weight: 700;
	font-size: 16px;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 
		0 6px 16px rgba(255, 107, 107, 0.3),
		0 3px 6px rgba(0, 0, 0, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.1);
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	position: relative;
	overflow: hidden;
}

#header .header_closing .btn a:hover {
	transform: translateY(-2px) scale(1.02);
	box-shadow: 
		0 8px 20px rgba(255, 107, 107, 0.4),
		0 4px 8px rgba(0, 0, 0, 0.15),
		inset 0 1px 0 rgba(255, 255, 255, 0.3);
	background: linear-gradient(145deg, #FA5252 0%, #E03131 50%, #C92A2A 100%);
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
}

.closing .closingbox .telbox {
	width: 440px;
	margin-left: 0;
}

.closing .closingbox .telbox .right {
	padding-right: 14px;
}

.closing .closingbox .tel_img {
	height: 85px;
	background: url(../img/common/1712/bg_tel_closing.png) no-repeat 0 10px;
}

.closing .closingbox .btn a {
	display: block;
	width: 476px;
	height: 70px;
	padding: 0px 48px;
	background: linear-gradient(145deg, #FF6B6B 0%, #FA5252 50%, #E03131 100%);
	border-radius: 16px;
	color: white;
	font-weight: 700;
	font-size: 30px;
	line-height: 76px;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 
		0 8px 20px rgba(255, 107, 107, 0.3),
		0 4px 8px rgba(0, 0, 0, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.1);
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	min-width: 200px;
	position: relative;
	overflow: hidden;
}

.closing .closingbox .btn a:hover {
	transform: translateY(-4px) scale(1.02);
	box-shadow: 
		0 12px 30px rgba(255, 107, 107, 0.4),
		0 6px 12px rgba(0, 0, 0, 0.15),
		inset 0 1px 0 rgba(255, 255, 255, 0.3);
	background: linear-gradient(145deg, #FA5252 0%, #E03131 50%, #C92A2A 100%);
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}

/* TOPページのボタンスタイル */
.closing .closingbox_mail .btn a {
	display: block;
	padding: 0px 48px;
	background: linear-gradient(145deg, #FF6B6B 0%, #FA5252 50%, #E03131 100%);
	border-radius: 16px;
	color: white;
	font-weight: 700;
	font-size: 30px;
	line-height: 76px;
	text-align: center;
	text-decoration: none;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
	box-shadow: 
		0 8px 20px rgba(255, 107, 107, 0.3),
		0 4px 8px rgba(0, 0, 0, 0.1),
		inset 0 1px 0 rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.1);
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
	min-width: 200px;
	position: relative;
	overflow: hidden;
}

.closing .closingbox_mail .btn a:hover {
	transform: translateY(-4px) scale(1.02);
	box-shadow: 
		0 12px 30px rgba(255, 107, 107, 0.4),
		0 6px 12px rgba(0, 0, 0, 0.15),
		inset 0 1px 0 rgba(255, 255, 255, 0.3);
	background: linear-gradient(145deg, #FA5252 0%, #E03131 50%, #C92A2A 100%);
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
}

#header .header_closing .telbox .tel_img {
	height: 50px;
	background: url(../telimg/1_tel_header_red.gif) no-repeat center;
}

.closing.cnts_closing {
	padding-bottom: 0;
	background-color: transparent;
	border-bottom: none;
}

.closing.cnts_closing h3 {
	height: 200px;
	margin-bottom: 20px;
	background-color: #000;
}

.closing.cnts_closing .planbox {
	position: relative;
	width: 900px;
	margin: 0 auto;
}

.closing.cnts_closing .planbox .txt_link a {
	position: absolute;
	right: 340px;
	bottom: 5px;
	font-size: 16px;
	line-height: 1.6;
}

.closing .investigate_link .txt_link {
	margin-top: 20px;
}

.closing .investigate_link .txt_link a {
	font-weight: bold;
	font-size: 18px;
	line-height: 1.6;
}

.closing.cnts_closing .inbox {
	padding: 0 0 39px;
	background-color: #fff;
	border-top: 2px solid #d1c6ba;
	border-bottom: 2px solid #d1c6ba;
}

.closing.cnts_closing .closingbox {
	padding-top: 0;
}

.closing.cnts_closing .closingbox .telbox {
	width: 487px;
}

.closing.cnts_closing .closingbox .telbox .st {
	margin-bottom: 20px;
}

.closing.cnts_closing .closingbox .telbox .tel_img {
	box-sizing: border-box;
	width: 440px;
	margin-left: 10px;
}

.closing.cnts_closing .closingbox .btnbox {
	width: 473px;
}

.closing.cnts_closing .closingbox .btnbox .st {
	margin-bottom: 30px;
}

.closing.cnts_closing .closingbox .btnbox .btn {
	width: 476px;
	margin: 0 auto;
}

/* ---------- main ---------- */

#main {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	/* height: 660px; */
	height: auto;
	background:
		#faf8f1 url(../img/china/bg_main.png?v=1.1.0) no-repeat center;
	/* border-top: 1px solid #ebdfd1; */
}

#main img {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	padding-top: 0;
}

#main .inbox {
	box-sizing: border-box;
	background: linear-gradient(135deg, rgba(255, 107, 107, 0.05) 0%, rgba(78, 205, 196, 0.05) 100%);
	position: relative;
}

#main ul {
	position: relative;
	box-sizing: border-box;
	width: 898px;
	margin: 0 auto;
	padding: 0 29px;
	background-color: #fff;
}

#main ul::after {
	position: absolute;
	top: -10px;
	right: 20px;
	width: 254px;
	height: 207px;
	background: url(../img/china/2002/ph_main.png) no-repeat;
	content: "";
}

#main .inbox .stxt {
	width: 898px;
	margin: 8px auto 0;
	font-size: 10px;
	text-align: right;
	text-align: right;
	text-shadow:
		#fff 1px 1px 4px,
		#fff -1px 1px 4px,
		#fff 1px -1px 4px,
		#fff -1px -1px 4px,
		#fff 1px 1px 4px,
		#fff -1px 1px 4px,
		#fff 1px -1px 4px,
		#fff -1px -1px 4px,
		#fff 1px 1px 4px,
		#fff -1px 1px 4px,
		#fff 1px -1px 4px,
		#fff -1px -1px 4px;
}

/* ---------- gift ---------- */

#gift {
	padding: 60px 0;
	background-color: #fffbf5;
}

#gift .list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 880px;
	margin: 0 auto;
	font-feature-settings: "palt";
}

#gift .list > li:nth-of-type(1) {
	width: 404px;
}

#gift .list > li:nth-of-type(2) {
	width: 373px;
}

#gift .list > li .txt {
	margin: 14px 0 18px;
}

#gift .list > li .stxt {
	width: 373px;
	margin: 4px auto 0;
	font-size: 10px;
}

#gift .list .notesbox li {
	padding-left: 1em;
	font-weight: bold;
	font-size: 16px;
	line-height: 1.5;
	text-indent: -1em;
}

#gift .list .notesbox li::before {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-top: 8px;
	margin-right: 7px;
	vertical-align: top;
	background-color: #f9c26f;
	border-radius: 5px;
	content: "";
}

#gift .list .notesbox li:not(:first-of-type) {
	margin-top: 10px;
}

/* ---------- about ---------- */

#about {
	margin-top: -80px;
	padding-top: 80px;
}

#about h3 {
	position: relative;
	box-sizing: border-box;
	height: 361px;
	padding-top: 73px;
	background: linear-gradient(135deg, #FF6B6B 0%, #FA5252 25%, #E03131 50%, #C92A2A 75%, #A61E1E 100%);
	overflow: hidden;
}

#about h3::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 0%, transparent 50%, rgba(255, 255, 255, 0.05) 100%);
	pointer-events: none;
}

#about h3 .bg_t_ar {
	position: absolute;
	right: 0;
	bottom: -39px;
	left: 0;
	display: block;
	width: 104px;
	height: 39px;
	margin: 0 auto;
	background: url(../img/china/bg_ar_red.png) no-repeat;
}

#about .bg_inner1 {
	width: 100%;
	padding: 60px 0 0;
	background: #fff url(../img/top/bg_promotion.png) no-repeat;
	background-position: calc(50% + 360px) bottom;
}

#about .inbox {
	width: 960px;
	margin: 46px auto 35px;
}

#about .inbox .txtbox {
	float: left;
	box-sizing: border-box;
	width: 452px;
	padding: 0 30px;
}

#about .inbox .imgbox {
	float: right;
	width: 508px;
}

#about .whybox {
	position: relative;
	box-sizing: border-box;
	width: 960px;
	margin: 0 auto 80px;
	padding-top: 7px;
	background: #fff url(../img/china/bg_why.jpg) no-repeat center 7px;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	border-left: 1px solid #dedede;
}

#about .whybox::before {
	position: absolute;
	top: 0;
	left: -1px;
	width: 960px;
	margin: 0 auto;
	border-top: 7px solid #ceb591;
	content: "";
}

#about .whybox .box1 {
	padding: 78px 0 0;
}

#about .whybox .box1 ul {
	width: 867px;
	margin: 60px auto;
}

#about .whybox .box1 li {
	float: left;
	width: 265px;
}

#about .whybox .box1 li:nth-of-type(2) {
	margin: 0 36px;
}

#about .whybox .box2 {
	box-sizing: border-box;
	width: 900px;
	height: 420px;
	margin: 0 auto;
	padding: 35px 0 20px;
	background: url(../img/china/bg2_why.jpg) no-repeat center 7px;
}

#about .whybox .box2 h4 {
	margin-bottom: 18px;
}

#about .whybox .box2 .txtbox {
	float: left;
	box-sizing: border-box;
	width: 358px;
	margin-left: 40px;
	padding-right: 50px;
}

#about .whybox .box2 .imgbox {
	float: right;
	width: 470px;
	margin-right: 30px;
}

#about .whybox .box3 {
	box-sizing: border-box;
	width: 900px;
	margin: 60px auto 0;
	padding: 33px 0;
	background: #f8f8f8 url(../img/china/bg3_why.jpg) no-repeat right bottom;
}

#about .whybox .box3 .txtbox {
	box-sizing: border-box;
	width: 450px;
	margin: 30px 0 0 30px;
}

#about .whybox .box3 .txt_link {
	margin: 20px 20px 0 0;
	text-align: right;
}

#about .whybox .btmbox {
	box-sizing: border-box;
	margin-top: 60px;
	padding: 90px 0 30px;
	background: #f8f5f2 url(../img/china/ar_btm_why.png) no-repeat center top;
}

#about .whybox .btmbox .txt_link {
	margin-right: 20px;
	text-align: right;
}

#about .whybox .txt_link a {
	font-size: 16px;
	line-height: 1.5;
}

#about .possible_list {
	width: 860px;
	margin: 56px auto;
}

#about .possible_list li {
	float: left;
	width: 409px;
}

#about .possible_list li:nth-of-type(2) {
	margin-left: 42px;
}

#about .ar_tri {
	width: 0;
	height: 0;
	margin-right: auto;
	margin-left: auto;
	border-top: 48px solid #b3b3b3;
	border-right: 100px solid transparent;
	border-left: 100px solid transparent;
}

#about .choice_area {
	padding: 50px 0 60px;
	background:
		#f1f1f1 url(../img/china/2002/bg_choice_about.jpg) no-repeat
		center top;
}

#about .choicebox {
	position: relative;
	box-sizing: border-box;
	width: 960px;
	margin: 0 auto 80px;
	padding: 60px 0 30px;
	background-color: #fff;
	border-right: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	border-left: 1px solid #dedede;
}

#about .choicebox::before {
	position: absolute;
	top: 0;
	left: -1px;
	width: 960px;
	margin: 0 auto;
	border-top: 7px solid #ceb591;
	content: "";
}

/* Slider */

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track::before,
.slick-track::after {
	display: table;
	content: "";
}

.slick-track::after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir="rtl"] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

/* mod_slide
----------------------------------------- */

.mod_slide {
	position: relative;
	width: 1080px;
	margin: 0 auto;
}

.mod_slide .mod_slide_img .slick-center img {
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
}

.slick-slide a:hover img,
.mod_slide .slick-current a:hover img {
	-moz-opacity: 0.8;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.mod_slide_img .slick-slide {
	outline: medium none;
}

.slick-slide a {
	outline: medium none;
}

.slick-slide {
	opacity: 1;
	transition: all ease-in-out 0.3s;
}

.slick-active {
	opacity: 1;
}

.slick-current {
	opacity: 1;
}

/* ---------- slider-logo ---------- */

/* loading */

.loading {
	position: absolute;
	bottom: 6%;
	z-index: 999;
	box-sizing: border-box;
	width: 100%;
	height: 82px;
	background: url(../img/top/loading.gif) no-repeat center center;
}

.loading .mod_slide {
	visibility: hidden;
}

#about .choice_area .slidebox {
	box-sizing: border-box;
	height: 82px;
	overflow: hidden;
	background-color: #fff;
	border-top: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

#about .choice_area .mod_slide_img .slick-track li {
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-width: 247px;
	height: 80px;
	padding-right: 60px;
}

#about .choice_area .mod_slide {
	width: 100%;
}

/* ---------- feature ---------- */

#feature {
	margin-top: -80px;
	padding-top: 80px;
	padding-bottom: 60px;
}

#feature h3 {
	box-sizing: border-box;
	height: 180px;
	margin-bottom: 40px;
	padding-top: 37px;
	background: #dc554a url(../img/china/1807/bg_t_feature.png) no-repeat left;
}

#feature .inbox {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

#feature .inbox .box:not(:last-of-type) {
	margin-bottom: 40px;
}

#feature .inbox .box .imgbox {
	float: right;
	width: 381px;
	text-align: center;
}

#feature .inbox .box .txtbox {
	float: left;
	width: 480px;
}

#feature .inbox .txt_link {
	width: 960px;
	margin: 20px auto 0;
	text-align: right;
}

#feature .inbox .txt_link a {
	font-size: 16px;
	line-height: 1.5;
}

/* ---------- voice ---------- */

#voice .ar_tri {
	width: 0;
	height: 0;
	margin: 40px auto;
	border-top: 66px solid #b3b3b3;
	border-right: 135px solid transparent;
	border-left: 135px solid transparent;
}

#voice {
	margin-top: -80px;
	padding-top: 80px;
	padding-bottom: 70px;
}

#voice_tl {
	margin-top: -90px;
	padding-top: 90px;
}

#case {
	margin-top: -100px;
	padding-top: 100px;
}

#voice .casebox {
	box-sizing: border-box;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding: 50px 29px 39px;
	background-color: #fff;
	border: 1px solid #ddd;
}

#voice .casebox .mt {
	margin: 15px 0 10px;
	font-size: 28px;
	text-align: center;
}

#voice .casebox h4 {
	margin-top: -70px;
	text-align: center;
}

#voice .casebox .name {
	margin-bottom: 30px;
	padding-bottom: 9px;
	font-weight: bold;
	font-size: 34px;
	text-align: center;
	border-bottom: 2px solid #cdcdcd;
}

#voice .casebox .name .sbtxt {
	font-size: 20px;
}

#voice .casebox .name .intxt {
	display: inline-block;
	height: 70px;
	padding-left: 75px;
	line-height: 70px;
	background: url(../img/china/1807/ico_case1_voice.png) no-repeat top left;
}

#voice .casebox .name .stxt {
	font-weight: normal;
	font-size: 20px;
}

#voice .casebox .name .mtxt {
	font-size: 28px;
}

#voice .casebox .name .type {
	display: inline-block;
	margin-left: 10px;
	padding: 6px;
	font-size: 20px;
	background-color: #ececec;
}

#case .casebox .imgbox {
	float: right;
	width: 318px;
	margin: 0 0 0 40px;
	text-align: right;
}

#voice .casebox .txtbox .txt {
	font-size: 18px;
	line-height: 1.6;
}

#voice .casebox:nth-of-type(1) .imgbox {
	float: right;
	width: 313px;
	margin: 0 0 15px 20px;
	text-align: right;
}

#voice .casebox:nth-of-type(1) .box1 {
	padding: 18px 20px;
	background-color: #f1f1f1;
}

#voice .casebox:nth-of-type(1) .box1 ul {
	display: flex;
	flex-flow: wrap;
	justify-content: space-between;
	box-sizing: border-box;
}

#voice .casebox:nth-of-type(2) {
	padding-bottom: 0;
}

#voice .txt_link {
	width: 960px;
	margin: 20px auto 0;
	text-align: right;
}

#voice .txt_link a {
	font-weight: bold;
	font-size: 20px;
	line-height: 1.5;
}

/* ---------- qa ---------- */

#qa {
	margin-top: -80px;
	padding-top: 80px;
}

#qa h3 {
	box-sizing: border-box;
	height: 160px;
	padding-top: 50px;
	background: linear-gradient(135deg, #FF6B6B 0%, #FA5252 25%, #E03131 50%, #C92A2A 75%, #A61E1E 100%);
	position: relative;
	overflow: hidden;
}

#qa h3::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 0%, transparent 50%, rgba(255, 255, 255, 0.05) 100%);
	pointer-events: none;
}

#qa .bg_inner {
	padding: 60px 0 100px;
}

#qa .inbox1 {
	width: 960px;
	margin: 0 auto 80px;
}

#qa .inbox1:last-of-type {
	margin-bottom: 0;
}

#qa .mt {
	text-align: center;
}

#qa .mt p {
	position: relative;
	display: inline-block;
	padding: 0 55px;
	font-weight: bold;
	font-size: 28px;
	line-height: 1.4;
}

#qa .mt p::before,
#qa .mt p::after {
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 45px;
	height: 1px;
	background-color: black;
	content: "";
}

#qa .mt p::before {
	left: 0;
}

#qa .mt p::after {
	right: 0;
}

#qa .qabox {
	box-sizing: border-box;
	width: 960px;
	margin: 40px auto 0;
	background-color: #fff;
	border: 1px solid #dedede;
}

#qa .qabox:first-child {
	margin-top: 0;
}

#qa .qabox dt {
	display: table;
	padding: 12px 18px 12px 104px;
	background: url(../img/top/ico_q_qa.png) no-repeat 17px 13px;
	cursor: pointer;
}

#qa .qabox dt a {
	position: relative;
	display: table-cell;
	box-sizing: border-box;
	width: 922px;
	height: 73px;
	padding-right: 50px;
	color: #333;
	font-weight: bold;
	font-size: 25px;
	line-height: 1.4;
	text-decoration: none;
	vertical-align: middle;
	outline: none;
	font-feature-settings: "palt";
}

#qa .qabox dt span {
	position: absolute;
	top: 32px;
	right: 12px;
	display: block;
	width: 27px;
	height: 17px;
	background: url(../img/top/btn_tg_qa.png) no-repeat bottom;
}

#qa .qabox dt.open span {
	background: url(../img/top/btn_tg_qa.png) no-repeat top;
}

#qa .qabox dd {
	display: none;
	padding: 20px 100px 35px 100px;
	background: #fff4f4 url(../img/top/ico_a_qa.png) no-repeat 18px 18px;
	border-top: 1px solid #dedede;
}

#qa .qabox dd .txt {
	margin-top: 12px;
}

#qa .qabox .open {
	display: block;
}

#qa .qabox dt.open {
	margin-bottom: 0;
}

#qa .rankbox .inbox1 .qabox:nth-of-type(1) dt {
	background: url(../img/china/faq/ico_rank1_qa.png) no-repeat 17px 20px;
}

#qa .rankbox .inbox1 .qabox:nth-of-type(2) dt {
	background: url(../img/china/faq/ico_rank2_qa.png) no-repeat 17px 20px;
}

#qa .rankbox .inbox1 .qabox:nth-of-type(3) dt {
	background: url(../img/china/faq/ico_rank3_qa.png) no-repeat 17px 20px;
}

#qa .rankbox .inbox1 .qabox:nth-of-type(4) dt {
	background: url(../img/china/faq/ico_rank4_qa.png) no-repeat 17px 20px;
}

#qa .rankbox .inbox1 .qabox:nth-of-type(5) dt {
	background: url(../img/china/faq/ico_rank5_qa.png) no-repeat 17px 20px;
}

#qa .rankbox .txt_link {
	margin-top: 12px;
	text-align: right;
}

#qa .rankbox .txt_link a {
	font-size: 18px;
	line-height: 1.6;
}

#qa .bg_inner > .txt_link {
	width: 960px;
	margin: 20px auto 0;
	text-align: right;
}

#qa .bg_inner > .txt_link a {
	font-weight: bold;
	font-size: 20px;
	line-height: 1.5;
}

/* Remodal */

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */

/* Hide scroll bar */

html.remodal-is-locked {
	overflow: hidden;
	-ms-touch-action: none;
	touch-action: none;
}

/* Anti FOUC */

.remodal,
[data-remodal-id] {
	display: none;
}

/* Necessary styles of the overlay */

.remodal-overlay {
	position: fixed;
	top: -5000px;
	right: -5000px;
	bottom: -5000px;
	left: -5000px;
	z-index: 9999;
	display: none;
}

/* Necessary styles of the wrapper */

.remodal-wrapper {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
	display: none;
	overflow: auto;
	text-align: center;
	-webkit-overflow-scrolling: touch;
}

.remodal-wrapper::after {
	display: inline-block;
	height: 100%;
	margin-left: -0.05em;
	content: "";
}

/* Fix iPad, iPhone glitches */

.remodal-overlay,
.remodal-wrapper {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */

.remodal {
	position: relative;
	outline: none;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.remodal-is-initialized {
	/* Disable Anti-FOUC */
	display: inline-block;
}

/*
 *  Remodal - v1.1.1
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */

/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */

/* Default theme styles for the background */

.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
	-webkit-filter: blur(3px);
	filter: blur(3px);
}

/* Default theme styles of the overlay */

.remodal-overlay {
	background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
	-webkit-animation-name: remodal-overlay-opening-keyframes;
	animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
	-webkit-animation-name: remodal-overlay-closing-keyframes;
	animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */

.remodal-wrapper {
	padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */

.remodal {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 10px;
	padding: 35px;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
	-webkit-animation-name: remodal-opening-keyframes;
	animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
	-webkit-animation-name: remodal-closing-keyframes;
	animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */

.remodal,
.remodal-wrapper::after {
	vertical-align: middle;
}

/* Close button */

.remodal-close {
	position: absolute;
	top: 15px;
	right: -19px;
	z-index: 99;
	display: block;
	width: 54px;
	height: 54px;
	margin: 0;
	padding: 0;
	overflow: visible;
	color: #95979c;
	text-decoration: none;
	background: url(../img/china/ico_close.png);
	border: 0;
	outline: 0;
	cursor: pointer;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

/* Dialog buttons */

.remodal-confirm,
.remodal-cancel {
	display: inline-block;
	min-width: 110px;
	margin: 0;
	padding: 12px 0;
	overflow: visible;
	font: inherit;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	border: 0;
	outline: 0;
	cursor: pointer;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

.remodal-confirm {
	color: #fff;
	background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
	background: #66bb6a;
}

.remodal-cancel {
	color: #fff;
	background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
	background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */

.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
	padding: 0;
	border: 0;
}

/* Keyframes
   ========================================================================== */

@-webkit-keyframes remodal-opening-keyframes {
	from {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		opacity: 0;
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}

@keyframes remodal-opening-keyframes {
	from {
		-webkit-transform: scale(1.05);
		transform: scale(1.05);
		opacity: 0;
	}

	to {
		-webkit-transform: none;
		transform: none;
		opacity: 1;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}

@-webkit-keyframes remodal-closing-keyframes {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	to {
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
		opacity: 0;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}

@keyframes remodal-closing-keyframes {
	from {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}

	to {
		-webkit-transform: scale(0.95);
		transform: scale(0.95);
		opacity: 0;
		-webkit-filter: blur(0);
		filter: blur(0);
	}
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes remodal-overlay-opening-keyframes {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes remodal-overlay-closing-keyframes {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

/* Media queries
   ========================================================================== */

.remodal {
	width: 960px;
}

/* IE8
   ========================================================================== */

.lt-ie9 .remodal-overlay {
	background: #2b2e38;
}

.lt-ie9 .remodal {
	width: 960px;
}

/* ---------- common ---------- */

.remodal-overlay {
	max-height: none;
}

.remodal {
	/* overflow: auto; */
	padding: 0;
}

.remodal-wrapper {
	padding: 50px 20px;
}

/* ---------- remodal ---------- */

.remodal #investigate {
	box-sizing: border-box;
	margin-top: 40px;
	background-color: #fff;
	border: 1px solid #ddd;
}

.remodal #investigate h3 img {
	margin-top: -30px;
}

.remodal #investigate .txtbox {
	margin-top: 18px;
	padding: 18px 365px 30px 40px;
	background: url(../img/china/ph_investigate.png) no-repeat 610px top;
}

.remodal #investigate .txt {
	color: #333;
	font-size: 18px;
	line-height: 1.6;
	text-align: left;
}

.remodal #investigate .txtbox .txt_link {
	text-align: right;
}

.remodal #investigate .campbox {
	width: 880px;
	margin: 0 auto;
}

.remodal #investigate .campbox table {
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 25px;
	background-color: #fff;
	border-top: 1px solid #afafaf;
	border-left: 1px solid #afafaf;
	border-collapse: separate;
	border-spacing: 0;
}

.remodal #investigate .campbox th,
.remodal #investigate .campbox td {
	box-sizing: border-box;
	padding: 18px 18px 18px 20px;
	text-align: left;
	vertical-align: middle;
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #afafaf;
}

.remodal #investigate .campbox tbody th {
	width: 24%;
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	background-color: #959595;
}

.remodal #investigate .campbox tbody tr:nth-of-type(odd) th {
	background-color: #8a8a8a;
}

.remodal #investigate .campbox tbody td {
	font-size: 18px;
	line-height: 1.5;
}

.remodal #investigate .campbox tbody tr:nth-of-type(1) th {
	color: #fffbaf;
	background-color: #ff8067;
}

.remodal #investigate .campbox tbody tr:nth-of-type(1) td {
	font-size: 24px;
	background-color: #ffe8e3;
}

.remodal #investigate .red_txt {
	color: #d40000;
}

.remodal #investigate .presentbox {
	margin-top: 35px;
	padding: 20px 0;
	background-color: #fffef1;
	border-top: 1px solid #ddd;
}

.remodal #investigate .btn a {
	display: block;
	width: 471px;
	height: 0;
	margin: 15px auto 0;
	padding-top: 109px;
	overflow: hidden;
	background: url(../img/china/btn_investigate.png) no-repeat left top;
	background-size: contain;
}

.remodal #investigate .btn a:hover {
	opacity: 0.7;
}

/*
--------------------------------------------------------------------------------
 END OF CSS
--------------------------------------------------------------------------------
*/