@charset "UTF-8";
/*
Theme Name: mapmarketing
*/
@font-face {
	font-family: bankgothic_md_bt;
	src: url('/wp/wp-content/themes/mapmarketing/font/TT0590M_.TTF') format("truetype");
}



/****************************************
		リセット 
*****************************************/
html, body, div, span, applet, object, iframe, strong,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, legend, caption, 
tbody, tfoot, thead, table, label, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	}
img, svg{
	vertical-align: middle;
}
body{line-height: 1;}
ol, ul{list-style: none;}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
header,footer,section{display: block;}


table {
	border-collapse: collapse;
	border-spacing: 0;
	}
header, footer, section {
display: block;
}
pre, textarea {
overflow: auto;
}
[hidden], audio:not([controls]), template {
display: none;
}
details, main, summary {
display: block;
}
input[type=number] {
width: auto;
}
/*input[type=search]{-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}*/
progress {
display: inline-block;
}
small {
font-size: 75%;
}
textarea {
resize: vertical;
}
[unselectable] {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/*border-style:solid;border-width:0}*/
/*{font-size:inherit;line-height:inherit;margin:0;padding:0}*/
/*::after,::before{text-decoration:inherit;vertical-align:inherit}*/
/*:root {
-ms-overflow-style: -ms-autohiding-scrollbar;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
box-sizing: border-box;
cursor: default;
font:16px/1.5 sans-serif;
text-rendering: optimizeLegibility;
}/*
a {
text-decoration: none;
}
audio, canvas, iframe, img, svg, video {
vertical-align: middle;
}
/*button,/*input,*/
select, textarea {
background-color: transparent;
}
/*color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit;}*/
code, kbd, pre, samp {
font-family: monospace,monospace;
}
nav ol, nav ul, ul ol {
list-style: none;
}
select {
-moz-appearance: none;
-webkit-appearance: none;
}
select::-ms-expand {
display: none;
}
select::-ms-value {
color: currentColor;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
::-moz-selection {
background-color: rgba(0, 98, 160, 0.6);
text-shadow: none;
}
::selection {
background-color: rgba(0, 98, 160, 0.6);
text-shadow: none;
}
@media screen {
[hidden~=screen] {
display: inherit;
}
[hidden~=screen]:not(:active):not(:focus):not(:target) {
clip: rect(0 0 0 0)!important;
position: absolute!important;
}
}


/****************************************
		基本設定 - 色はここから変更 
*****************************************/



a {
	text-decoration: none;
	-webkit-text-size-adjust: 100%;
	color: #0062a0;
}
a:hover {
	color: #ccc;
	-webkit-text-size-adjust: 100%;
}

/****************************************
		コンテンツ
*****************************************/
/*** Layout ***/

html, body {
	/*height: 100%;*/
	width: 100%;
	-webkit-text-size-adjust: 100%;
}

/****************************************
	　　　style共通
*****************************************/

html {
	font-size: 62.5%;
}

body {
	font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', Meiryo, メイリオ, 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	color: #0062a0;
	color: #333;
	font-size: 1.4rem;
	line-height: 1.6;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1.4rem;
}

*, *::before, *::after {
	box-sizing: border-box;
	font-weight: normal;
}

.clearfix:after {
	content: ""; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	overflow: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	*/
}
/***********common-style-global***********/
.


/***********common-style-global***********/
/***********containers***********/

.container-100 {
	width: 100%;
}

.container-1024 {
	max-width: 1024px;
	width: 100%;
	height: auto;
	margin: 0 auto;
}


.container-960 {
	max-width: 960px;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.container-806 {
	max-width: 806px;
	width: 100%;
	margin: 0 auto;
}

.container-768 {
	max-width: 768px;
	width: 100%;
	margin: 0 auto;
}

.container-720 {
	max-width: 720px;
	width: 100%;
	margin: 0 auto;
}

.container-640 {
	max-width: 640px;
	width: 100%;
	margin: 32px auto;
}

/***********containers***********/

/***********borders***********/
.bd-red-line-2 {
	border: 2px solid #ff4a4a;
	border-radius: 4px;
	display: inine-block;
	line-height: 30px;
	padding: 0 5px;
	margin: 0 5px;
}

.bd-bk-line-2 {
	border: 2px solid #333;
	border-radius: 4px;
	display: inine-block;
	line-height: 30px;
	padding: 0 5px;
	margin: 0 5px;

}
/***********boders***********/

/***********colors***********/
.clr-red {
	color: #ff4a4a;
}

.clr-b {
	color: #003B8F;
}

/***********colors***********/
/***********font-family***********/

.ff-bg {
	font-family: 'bankgothic_md_bt', sans-serif;

}
/***********font-family***********/


/***********radius***********/
.bdrd-line-1 {
	border-radius: 10px 0 10px 0;
	border: 1px solid #003B8F;
}

/*
.bdrd-line-2 {
	border-radius: 10px 0 10px 0;
	border: 2px solid #003B8F;
}
*/
.bdrd-line-2 {
    border: 1px solid #003B8F;
    box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}
/***********radius***********/
/***********borders***********/
.line-btm-in {
	color: #ff4444;
	display: inline;
	border-bottom: 2px solid #ff4444;
	
}

.line-btm-bl {
	color: #ff4444;
	display: block;
	border-bottom: 2px solid #ff4444;

}

.line-btm-inbl {
	color: #ff4444;
	display: inline-block;
	border-bottom: 2px solid #ff4444;

}

.line-btm-in-b {
	color: #003B8F;
	display: inline;
	border-bottom: 2px solid #ff4444;
	
}

.line-btm-bl-b {
	color: #003B8F;
	display: block;
	border-bottom: 2px solid #ff4444;

}

.line-btm-inbl-b {
	color: #003B8F;
	display: inline-block;
	border-bottom: 2px solid #ff4444;

}
.bdr-ddd{
    border: 1px solid #ddd;
}

.bdr-999{
    border: 1px solid #666;
}

.bdr-666{
    border: 1px solid #666;
}

.bdr-333{
    border: 1px solid #666;
}

/***********borders***********/

/***********margin***********/
.mgb-12{
    margin-bottom: 12px;
}
.mgt-12{
    margin-top: 12px;
}
.mgb-24{
    margin-bottom: 24px;
}
.mgt-24{
    margin-top: 24px;
}
.mgb-32{
    margin-bottom: 32px;
}
.mgt-32{
    margin-top: 32px;
}
.mgb-54{
    margin-bottom: 54px;
}
.mgt-54{
    margin-top: 54px;
}
/***********margin***********/

/***********padding***********/
.pd-on-top-btm-12{
    padding-top: 12px;
    padding-bottom: 12px;
}
/***********padding***********/

/***********text-align***********/
.ta-c{
    text-align: center;
}
.ta-l{
    text-align: left;
}
.ta-r{
    text-align: right;
}
/***********text-align***********/

/****************************************
		PC-view
*****************************************/

@media screen and (min-width: 768px) {

#wrapper {
	/*max-width: 1440px;*/
	width: 100%;
	margin: 0 auto;
	/*position: relative;*/
}

.pc_hidden {
	display: none!important;
}

.pd-off {
	padding: 0;
}

.pd-on-top-btm-28 {
	padding-top: 28px;
	padding-bottom: 28px;
}
.pd-on-top-btm-32 {
	padding: 32px 0;
}

.pd-on-top-54-btm-32 {
	padding-top: 54px;
	padding-bottom: 32px;
}
.mg-on-top-54 {
	margin-top: 54px;
}

.bg-g {
	background-color: #f3f3f3;
}

.bg-b {
	background-color: #003B8F;
}

.grid [class*="col_"] {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
}

.grid:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	overflow: hidden;
}



.grid .col_12 { 
	width:100%;
}
.grid .col_11 {
	width: 91.6666666667%;
}
.grid .col_10 {
	width: 83.3333333333%;
}
.grid .col_9 {
	width: 75.0%;
}
.grid .col_8 {
	width: 66.6666666667%;
}
.grid .col_7 {
	width: 58.3333333333%;
}
.grid .col_6 {
	width: 50.0%;
}
.grid .col_5 {
	width: 41.6666666667%;
}
.grid .col_4 {
	width: 33.3333333333%;
}
.grid .col_3 {
	width: 25.0%;
}
.grid .col_2 {
	width: 16.6666666667%;
}
.grid .col_1 {
	width: 8.33333333333%;
}


#global-header .menu-btn {
	display: none;
}

.sp-scroll-btn i {
	display: none;
}

.section-one {
	padding: 2rem 0;
	/*margin: 5rem 0;*/
	
}


.width-100 {
    width: 100% !important;
}
.width-90 {
    width: 90% !important;
}
.width-80 {
    width: 80% !important;
}
.width-75 {
    width: 75% !important;
}
.width-70 {
    width: 70% !important;
}
.width-65 {
    width: 65% !important;
}
.width-60 {
    width: 60% !important;
}
.width-55 {
    width: 55% !important;
}
.width-50 {
    width: 50% !important;
}
.width-45{
    width: 45% !important;
}
.width-40{
    width: 40% !important;
}
.width-35 {
    width: 35% !important;
}
.width-30 {
    width: 30% !important;
}
.width-25 {
    width: 25% !important;
}
.width-20 {
    width: 20% !important;
}
.width-10 {
    width: 10% !important;
}



/******************home-test*******************/

/***********breadcrumb***********/
#breadcrumb ul li {
	display: inline;
}
#breadcrumb ul .txt-gt {
	color: #fff;
	font-weight: bold;
}

#breadcrumb ul li .fa-home {
	margin-right: 5px;
}

#breadcrumb ul .current-crumb {
	pointer-events: none;
}
/***********breadcrumb***********/

/***********pc-block-styles***********/

[class*="block-corner"] {
	padding: 54px 32px 10px;
	height: 320px;
	margin-bottom: 54px;
}

[class*="block-corner"] .txt-box h1,
[class*="block-corner"] .txt-box h2 {
	font-size: 2.4rem;
	line-height: 1;
	border-bottom: 4px solid #333;
	padding-bottom: 22px;
	margin-bottom: 20px;
	font-weight: bold;
}

[class*="block-corner"] .txt-box p {
	line-height: 32px;
	font-size: 1.6rem;
	font-weight: bold;
}

.block-corner-left .txt-box {
	color: #333;
	margin-right: 50%;
	width: 50%;
}


.block-corner-center .txt-box {
	color: #333;
	width: 50%;
	margin: 0 25%;
}

.block-corner-right .txt-box {
	color: #333;
	width: 50%;
	margin-left: 50%;
}
.mid-ttl {
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-bottom: 60px;
	
}

.mid-ttl:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	display: inline-block;
	width: 40px;
	height: 40px;
	/*border-left: 4px solid #003B8F;*/
	/*border-bottom: 4px solid #003B8F;*/
	border-left: 4px solid #999;
	border-bottom: 4px solid #999;
	transform: translateX(-50%) rotate(-45deg) skew(20deg, 20deg);
	z-index: 10;

}
	
.btn-primary {
    color: #fff !important;
    background-color: #333 !important;
    border-color: #000 !important;
}

.wrap-mid-ttl-no-arrow .mid-ttl{
	margin-bottom: 24px;
}
.wrap-mid-ttl-no-arrow .mid-ttl:after {
	display: none !important;
}


.mid-ttl .ttl-box h2 {
	font-size: 2.1rem;
	text-align: center;
	line-height: 42px;
	position: relative;
	font-weight: bold;
}

.mid-ttl .ttl-box h2:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	line-height: 1;
	width: 160px;
	height: 4px;
	/*background-color: #003B8F;*/
	background-color: #175349;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);

	z-index: 10;
}

.mid-ttl .ttl-box h2:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	line-height: 1;
	width: 160px;
	height: 4px;
	/*background-color: #003B8F;*/
	background-color: #175349;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	z-index: 10;

}


.mid-ttl .txt-box {
	line-height: 32px;
	font-size: 1.6rem;
	color: #333;
	padding-top: 20px;
	padding-bottom: 10px;
}
/**********containers**********/

.container-960-1366 {
	max-width: 960px;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

/**********containers**********/

/**********col1-style**********/
.col1-ttl {
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 54px;

}
.col1-ttl .ttl-box {
	line-height: 66px;
	border-bottom: 6px solid #003b8f;
	position: relative;
	color: #003b8f;
	margin-bottom: 24px;
}

.col1-ttl .ttl-box h2 {
	font-size: 1.8rem;
	padding-left: 90px;
	
}

.col1-ttl .ttl-box h2 span {
	border-bottom: 2px solid #003b8f;
	font-weight: bold;
}

.col1-ttl i {
	font-size: 3.6rem;
	left: 30px;
	position: absolute;
	top: 15px;
}

.col1-ttl .txt-box {
	font-size: 1.6rem;
	line-height: 32px;
	padding-bottom: 10px;
}

.col1-ttl .img-box {
	margin-bottom: 24px;
}

.col1-ttl .img-box .img {
	background-color: #ccc;
}

.col1-ttl .img-box img {
	width: 100%;
	height: auto;
}

.col1-ttl-935 {
	max-width: 935px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 54px;

}

.col1-ttl-935 .ttl-box h2 {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
	padding: 20px 0;

}

.col1-ttl-935 .ttl-box {
	border-bottom: 2px solid #ccc;
	max-width: 460px;
	margin-right: auto;
	margin-bottom: 34px;
}
.col1-ttl-935 .txt-box {
	padding: 0 12px;
	line-height: 32px;
	font-size: 1.6rem;
}

.col1-img-txt-en {
	margin-bottom: 54px;
}

.col1-img-txt-en img {
	width: 100%;
	height: auto;
}

.col1-img-txt-en .img-box {
	margin-bottom: 24px;

}
.col1-img-txt-en .txt-box {
	word-wrap: break-word;
	overflow-wrap : break-word;
	padding-bottom: 10px;
}



.col1-ttl-ftbg-bdr-txt {
	margin-bottom: 30px;
}

.col1-ttl-ftbg-bdr-txt .ttl-box {
	border-bottom: 3px solid #003B8F;
	margin-bottom: 16px;
}

.col1-ttl-ftbg-bdr-txt h2 {
	font-size: 2.8rem;
	text-align: center;
	color: #003B8F;
}

.col1-ttl-ftbg-bdr-txt h2 span {
	font-size: 4.2rem;
}
.col1-ttl-ftbg-bdr-txt .txt-box {
	font-size: 1.6rem;
	text-align: center;
	line-height: 32px;
	
}

.col1-ttl-img-bg {
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 54px;

}

.col1-ttl-img-bg .img-box {
	height: 230px;
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 24px;
}

.col1-ttl-img-bg .txt-box {
	font-size: 1.6rem;
	line-height: 32px;
	padding-bottom: 10px;
}

/********add-pdf-page-style********/

.sample-bg {
background-image: url("./images/sample-img.jpg");
}

.col1-ttl-img-bg .car-7-bg {
	height: 230px;
	background-image: url("pdf-img/1.jpg");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	margin-bottom: 24px;
}
/********add-pdf-page-style********/

/**********col1-style**********/


/**********col2-style**********/

.col2-ttl-txt-txt-btn {
	margin-bottom: 54px;
	
}

.col2-ttl-txt-txt-btn .col2-box {
	float: left;
	width: 50%;
	padding: 0 27px;
}

.col2-ttl-txt-txt-btn .col2-box .ttl-box {
	position: relative;
	height: 77px;
	border-bottom: 2px solid #ccc;
	margin-bottom: 20px;
}

.col2-ttl-txt-txt-btn .col2-box .ttl-box h2 {
	font-size: 1.8rem;
	line-height: 36px;
	padding-left: 90px;
	padding-top: 20px;
	font-weight: bold;

}

.col2-ttl-txt-txt-btn .col2-box .ttl-box img {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 77px;
	height: 77px;
	background-color: #ccc;
}
.col2-ttl-txt-txt-btn .col2-box .txt-box-top {
	text-align: center;
	line-height: 32px;
}

.col2-ttl-txt-txt-btn .col2-box .txt-box-top h3 {
	color: #003b8f;
	font-weight: bold;
	font-size: 1.6rem;
}

.col2-ttl-txt-txt-btn .col2-box .txt-box-top p {
	font-weight: bold;
	font-size: 1.4rem;
	color: #333;
	padding: 0 45px;

}

.col2-ttl-txt-txt-btn .col2-box .line-i-box {
	position: relative;
	text-align: center;
}

.col2-ttl-txt-txt-btn .col2-box .line-i-box i {
	color: #003b8f;
	z-index: 10;
	font-size: 4rem;
	background-color: #fff;
	position: relative;
	padding: 0 2px;
}



.col2-ttl-txt-txt-btn .col2-box .line-i-box span {
	position: absolute;
	top: 18px;
	left: 0;
	z-index: 8;
	display: inline-block;
	line-height: 1;
	width: 100%;
	height: 4px;
	background-color: #003b8f;
}

.col2-ttl-txt-txt-btn .col2-box .txt-box-btm p {
	font-size: 1.6rem;
	line-height: 32px;

}

.col2-ttl-txt-btn {
	padding: 37px 0;
	margin-bottom: 54px;
}

.col2-ttl-txt-btn .txt-box,
.col2-ttl-txt-btn .btn-box {
	float: left;
}

.col2-ttl-txt-btn .txt-box {
	width: 60%;
}

.col2-ttl-txt-btn .txt-box .ttl-box {
	margin-bottom: 20px;
}

.col2-ttl-txt-btn .txt-box .ttl-box h2 {
	font-size: 1.8rem;
	border-bottom: 2px solid #ccc;
	line-height: 1;
	width: 465px;
	font-weight: bold;
	padding: 0 0 24px 0;

}

.col2-ttl-txt-btn .txt-box p {
	font-size: 1.6rem;
	line-height: 32px;
}

.col2-ttl-txt-btn .btn-box {
	width: 40%;
	padding-left: 80px;
}

.col2-ttl-txt-btn .btn-box .btn-other-type-01 {
	background-color: #fff;
	text-align: center;
	height: 77px;
}
.col2-ttl-txt-btn .btn-box .btn-other-type-01 a {
	display: block;
	color: #003b8f;
	height: 73px;
}

.col2-ttl-txt-btn .btn-box .btn-other-type-01 a:hover {
	background-color: #003b8f;
	color: #fff;
	border-radius: 5px 0 5px 0;
}

.col2-ttl-txt-btn .btn-box .btn-other-type-01 span {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: bold;
	margin-top: 8px;

}

.col2-ttl-txt-btn .btn-box .btn-other-type-01 span + span {
	font-size: 1.8rem;
	font-weight: bold;
}
.col2-left-right-img {
	/*margin-bottom: 54px;*/
}


.col2-left-right-img > .ttl-box {
	border-bottom: 6px solid #003b8f;
	color: #003b8f;
	line-height: 66px;
	margin-bottom: 24px;
	position: relative;
}

.col2-left-right-img > .ttl-box i {
	font-size: 3.6rem;
	left: 30px;
	position: absolute;
	top: 15px;
}
.col2-left-right-img > .ttl-box h2 {
	font-size: 1.8rem;
	padding-left: 90px;
	font-weight: bold;
}


.col2-left-right-img .left-img-box {
	margin-bottom: 72px;
}

.col2-left-right-img .left-img-box .txt-box {
	float: right;
	width: 50%;
}

.col2-left-right-img .left-img-box .txt-box .ttl-box {
	border-bottom: 2px solid #333;
	margin-bottom: 16px;
}

.col2-left-right-img .left-img-box .txt-box .ttl-box h3 {
	font-size: 3.2rem;
	color: #333;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 10px;
}

.col2-left-right-img .left-img-box .txt-box p {
	font-size: 1.4rem;
	line-height: 28px;
}

.col2-left-right-img .left-img-box .img-box {
	float: left;
	width: 50%;
	padding-right: 40px;
}

.col2-left-right-img .left-img-box .img-box img {
	width: 100%;
}

.col2-left-right-img .right-img-box {
	margin-bottom: 72px;
}

.col2-left-right-img .right-img-box .txt-box {
	float: left;
	width: 50%;
}

.col2-left-right-img .right-img-box .txt-box .ttl-box {
	border-bottom: 2px solid #333;
	margin-bottom: 16px;
}
.col2-left-right-img .right-img-box .txt-box .ttl-box h1,
.col2-left-right-img .right-img-box .txt-box .ttl-box h3 {
	font-size: 3.2rem;
	color: #333;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 10px;
}

.col2-left-right-img .right-img-box .txt-box p {
	font-size: 1.4rem;
	line-height: 28px;
}

.col2-left-right-img .right-img-box .img-box {
	float: right;
	width: 50%;
	padding-left: 40px;
}

.col2-left-right-img .right-img-box .img-box img {
	width: 100%;
}





.col2-left-right-img-catlist > .ttl-box {
	border-bottom: 6px solid #003b8f;
	color: #003b8f;
	line-height: 66px;
	margin-bottom: 24px;
	position: relative;
}

.col2-left-right-img-catlist > .ttl-box i {
	font-size: 3.6rem;
	left: 30px;
	position: absolute;
	top: 15px;
}
.col2-left-right-img-catlist > .ttl-box h2 {
	font-size: 1.8rem;
	padding-left: 90px;
	font-weight: bold;
}


.col2-left-right-img-catlist .left-img-box {
	margin-bottom: 72px;
}

.col2-left-right-img-catlist .left-img-box .txt-box {
	float: right;
	width: 50%;
}

.col2-left-right-img-catlist .left-img-box .txt-box .ttl-box {
	border-bottom: 2px solid #333;
	margin-bottom: 16px;
}

.col2-left-right-img-catlist .left-img-box .txt-box .ttl-box h3 {
	font-size: 3.2rem;
	color: #333;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 10px;
}

.col2-left-right-img-catlist .left-img-box .txt-box p {
	font-size: 1.4rem;
	line-height: 28px;
}

.col2-left-right-img-catlist .left-img-box .img-box {
	float: left;
	width: 50%;
	padding-right: 40px;
}

.col2-left-right-img-catlist .left-img-box .img-box img {
	width: 100%;
	height: auto;
}

.col2-left-right-img-catlist .right-img-box {
	margin-bottom: 72px;
}

.col2-left-right-img-catlist .right-img-box .txt-box {
	float: left;
	width: 50%;
}

.col2-left-right-img-catlist .right-img-box .txt-box .list-box {
	width: 64%;
	margin-left: 36%;
	margin-bottom: 14px;
}
.col2-left-right-img-catlist .right-img-box .txt-box .list-box li {
	color: #fff;
	float: right;
	font-family: "bankgothic_md_bt",sans-serif;
	font-size: 1.6rem;
	text-align: center;
	width: 33.3333%;
}



.col2-left-right-img-catlist .right-img-box .txt-box .list-box .cat-bg-web {
	background-color: #5f3c91;
}

.col2-left-right-img-catlist .right-img-box .txt-box .list-box .cat-bg-dx {
	background-color: #f95c30;

}

.col2-left-right-img-catlist .right-img-box .txt-box .list-box .cat-bg-standard {
	background-color: #1d6bac;

}



.col2-left-right-img-catlist .right-img-box .txt-box .ttl-box {
	border-bottom: 2px solid #333;
	/*margin-bottom: 16px;*/
}
.col2-left-right-img-catlist .right-img-box .txt-box .ttl-box h1,
.col2-left-right-img-catlist .right-img-box .txt-box .ttl-box h3 {
	font-size: 3.2rem;
	color: #333;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 10px;
}

.col2-left-right-img-catlist .right-img-box .txt-box p {
	font-size: 1.4rem;
	line-height: 28px;
}

.col2-left-right-img-catlist .right-img-box .img-box {
	float: right;
	width: 50%;
	padding-left: 40px;
}

.col2-left-right-img-catlist .right-img-box .img-box img {
	width: 100%;
}





.col2-img-ttl-txt-beside {
	margin-bottom: 54px;
}

.col2-img-ttl-txt-beside ul li {
	border: 4px solid #333;
	float: left;
	width: 49%;
	margin-bottom: 20px;
}

.col2-img-ttl-txt-beside ul li:nth-child(2n+2) {
	margin-left: 2%;
}

.col2-img-ttl-txt-beside ul li .img-box,
.col2-img-ttl-txt-beside ul li .txt-box {
	float: left;
	
}

.col2-img-ttl-txt-beside ul li .img-box {
	width: 40%;

}

.col2-img-ttl-txt-beside ul li .img-box img {
	width: 172px;
}


.col2-img-ttl-txt-beside ul li .txt-box {
	width: 60%;
	padding: 14px 10px;
}

.col2-img-ttl-txt-beside ul li .txt-box h3 {
	font-size: 1.6rem;
	font-weight: bold;
	padding-bottom: 5px;
}

.col2-img-ttl-txt-beside ul li .txt-box p {
	font-size: 1.4rem;
	line-height: 24px;
}

.col2-ttl-txt-beside {
	margin-bottom: 54px;
}

.col2-ttl-txt-beside ul li {
	border: 4px solid #333;
	float: left;
	width: 49%;
	margin-bottom: 20px;

}

.col2-ttl-txt-beside ul li:nth-child(2n+2) {
	margin-left: 2%;
}

.col2-ttl-txt-beside ul li .ttl-box {
	border-bottom: 4px solid #333;
}

.col2-ttl-txt-beside ul li .ttl-box h3 {
	line-height: 1;
	padding: 22px 10px;
	font-size: 1.6rem;
	font-weight: bold;
}

.col2-ttl-txt-beside ul li p {
	font-size: 1.4rem;
	line-height: 24px;
	padding: 16px 14px 16px 56px;
}

.col2-ftlt-bdr-txt {
	margin-bottom: 54px;
}


.col2-ftlt-bdr-txt ul li {
	float: left;
	width: 49%;
	margin-bottom: 20px;
}

.col2-ftlt-bdr-txt ul li:nth-child(2n+2) {
	margin-left: 2%;
}


.col2-ftlt-bdr-txt ul li .ttl-box {
	border-bottom: 3px solid #003b8f;
	margin-right: 34px;
	margin-bottom: 14px;
	
}

.col2-ftlt-bdr-txt ul li .ttl-box h3 {
	color: #003b8f;
	font-weight: bold;
	line-height: 1;
	padding: 10px 0;
}

.col2-ftlt-bdr-txt ul li .txt-box p {
	font-size: 1.4rem;
	line-height: 28px;
	padding: 0 5px 10px 30px;
}



.col2-ftlt-bdr-txt ul li .ttl-box h3:first-letter {
	font-family: 'bankgothic_md_bt', sans-serif;
	font-size: 4rem;
	padding-right: 10px;
}



.col2-ttl-i-txt-link {
	margin-bottom: 65px;
}

.col2-ttl-i-txt-link .case-box-4-inner {
	position: relative;

}

.col2-ttl-i-txt-link .case-box-4-inner .icon-q {
	position: absolute;
	right: 0;
	top: 10px;
	display: inline-block;
	width: 42px;
	height: 42px;
	text-align: center;
	font-size: 2.6rem;
	color: #003B8F;
	border: 2px solid #003B8F;
	border-radius: 50%;
	vertical-align: middle;
}

.col2-ttl-i-txt-link .case-box-4-inner .icon-user i {
	position: absolute;
	right: 0;
	top: 15px;
	width: 42px;
	height: 42px;
	text-align: center;
	color: #003B8F;
	vertical-align: middle;
	font-size: 3.6rem;
}


.col2-ttl-i-txt-link .case-box-4-inner .icon-q i {
    padding-top: 8px;
}

.col2-ttl-i-txt-link .after-class-01 {
	position: relative;
}

.col2-ttl-i-txt-link .after-class-01:after {
	content: "";
	display: block;
	border-left: 2px solid #003B8F;
	height: 81%;
	position: absolute;
	left: 0;
	top: 0;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	margin-top: 30px;
}

.col2-ttl-i-txt-link .after-class-02 {
	position: relative;
}

.col2-ttl-i-txt-link .after-class-02:after {
	content: "";
	display: block;
	border-left: 2px solid #003B8F;
	height: 81%;
	position: absolute;
	right: 0;
	bottom: 0;
	transform: translateX(50%);
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-ms-transform: translateX(50%);
	-o-transform: translateX(50%);
	margin-bottom: 30px;
}

.col2-ttl-i-txt-link .after-class-01:before {
	content: "";
	display: block;
	border-bottom: 2px solid #003B8F;
	width: 92%;
	position: absolute;
	right: 0;
	bottom: 0;
	transform: translateY(50%);
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	margin-right: 20px;
}

.col2-ttl-i-txt-link .after-class-02:before {
	content: "";
	display: block;
	border-top: 2px solid #003B8F;
	width: 92%;
	position: absolute;
	left: 0;
	top: 0;
	transform: translateY(50%);
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	margin-left: 20px;
}


.btm-support-wrap .btm-support-inner {
	padding: 0 20px;
}

.btm-support-wrap .btm-support-inner p {
	padding-top: 20px;
}

.col2-ttl-i-txt-link .case-box-4-inner h4 {
	border-bottom: 2px solid #003B8F;
	color: #333;
	font-size: 1.8rem;
	padding: 25px 0 20px;
	line-height: 1;
	font-weight: bold;
	margin-top: 20px;
}



/**********col2-style**********/



/**********col3-style**********/

.col3-ttl-i-txt {
	margin-bottom: 54px;
}

.col3-ttl-i-txt .col3-box {
	float: left;
	width: 33.333333%;
	padding: 25px 15px;
}

.col3-ttl-i-txt .col3-box .ttl-box {
	position: relative;
	border-bottom: 4px solid #bbb;
	margin-bottom: 10px;
}

.col3-ttl-i-txt .col3-box .ttl-box h2 {
	color: #333;
	font-size: 1.8rem;
	line-height: 2;
	font-weight: bold;
	padding-bottom: 14px;
}

.col3-ttl-i-txt .col3-box .ttl-box i {
	position: absolute;
	right: 0;
	bottom: -8px;
	color: #bbb;
	font-size: 4.8rem;
}
.col3-ttl-i-txt .col3-box .ttl-box .fa-globe {
	bottom: -4px;
}

.col3-ttl-i-txt .col3-box .txt-box {
	padding: 0 10px;
	
}

.col3-ttl-i-txt .col3-box .txt-box ul li {
	font-size: 1.4rem;
	line-height: 28px;
	position: relative;
	padding-left: 28px;
	
}

.col3-ttl-i-txt .col3-box .txt-box ul li span {
	position: absolute;
	top: 0;
	left: 4px;
}



.col3-ttl-txt-noimg-list {
	margin-bottom: 54px;
}

.col3-ttl-txt-noimg-list li {
	border: 4px solid #333;
	float: left;
	width: 31.333333%;
	margin-left: 3%;
	margin-bottom: 30px;

}

.col3-ttl-txt-noimg-list li:nth-child(3n+1) {
	margin-left: 0;
}

.col3-ttl-txt-noimg-list li + li {
	
}

.col3-ttl-txt-noimg-list li .ttl-box {
	border-bottom: 4px solid #333;
	position: relative;
	height: 100px;
}

.col3-ttl-txt-noimg-list li .ttl-box h3 {
	line-height: 1.4;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 10px 14px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);

}

.col3-ttl-txt-noimg-list li p {
	font-size: 1.4rem;
	line-height: 28px;
	padding: 14px 10px;

}

.col3-img-ttl-txt-list {
	margin-bottom: 54px;
}

.col3-img-ttl-txt-list li {

	border: 4px solid #333;
	float: left;
	width: 31.333333%;
	margin-left: 3%;
	margin-bottom: 28px;
}

.col3-img-ttl-txt-list li:nth-child(3n+1) {
	margin-left: 0;
}
.col3-img-ttl-txt-list li .img-box {
	border-bottom: 4px solid #333;
}

.col3-img-ttl-txt-list li .img-box img {
	width: 100%;
	vertical-align: top;
	
}

.col3-img-ttl-txt-list li .txt-box {
	padding: 14px 10px;
}

.page-product .col3-img-ttl-txt-list li .txt-box {
	padding: 14px 10px;
	height: 260px;
}


.col3-img-ttl-txt-list li .txt-box h3 {
	line-height: 1;
	font-size: 1.6rem;
	padding-bottom: 10px;
	font-weight: bold;
}

.col3-img-ttl-txt-list li .txt-box p {
	font-size: 1.4rem;
	line-height: 24px;
}



.col3-img-cat-ttl-txt-list {
	margin-bottom: 54px;
}

.col3-img-cat-ttl-txt-list > li {
	float: left;
	width: 31.333333%;
	margin-left: 3%;
}

.col3-img-cat-ttl-txt-list > li:nth-child(3n+1) {
	margin-left: 0;
}

.col3-img-cat-ttl-txt-list > li .img-box {
	border: 4px solid #333;
	border-bottom: none;
	position: relative;
}

.col3-img-cat-ttl-txt-list > li .img-box img {
	width: 100%;
	vertical-align: top;
	height: auto;
	
}

.col3-img-cat-ttl-txt-list li .txt-box {
	padding: 14px 10px;
	border: 4px solid #333;
}

.col3-img-cat-ttl-txt-list li .txt-box h3 {
	line-height: 1;
	font-size: 1.6rem;
	padding-bottom: 10px;
	font-weight: bold;
}

.col3-img-cat-ttl-txt-list li .txt-box p {
	font-size: 1.4rem;
	line-height: 24px;
}

.col3-img-cat-ttl-txt-list li .cat-list {
	position: absolute;
	bottom: 0;
	left: -4px;
	width: calc(100% + 8px);
	z-index: 10;
}
.col3-img-cat-ttl-txt-list li .cat-list ul li {
	float: left;
	width: 33.333333%;
	color: #fff;
	font-family: 'bankgothic_md_bt', sans-serif;
	font-size: 1.6rem;
	text-align: center;
}

.col3-img-cat-ttl-txt-list li .cat-list ul .cat-bg-web {
	background-color: #5f3c91;
}

.col3-img-cat-ttl-txt-list li .cat-list ul .cat-bg-dx {
	background-color: #f95c30;

}

.col3-img-cat-ttl-txt-list li .cat-list ul .cat-bg-standard {
	background-color: #1d6bac;

}



.col3-ttl-txt-link-list {
	margin-bottom: 36px;
}
.col3-ttl-txt-link-list ul li {
	float: left;
	width: 31.333333%;
	margin-left: 3%;
	margin-bottom: 18px;
}

.col3-ttl-txt-link-list ul li a:hover .link-box {
	padding-right: 8px;
	transition: 0.3s;
}

.col3-ttl-txt-link-list ul li:nth-child(3n+1) {
	margin-left: 0;
}

.col3-ttl-txt-link-list ul li .txt-box {
	background-color: #2b6aad;
	border-radius: 10px 0 0 0;
	padding: 14px 14px 7px 14px;
    height: 70px;
}

.col3-ttl-txt-link-list ul li .ttl-box h3 {
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
	margin-top: 0;
}

.col3-ttl-txt-link-list ul li .txt-box p {
	color: #fff;
}

.col3-ttl-txt-link-list ul li .link-box {
	background-color: #003b8f;
	border-radius: 0 0 10px 0;
	text-align: right;
	padding: 2px 14px 2px 14px;
	line-height: 24px;

}

.col3-ttl-txt-link-list ul li .link-box span {
	text-align: right;
}

.col3-ttl-txt-link-list ul li .link-box span i {
	color: #fff;
	font-size: 1.6rem;
	letter-spacing: -6px;
}


.col3-ttl-txt-link-list-square {
	margin-bottom: 36px;
}
.col3-ttl-txt-link-list-square ul li {
	float: left;
	width: 31.333333%;
	margin-left: 3%;
	margin-bottom: 18px;
}

.col3-ttl-txt-link-list-square ul li a:hover .link-box {
	padding-right: 8px;
	transition: 0.3s;
}

.col3-ttl-txt-link-list-square ul li:nth-child(3n+1) {
	margin-left: 0;
}

.col3-ttl-txt-link-list-square ul li .txt-box {
	background-color: #327bc8;
	border-radius: 10px 0 10px 0;
	padding: 14px;
}


.col3-ttl-txt-link-list-square ul li .txt-box-min {
	background-color: #327bc8;
	border-radius: 2px;
	padding: 12px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    position: relative;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.col3-ttl-txt-link-list-square ul li .txt-box-min:hover {
	background-color: #2b6aad;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.52);
}


.col3-ttl-txt-link-list-square ul li .txt-box-min p{
    margin: 0;
    padding: 0;
}

.col3-ttl-txt-link-list-square ul li .ttl-box h2,
.col3-ttl-txt-link-list-square ul li .ttl-box h3 {
	color: #fff;
	font-size: 1.6rem;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: inherit;
}


.col3-ttl-txt-link-list-square ul li .txt-box-min-chevron-down{
	height: 64px;
}

.col3-ttl-txt-link-list-square ul li .txt-box-min-chevron-down:after {
    content: "";
    position: absolute;
    top: 60%;
    left: 50%;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translateX(-50%) rotate(-45deg);
    -webkit-transform: translateX(-50%) rotate(-45deg);
    -moz-transform: translateX(-50%) rotate(-45deg);
    -o-transform: translateX(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) rotate(-45deg);
}

.col3-ttl-txt-link-list-square ul li .txt-box p {
	color: #fff;
}
.col3-ttl-txt-link-list-square ul li .txt-box-min p {
	color: #fff;
}

.col3-img-btn {
	margin-bottom: 54px;
}

.col3-img-btn ul li {
	float: left;
	width: 33.333333%;
	padding: 0 20px;
}

.col3-img-btn ul li .img-box {
	margin-bottom: 30px;
}


/**********col3-style**********/

/**********col4-style**********/

.col4-ttl-txt-noimg-list {
	margin-bottom: 54px;
}

.col4-ttl-txt-noimg-list li {
	border: 4px solid #333;
	float: left;
	margin-left: 1.335%;
	width: 24%;
}

.col4-ttl-txt-noimg-list li:nth-child(4n+1) {
	margin-left: 0;
}

.col4-ttl-txt-noimg-list li + li {
	
}

.col4-ttl-txt-noimg-list li .ttl-box {
	border-bottom: 4px solid #333;
	height: 84px;
	position: relative;

}

.col4-ttl-txt-noimg-list li .ttl-box h3 {
	width: 100%;
	line-height: 2;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	padding: 24px 10px;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;


}

.col4-ttl-txt-noimg-list li p {
	font-size: 1.4rem;
	line-height: 28px;
	padding: 14px 10px;

}

/*product*/


.product-top .col4-ttl-txt-noimg-list {
	margin-bottom: 54px;
}

.product-top .col4-ttl-txt-noimg-list li {
	border: 4px solid #333;
	float: left;
	margin-left: 1.335%;
	width: 24%;
	height: 288px;
	background-color: #fff;
}

.product-top .col4-ttl-txt-noimg-list li:nth-child(4n+1) {
	margin-left: 0;
}

.product-top .col4-ttl-txt-noimg-list li + li {
	
}

.product-top .col4-ttl-txt-noimg-list li .ttl-box {
	border-bottom: 4px solid #333;
	height: 84px;
	position: relative;
}

.product-top .col4-ttl-txt-noimg-list li .ttl-box h3 {
	line-height: 2;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	padding: 24px 10px;
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);

}

.product-top .col4-ttl-txt-noimg-list li p {
	font-size: 1.4rem;
	line-height: 28px;
	padding: 14px 10px;

}

/*product*/






.col4-img-ttl-txt-list {
	margin-bottom: 54px;
}

.col4-img-ttl-txt-list li {

	border: 4px solid #333;
	float: left;
	margin-left: 1.335%;
	width: 24%;
}

.col4-img-ttl-txt-list li:nth-child(4n+1) {
	margin-left: 0;
}
.col4-img-ttl-txt-list li .img-box {
	border-bottom: 4px solid #333;
}

.col4-img-ttl-txt-list li .img-box img {
	width: 100%;
	vertical-align: top;
	
}

.col4-img-ttl-txt-list li .txt-box {
	padding: 14px 10px;
}

.col4-img-ttl-txt-list li .txt-box h3 {
	line-height: 1;
	font-size: 1.6rem;
	padding-bottom: 10px;
	font-weight: bold;
}

.col4-img-ttl-txt-list li .txt-box p {
	font-size: 1.4rem;
	line-height: 28px;
}

/*product*/
.col4-ttl-bdr-txt-list {
	margin-bottom: 54px;
}

.col4-ttl-bdr-txt-list li {
	float: left;
	width: 24%;
	margin-left: 1.335%;
	margin-bottom: 14px;
	padding: 0 10px;
}

.col4-ttl-bdr-txt-list li:nth-child(4n+1) {
	margin-left: 0;
}

.col4-ttl-bdr-txt-list li .ttl-box {
	border-bottom: 2px solid #003B8F;
	position: relative;
	height: 70px;
	margin-bottom: 14px;
}

.col4-ttl-bdr-txt-list li .ttl-box h3 {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	letter-spacing: 2px;

}

.col4-ttl-bdr-txt-list li .ttl-box p {
	font-size: 1.4rem;
	line-height: 28px;
}


/**********col4-style**********/


/**********normal-table-style**********/


.product-normal-table-wrap {
	margin-bottom: 54px;
}

.normal-table-eq-type-product {
	width: 820px;
	margin: 0 0 24px auto;
}


.normal-table-eq-type-product table {
	font-size: 1.4rem;
	width: 100%;
	table-layout: fixed;
}
.normal-table-eq-type-product table thead th {
	background-color: #f1f1f1;
	vertical-align: middle;
	font-weight: bold;
	height: 54px;
	border: 1px solid #333;
}

.normal-table-eq-type-product table thead th:first-child {
	background-color: #003B8F;
	color: #fff;
}

.normal-table-eq-type-product table tbody td {
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
	height: 54px;
	border: 1px solid #333;

}

.normal-table-eq-type-product table tbody td:first-child {
	background-color: #f1f1f1;
}

.normal-table-eq-type-product table tbody td span {
	display: block;
	width: 30px;
	height: 30px;
	border: 4px solid #003B8F;
	border-radius: 50%;
	margin: 0 auto;
}


.normal-table-type-product {
	width: 820px;
	margin: 0 0 54px auto;
}


.normal-table-type-product table {
	font-size: 1.4rem;
	width: 100%;
	table-layout: fixed;
}
.normal-table-type-product table thead th {
	background-color: #f1f1f1;
	vertical-align: middle;
	font-weight: bold;
	height: 54px;
	border: 1px solid #333;
}

.normal-table-type-product table thead th:first-child {
	background-color: #003B8F;
	color: #fff;
	width: 20%;
}

.normal-table-type-product table tbody td {
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
	height: 54px;
	border: 1px solid #333;

}

.normal-table-type-product table tbody td:first-child {
	background-color: #f1f1f1;
	width: 20%;

}

.normal-table-type-product table tbody td span {
	display: block;
	width: 30px;
	height: 30px;
	border: 4px solid #003B8F;
	border-radius: 50%;
	margin: 0 auto;
}

/**********normal-table-style**********/

/**********data-page-table-style**********/
.tbl-data-list tbody td {
	margin: 15px 0 3px;
	font-size: 14px;
}

.tbl-data-list {
	width: 100%;
}

.tbl-data-list tbody th {
	font-weight: bold;
	background-color: #eee;
}

.tbl-data-list tbody th {
	padding: 5px;
	border: 1px solid #ccc;
	text-align: center;
}
.tbl-data-list tbody td {
	padding: 5px;
	border: 1px solid #ccc;

}

.tbl-data-list tbody td {
	height: 30px;
	font-size: 14px;
	text-align: center;
	padding: 5px;
	border: 1px solid #ccc;
}

.tbl-data-list tbody td:first-child {
	background-color: #A8C0E0;
	width: 33%;
}

.tbl-data-list tbody th {
	height: 50px;
}
.tbl-data-list tbody th strong {
	font-size: 16px;
}

.tbl-data-list tbody td span {
	display: block;
}


.tbl-data-list tr:nth-child(even) td {
	background-color:#E5F0FF;
}

/**********data-page-table-style**********/

/**********css-table-style**********/

.div-table-wrap {
margin-bottom: 54px;
}

.div-table-box {
	border-bottom: 1px solid #979797;
	display: table;
	width: 100%;
	padding: 10px 0;
}

.div-table-box .div-table-head,
.div-table-box .div-table-detail {
	display: table-cell;
}

.div-table-box .div-table-head {
	width: 40%;
	vertical-align: bottom;
	padding: 0 20px
}
.div-table-box .div-table-head h3 {
	font-weight: bold;
}

.div-table-box .div-table-detail {
	width: 60%;
	vertical-align: middle;

}

.div-table-box .div-table-detail p {
	font-size: 1.4rem;
	line-height: 28px;
}


/**********css-table-style**********/

/***********common-title-style***********/

.i-ttl-bdr {
	margin-top: 32px;
}
.i-ttl-bdr > .ttl-box {
	border-bottom: 6px solid #003b8f;
	color: #003b8f;
	line-height: 66px;
	margin-bottom: 24px;
	position: relative;
}

.i-ttl-bdr > .ttl-box i {
	font-size: 3.6rem;
	left: 30px;
	position: absolute;
	top: 15px;
}
.i-ttl-bdr > .ttl-box h2,
.i-ttl-bdr > .ttl-box h1 {
	font-size: 1.8rem;
	padding-left: 90px;
	font-weight: bold;
}

.i-ttl-bdr > .txt-box p,
.i-ttl-bdr > .txt-box h2 {
	width: 640px;
	margin: 0 auto;
}

.i-ttl-bdr > .txt-box h2 {
    font-size: 2.4rem;
}


.i-ttl-bdr-46 {
	width: 46%;
}

.i-ttl-bdr-46 > .ttl-box {
	border-bottom: 6px solid #003b8f;
	color: #003b8f;
	line-height: 66px;
	margin-bottom: 24px;
	position: relative;
}

.i-ttl-bdr-46 > .ttl-box i {
	font-size: 3.6rem;
	left: 0px;
	position: absolute;
	top: 15px;
}
.i-ttl-bdr-46 > .ttl-box h2 {
	font-size: 1.8rem;
	padding-left: 60px;
	font-weight: bold;
}

.i-ttl-bdr-46 > .ttl-box h2 span {
	font-size: 1.4rem;
	font-weight: bold;
}



/***********common-title-style***********/

/***********common-height-style***********/
.excerpt-block-197 {
	height: 197px;
	overflow: hidden;

}

.excerpt-block-120 {
	height: 120px;
	overflow: hidden;
}

/***********common-height-style***********/



/***********font-color***********/
.ft-clr-g {
	color: #aaa;
	font-size: 1.4rem;
}
/***********font-color***********/


/***********pc-block-styles***********/

/***********pc-bg-colors***********/
.bg-g-f1 {
	background-color: #f1f1f1;
}
/***********pc-bg-colors***********/








/***************pc-common-style**************/

/***************first-view***************/
.pc-hidden {
	display: none!important;
}

#global-header {
	width: 100%;
	position: relative;
	border-bottom: 2px solid #003B8F;
	

}
.home #global-header {
	border-bottom: 2px solid #003B8F;
}
#global-header:before {
	content: "";
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	filter: blur(4px);
	-webkit-filter: blur(4px);
	-ms-filter: blur(4px);
	z-index: -1;
}

#global-header .container-1024 {
	padding: 10px 30px;
	/*border-bottom: 2px solid #0062a0;*/
}

#global-header .img-box {
	float: left;
}
#global-header .img-box img {
	width: 126px;
	height: auto;
	vertical-align: middle;
	display: block;
	margin-top: 10px;
}

#head-logo {
	width: 126px;
	height: auto;
}

#global-header #head-menu {
	float: right;
}

#global-header #head-menu ul li {
	float: left;
	display: inline-block;
	padding: 10px;
	
}

#global-header #head-menu ul li a {
	font-weight: bold;
	font-size: 1.3rem;
}

#global-header #head-menu ul li.head-menu-static,
#global-header #head-menu ul li.head-menu-static-first{
    background-color: #d3e5ff;
    border-left: 1px solid #a0c7ff;
}

#global-header #head-menu ul li.head-menu-static-first{
    border-left: none;
}

/*breadcrumb*/
#global-header .pd-off {
	padding: 0;
}

#breadcrumb {
	line-height: 1;
}

.page #breadcrumb,
.single #breadcrumb,
.search #breadcrumb {
	margin-bottom: 54px;
}
#breadcrumb span {
	color: #fff;
	font-weight: bold;
	font-size: 1.1rem;
	display: inline-block;
	line-height: 18px;
}

/*breadcrumb*/

/*********firstview*********/



/*********top-product-style**********/


/***************first-view***************/


/**************search-after-style**************/

/**************search-after-style**************/




/************pc-common-styles*************/

.btn-action-hover {
	background-color: #003B8F!important;
}

.btn-action-hover a {
	color: #fff!important;
}

.btn-action-hover-change:hover {
	background-color: #003B8F!important;
}

.btn-action-hover-change:hover a {
	color: #fff!important;
}

.btn-action-shadow:hover {
	box-shadow: 2px 2px 10px 0px rgba(0, 0, 0, 0.4);
}


.center {
	text-align: center;
}

.btn-size-100-big {
	
	width: 100%;
	text-align: center;
	line-height: 72px;
	margin: 24px auto;
	background-color: #fff;

}

.btn-size-100-big a {
	color: #003B8F;
	display: block;
	border-radius: 5px 0 5px 0;
	font-size: 1.6rem;
	font-weight: bold;
}
.btn-size-100-big a:hover {
	background-color: #003B8F;
	color: #fff;
}

.btn-size-100 {
	
	width: 100%;
	text-align: center;
	line-height: 48px;
	margin: 24px auto;
	background-color: #fff;

}

.btn-size-100 a {
	color: #003B8F;
	display: block;
	border-radius: 5px 0 5px 0;
	font-size: 1.6rem;
	font-weight: bold;
}
.btn-size-100 a:hover {
	background-color: #003B8F;
	color: #fff;
}

.btn-size-720-big {
	max-width: 720px;
	width: 100%;
	text-align: center;
	line-height: 72px;
	margin: 24px auto;
	background-color: #fff;

}

.btn-size-720-big a {
	color: #003B8F;
	display: block;
	border-radius: 5px 0 5px 0;
	font-size: 1.6rem;
	font-weight: bold;
}
.btn-size-720-big a:hover {
	background-color: #003B8F;
	color: #fff;
}



.btn-size-720 {
	max-width: 720px;
	width: 100%;
	text-align: center;
	line-height: 48px;
	margin: 24px auto;
	background-color: #fff;

}

.btn-size-720 a {
	color: #003B8F;
	display: block;
	border-radius: 5px 0 5px 0;
	font-size: 1.6rem;
	font-weight: bold;
}
.btn-size-720 a:hover {
	background-color: #003B8F;
	color: #fff;
}

.btn-size-720-blue{
	width: 100%;
	text-align: center;
	line-height: 48px;
	margin: 32px auto;
	/*background-color: #003B8F;*/
	background-color: #333;
	max-width: 720px;
	margin: 24px auto;
}

.btn-size-720-blue a{
	color: #fff;
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	text-decoration: none;
}

.btn-size-720-blue a:hover {
	/*background-color: #fff;
	color: #003B8F;*/
	color:#FFF;
	text-decoration: none;
}

.btn-size-720-blue p{
	margin: 0;
}

.btn-size-450-big {
	max-width: 450px;
	width: 100%;
	text-align: center;
	line-height: 72px;
	margin: 32px auto;
	background-color: #fff;

}

.btn-size-450-big a {
	color: #003B8F;
	display: block;
	border-radius: 5px 0 5px 0;
	font-size: 1.6rem;
	font-weight: bold;
}
.btn-size-450-big a:hover {
	background-color: #003B8F;
	color: #fff;
}



.btn-size-450 {
	max-width: 450px;
	width: 100%;
	text-align: center;
	line-height: 48px;
	margin: 32px auto;
	background-color: #fff;

}

.btn-size-450 a {
	color: #003B8F;
	display: block;
	border-radius: 5px 0 5px 0;
	font-size: 1.6rem;
	font-weight: bold;
}
.btn-size-450 a:hover {
	background-color: #003B8F;
	color: #fff;
}

.btn-box-2type {
	width: 788px;
	margin: 0 auto;
}


.btn-size-360-big {
	max-width: 360px;
	width: 100%;
	text-align: center;
	line-height: 72px;
	margin: 32px auto;
	background-color: #fff;

}

.btn-size-360-big a {
	color: #003B8F;
	display: block;
	border-radius: 5px 0 5px 0;
	font-size: 1.6rem;
	font-weight: bold;
}
.btn-size-360-big a:hover {
	background-color: #003B8F;
	color: #fff;
}


.btn-size-360 {
	max-width: 360px;
	width: 100%;
	text-align: center;
	line-height: 48px;
	margin: 32px auto;
	background-color: #fff;

}

.btn-size-360 a {
	color: #003B8F;
	display: block;
	border-radius: 5px 0 5px 0;
	font-size: 1.6rem;
	font-weight: bold;
}
.btn-size-360 a:hover {
	background-color: #003B8F;
	color: #fff;
}


.btn-size-200 {
	max-width: 200px;
	width: 100%;
	text-align: center;
	line-height: 48px;
	margin: 32px auto;
	background-color: #fff;

}

.btn-size-200 a {
	color: #003B8F;
	display: block;
	border-radius: 5px 0 5px 0;
	font-size: 1.6rem;
	font-weight: bold;
}
.btn-size-200 a:hover {
	background-color: #003B8F;
	color: #fff;
}

.btn-white {
	background-color: #fff;
	
}

.btn-white a {
	color: #003B8F;
	display: block;
	font-size: 1.4rem;
	font-weight: bold;

}

.btn-white a:hover {
	color: #003B8F;
	font-size: 1.4rem;
	font-weight: bold;
	background-color: #fff;
	border-radius: 0;
}

/************btn-align************/

.btn-align-center-mg-0-auto {
	margin: 0 auto;
}

.btn-align-center {
	margin: 32px auto;
}

.btn-align-right {
	margin: 32px 32px 32px auto;
}

.btn-align-left {
	margin: 32px auto 32px 32px;
}

/************btn-align************/


/************pc-common-styles*************/


/*************footer-style*************/


#global-footer dt {
	font-size: 1.4rem;
	color: #333;
	
}

#global-footer .footer-top-left dl {
	padding-left: 38px;
	padding-top: 27px;
	padding-bottom: 21px;
}

#global-footer .footer-top-right dl {
	padding-right: 38px;
	padding-top: 27px;
	padding-bottom: 21px;
}

#global-footer dt a {
	color: #333;
}

#global-footer dd {
	font-size: 1.2rem;
	color: #a7a7a7;
}

#footer-main-wrap {
	background-color: #003B8F;
}

#footer-main {
	padding-top: 2px;
}

.footer-line {
	border-bottom: 1px solid #fff;
	line-height: 1;
	padding-top: 2px;
}

#footer-main-wrap,
#footer-main-wrap a {
	color: #fff;
}

.footer-main-right .f-b a {
	font-weight: bold;
}

.footer-main-right ul li a {
	border-bottom: 1px solid #fff;
}

.footer-main-right ul li {
	line-height: 1.8;
	text-align: right;
}

.footer-main-right ul {
	float: left;
	width: unset;
}

.footer-main-right ul + ul {
	margin-left: 15px;
}

.footer-main-left {
	float: left;
	width: 50%;
	padding-left: 32px;
	padding-top: 108px;
}

.footer-main-right {
	float: right;
	width: 50%;
	padding-left: 70px;
	padding-top: 56px;
	padding-bottom: 56px;
}

.footer-main-left-top {
	width: 100%;
	border-bottom: 2px solid #fff;
}

.footer-main-left-top .img-box {
	width: 124px;
	float: left;
}

.footer-main-left-top .img-box img {
	width: 124px;
	height auto;
	margin-top: 16px;
	
}

.footer-main-left-top .txt-box {
	float: left;
	display: inline-block;
}

.footer-main-left-top .txt-box p {
	font-size: 1.2rem;
	padding-left: 8px;
	padding-top: 21px;
	display: inline-block;
}
#search-wrap {
	position: relative;
}

#search-wrap input {
	border: none;
	display: block;
	width: 380px;
	border: 2px solid #fff;
	border-radius: 10px 0 10px 0;
	background-color: transparent;
	color: rgba(255, 255, 255, 1);
	font-size: 1.3rem;
	font-weight: bold;
	padding: 16px 0 16px 53px;
	line-height: 1;
	position: relative;
	margin-left: 64px;
	margin-top: 26px;
}



#search-wrap .pre-input {
	position: absolute;
	right: 38px;
	top: 2px;
	z-index: 1;
	display: inline-block;
	width: 47px;
	line-height: 45px;
	border-radius: 0 0 6px 0;
	text-align: center;

}
#search-wrap .fa-search {
	font-size: 3rem;
	color: #fff;
	padding-top: 8px;
	
}


/***********placeholder***********/
#search-wrap input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 1);
opacity: 1;
}

#search-wrap input::-moz-placeholder {
	color: rgba(255, 255, 255, 1);
opacity: 1;
}
:-ms-input-placeholder {
	color: rgba(255, 255, 255, 1);
opacity: 1;
}


/***********placeholder***********/

#foot-copy {
	text-align: center;
	font-size: 1.2rem;
	line-height: 1;
	padding: 2px 0;
}


/*------fix-foot-------*/

.display-demo-footer {
    display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 998;
}
.display-demo-footer-table {
	width: 100%;
	display: table;
	table-layout auto;
	
}

.display-demo-footer-table .tel-link,
.display-demo-footer-table .demo-link {
	display: table-cell;
	height: 56px;
	/*height: 48px;*/
	vertical-align: top;
	overflow: hidden;
}
.display-demo-footer-table .scroll-btn {
	width: 60px;
	text-align: center;
	line-height: 1;
	background-color: rgba(0,59,143,0.9);
	height: 56px;
	/*height: 48px;*/
	margin-right: -60px;
}
.display-demo-footer-table .scroll-btn a {
	display: block;
	width: 100%;
	height: 56px;
	/*height: 48px;*/

}
.display-demo-footer-table .scroll-btn i {
	font-size : 26px;
	color: #fff;
	margin-top: 8px;
	/*margin-top: 4px;*/
	margin-bottom: -4px;
}

.display-demo-footer-table .scroll-btn span {
	font-family: 'bankgothic_md_bt', sans-serif;
	font-size : 16px;
	color: #fff;
	display: iline-block;
}

.display-demo-footer-table .tel-link a {
	display: block;
	color: #fff;
	text-align: center;
	background-color: rgba(0,59,143,0.9);
	width: 100%;
	height: 56px;
	/*height: 48px;*/
}


.display-demo-footer-table .tel-link a {
	padding-top: 8px;
	/*padding-top: 7px;*/
}
.display-demo-footer-table .tel-link {
	width: 100%;
	border-right: 2px solid transparent;
}
.display-demo-footer-table .tel-link i {
	font-size: 20px;
	/*font-size: 18px;*/
	margin-right: 5px;
}
.display-demo-footer-table .tel-link span {
	vertical-align: baseline;
	font-size: 20px;
	/*font-size: 18px;*/
	line-height: 1;
	display: inline-block;
}

.display-demo-footer-table .tel-link .tel-info {
	display: inline-block;
	font-size: 12px;
	/*font-size: 11px;*/
	width: 100%;
}

/*------fix-foot-------*/


/*************footer-style*************/

/*************form-style*************/
/*reset*/
input[type="text"],
input[type="tel"],
input[type="email"],
textarea,
select {
	border: none;
	background-color: transparent;
}

input[type="submit"] {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border: none;
background-color: transparent;
}
/*reset*/

.form-container input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.3);
opacity: 1;
}

.form-container input::-moz-placeholder {
	color: rgba(0, 0, 0, 0.3);
opacity: 1;
}
.form-container input:-ms-input-placeholder {
	color: rgba(0, 0, 00, 0.3);
opacity: 1;
}

.form-container textarea::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.3);
opacity: 1;
}

.form-container textarea::-moz-placeholder {
	color: rgba(0, 0, 0, 0.3);
opacity: 1;
}
.form-container textarea:-ms-input-placeholder {
	color: rgba(0, 0, 00, 0.3);
opacity: 1;
}


.question-ttl {
	background-color: #f2dede;
	border: 1px solid #eed3d7;
	padding: 10px;
	text-align: center;
	border-radius: 3px;
	margin-bottom: 40px;
}

.question-ttl h2 {
	color: #cc0e00;
	font-size: 1.4rem;
	font-weight: bold;
}

.form-input-type-checkbox {
	margin-bottom: 30px;
}
.form-input-type-select {
	margin-bottom: 16px;
}

.form-input-type-select .ttl-box {
	float: left;
	width: 44%;
}

.form-input-type-select .ttl-box h3 {

font-size: 1.6rem;
    font-weight: bold;
    margin-top: 7px;
}
.form-input-type-select .input-wrap-select {
	float: left;
	width: 56%;
}

.txt-check .ttl-box h3,
.check-txt .ttl-box h3,
.radio-txt-radio .ttl-box h3,
.form-input-type-checkbox .ttl-box h3 {
	font-size: 1.6rem;
	line-height: 32px;
	font-weight: bold;
}

.textarea-wrap,
.txt-check,
.check-txt,
.radio-txt-radio + .radio-txt-radio {
	margin-top: 30px;
}

.check-txt ul li + li {
	/*margin-top: 16px;*/
}

.form-input-type-checkbox ul li {
	font-size: 14px;
	line-height: 28px;
	width: 25%;
	float: left;
}

.form-input-type-checkbox ul li + li {
	/*margin-top: 16px;*/
}

.txt-check .check-box p {
	float: left;
	width: 50%;
}

.txt-check .check-box p + p {
		margin-bottom: 16px;

}

.txt-check .col44-66 .col-44 {
	width: 44%;
	float: left;

}

.txt-check .col44-66 .col-44 .check-box {
	padding-top: 7px;
}

.txt-check .col44-66 .col-56 {
	width: 56%;
	float: left;
}

.txt-check .col44-66 .col-56 input[type="text"] {
	width: 100%;
}

.input-txt-list {
	margin-top: 32px;
	margin-bottom: 40px;
}

.input-txt-list li + li {
	margin-top: 20px;
}


.form-input-type-txt-100 p {
	font-size: 1.6rem;
	font-weight: bold;
	display: inline-block;
	width: 44%;
	float: left;
	margin-top: 7px;

}

.input-txt-list .input-wrap-txt {
	float: left;
	width: 56%;
	
}

.check-txt .ckeck-box p {
	display: inline-block;
	width: 44%;

}

.autozip span {
	display: inline-block;
	width: 39%;
	font-size: 1.6rem;
	font-weight: bold;

}

.autozip > p {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 16px;
}

.consent-wrap {
	margin-top: 30px;
}

.consent-wrap .ttl-box h3 {
	text-align: center;
	font-weight: bold;
	font-size: 1.6rem;
}

.consent-wrap .consent-txt-box {
	overflow-y: scroll;
	height: 194px;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(200, 200, 200, 0.4) inset;
	font-size: 1.4rem;
	margin-top: 5px;
	padding: 10px 70px;
}

.consent-wrap .consent-txt-box::-webkit-scrollbar {
	display: none;
}

.consent-wrap .consent-txt-box p {
	line-height: 28px;
	margin-bottom: 28px;
	padding-left: 14px;
}

.consent-wrap .consent-txt-box span {
	margin-left: -14px;
}

.form-bdr {
	border-top: 1px solid #979797;
	margin-top: 42px;
	width: 870px;
	margin-right: auto;
	margin-left: auto;

}

.consent-checkbox ul {
	width: 360px;
	margin: 30px auto 54px;
}

.consent-checkbox ul li {
	/*width: 50%;
	float: left;*/
	text-align: center;
	
}

.textarea-wrap .ttl-box h3 {
	font-size: 1.6rem;
	font-weight: bold;
}
.textarea-wrap .ttl-box {
	margin-bottom: 16px;
}

/**********demo***********/

.col44-56 {
	margin-top: 16px;
}

.col44-56 .col-44 {
	width: 44%;
	float: left;
}


.col44-56 .col-56 {
	width: 56%;
	float: left;
}

.pf-date .pf-date-table-wrap + .pf-date-table-wrap {
	margin-top: 10px;
}

.pf-date-table-wrap {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.pf-date-table-wrap .table-head,
.pf-date-table-wrap .table-cell-mon,
.pf-date-table-wrap .table-cell-day,
.pf-date-table-wrap .table-cell-time {
	display: table-cell;
}
.pf-date-table-wrap .table-head h3 {
	position: relative;

}
.pf-date-table-wrap .table-head h3:before {
	position: absolute;
	left: -50px;
	top: -2px;
}



.pf-date-table-wrap .table-head h3,
.pf-date-table-wrap .table-cell-mon span,
.pf-date-table-wrap .table-cell-day span,
.pf-date-table-wrap .table-cell-time span {
	font-size: 1.4rem;
	font-weight: bold;
}


.pf-date-table-wrap .table-cell-time select {	
	display: inline-block;
	/*max-width: 240px;*/
	width: 100%;
	margin: 0 auto;
	border: 1px solid #bfbfbf;
	border-radius: 3px;
	text-align: left;
	font-weight: bold;
	color: #333;
	font-size: 1.6rem;
	padding: 7px 10px;
	
}

.pf-date-table-wrap .table-cell-mon select,
.pf-date-table-wrap .table-cell-day select {
	display: inline-block;
	/*max-width: 240px;*/
	width: calc(100% - 30px);
	margin: 0 auto;
	border: 1px solid #bfbfbf;
	border-radius: 3px;
	text-align: left;
	font-weight: bold;
	color: #333;
	font-size: 1.6rem;
	padding: 7px 10px;

}

.radio-txt-wrap {
	margin-bottom: 16px;
}

.radio-txt-wrap .radio-txt-box + .radio-txt-box {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #eee;
}

.radio-txt-wrap .radio-txt p {
	display: inline;
	font-weight: bold;
}
.col-44 h3,
.col-44 .ttl-box h3,
.radio-txt-wrap .radio-txt p label {
	font-weight: bold;
	font-size: 1.6rem;
}

.radio-txt-wrap .radio-txt p label span {
	display: inline-block;
	padding-left: 16px;
	margin-bottom: 10px;
}

.radio-txt-wrap .radio-txt span {
	display: block;
}
.check-box-list-wrap100 ul li {
	margin-bottom: 16px;
}


/**********demo***********/

.submit-btn input[type="submit"] {
	text-align: center;
	display: block;
	width: 450px;
	margin: 0 auto 54px;
	border: 2px solid #003B8F;
	border-radius: 10px 0 10px 0;
	line-height: 72px;
	background-color: #fff;
	color: #003B8F;
	font-size: 1.6rem;
	font-weight: bold;
}

.submit-btn input[type="submit"]:hover {
	background-color: #003B8F;
	color: #fff;
}

.req-ttl-br-span {
	font-weight: bold;
	margin-left: 3em;
}

.req-ttl:before {
	content: "必須";
	color: #fff;
	background-color: #ff0000;
	border-radius: 4px;
	display: inline-block;
	margin-right: 5px;
	line-height: 24px;
	font-size: 16px;
	padding: 0 5px;
	font-weight: bold;
}

.any-ttl:before {
	content: "任意";
	color: #333;
	background-color: #bbb;
	border-radius: 4px;
	display: inline-block;
	margin-right: 5px;
	line-height: 24px;
	font-size: 16px;
	padding: 0 5px;
	font-weight: bold;
}
.textarea-wrap textarea {
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(200, 200, 200, 0.4) inset;
	padding: 10px;
	font-size: 1.4rem;
	display: block;
	width: 100%;
	margin-top: 5px;
	height: 165px;
}
.txt-check input[type="text"],
.check-txt input[type="text"],
.radio-txt-radio input[type="text"] {
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(200, 200, 200, 0.4) inset;
	padding: 10px;
	font-size: 1.4rem;
	display: inline-block;
	width: 55%;
	margin-top: 5px;
}



.input-txt-list .form-input-type-txt-100 input[type="text"],
.input-txt-list .form-input-type-txt-100 input[type="tel"],
.input-txt-list .form-input-type-txt-100 input[type="email"] {
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(200, 200, 200, 0.4) inset;
	padding: 10px;
	font-size: 1.4rem;
	display: inline-block;
	width: 100%;
	/*margin-top: 5px;*/

}
.form-container .input-size-30 input[type="text"],
.form-container .input-size-30 input[type="tel"],
.form-container .input-size-30 input[type="email"] {
	width: 30%;
	margin-bottom: 16px;
}

.form-container .input-size-50 input[type="text"],
.form-container .input-size-50 input[type="tel"],
.form-container .input-size-50 input[type="email"] {
	width: 50%;
	margin-bottom: 16px;
}
.form-container .autozip .input-wrap-txt {
	/*margin-top: 16px;*/
}


.radio-txt-radio input[type="text"] {
	margin-bottom: 5px;
}

.input-wrap-select {
	width: 240px;
	position: relative;
}

.input-wrap-select label {
	position: absolute;
	right: 20px;
	top: 20px;
	border: 6px solid transparent;
	border-top: 6px solid #333;
}
.input-wrap-select select {
	display: inline-block;
	/*max-width: 240px;*/
	width: 100%;
	margin: 0 auto;
	border: 1px solid #bfbfbf;
	background-color: #ebebeb;
	border-radius: 3px;
	text-align: left;
	font-weight: bold;
	color: #333;
	font-size: 1.4rem;
	padding: 10px;
}

.input-wrap-select option {
	background-color: #fff;
}

/**************confirm**************/

.confirm-list {
	margin-bottom: 54px;
	margin-top: 54px;
}

.confirm-list li + li {
	margin-top: 32px;
	padding-top: 10px;
	border-top: 1px solid #ccc;

}

.confirm-list li .ttl-box {
	margin-bottom: 5px;
}

.confirm-list li .ttl-box h2 {
	font-size: 1.6rem;
	font-weight: bold;

}
.confirm-list li .txt-box {
	margin-bottom: 32px;
}

.confirm-list li .txt-box p {
	padding-left: 160px;
}

.confirm-list li .txt-box span {
	font-size: 1.6rem;
	font-weight: bold;
	/*margin-right: 16px;*/
	display: inline-block;
	width: 33%;
	margin-left: -160px;

}


/**************confirm**************/

/*************error**************/
.error-list {
	width: 100%;
	margin: 30px auto;
	background-color: #eee;
	padding: 10px 14px;
}

.error-list p {
	font-weight: bold;
	line-height: 2;

}
/*************form-style*************/

/*************contact-tel*************/
.txt-box-contact-tel{
    position: relative;
}
.wrap-contact-tel{
    position: absolute;
    top: -80px;
    right:12px;
}
.wrap-contact-tel span{
    line-height: 1.4;
    font-size: 1.2rem;
    padding: 6px;
    margin-right: 12px;
    width: 270px;
    display:inline-block;
    vertical-align: middle;
    color: #333;
}
.wrap-contact-tel a{
    line-height: 1.4;
    border: 1px solid #4285f4;
    background-color: #4285f4;
    display: inline-block;
    padding: 8px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    color: #fff;
    text-align: center;
    text-decoration: none;
}
.wrap-contact-tel a:hover{
    text-decoration: underline;
    
}

/*************form-product-img*************/
.form-product-img{
    margin: 12px auto 0;
    text-align:center;
}

.form-product-img img{
    width:70%;
}
/*************form-product-img*************/

/*************recommend-demo*************/
.recommend-demo{
    margin:12px auto !important;
    padding: 16px;
    
}

.recommend-demo .ttl-recommend{
    font-size:20px;
    font-size:2.0rem;
    font-weight: bold;
    text-align: center;
    /*border-bottom: 1px solid #003B8F;*/
    margin-bottom: 6px;
}

.recommend-demo .list-recommend{
}

.recommend-demo .list-recommend li{
    font-size:16px;
    font-size:1.6rem;
}

.recommend-demo .list-recommend li i{
    margin-right: 6px;
    font-size:14px;
    font-size:1.4rem;
}
/*************recommend-demo*************/

/*************contact-tel*************/

/*************check-request-doc-product*************/

.check-request-doc-product li{
    width: 33.33333% !important;
    margin-bottom: 6px;
}

.check-request-doc-product li .input-wrap-checkbox{
    width: 80%;
    margin: 0 auto;
}



.check-request-doc-product li img{
    width: 100%;
    display: inline-block;
}

.check-request-doc-product li.lst-check-request-doc-product-col2{
    width: 66.666666% !important;
}
.check-request-doc-product li.lst-check-request-doc-product-col2 .input-wrap-checkbox{
    width: 90%;
}

/*************check-request-doc-product*************/

.whitepaper-list {
    margin-top: 54px;
}

.whitepaper-list .col2-left-right-img .left-img-box .txt-box .ttl-box h3 {
    font-size: 2.0rem;
}

}/*****************************
			PC-view-end
******************************/
.nav-tabs > li > a {
    font-size: 14px;
    color: #175349;
}


@media screen and (max-width: 767px) {

.clear-block:after,
.clear-block:before {
	
}
.sp_hidden {
	display: none!important;
}
#breadcrumb {
	display: none!important;
}

button.btn.btn-primary.btn-large.btn-stat-download {
    background-color: #333;
    border-color: #000;
}

.grid:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	overflow: hidden;
}

.bg-g {
	background-color: #f3f3f3;
}

.bg-b {
	background-color: #003B8F;
}

.page main,
.single main {
	margin-top: 54px;
}

.h100 {
	min-height: 100%!important;
	z-index: -1;
	overflow: hidden;
}

.pd-off {
	padding: 0;
}



.pd-on-top-btm-28 {
	padding-top: 28px;
	padding-bottom: 28px;
}
.pd-on-top-btm-32 {
	padding: 32px 0;
}

.pd-on-top-54-btm-32 {
	padding-top: 54px;
	padding-bottom: 32px;
}
.mg-on-top-54 {
	margin-top: 54px;
}


#global-header {
	padding-bottom: 64px;
}

#global-header .container-1024 {
	position: relative;
	z-index: 1000;
}


.menu-btn {
	position: absolute;
	top: 8px;
	right: 20px;
	width: 42px;
	z-index: 2000;
}

.chg .menu-btn {
	position: fixed;
}


.menu-btn .menu-txt {
	font-size: 12px;
	text-align: center;
	letter-spacing: -1px;
	display: block;
	color: #003B8F;
	font-family: 'bankgothic_md_bt', sans-serif;
	
}
#global-header .img-box {
	padding-top: 8px;
	padding-left: 8px;
	padding-bottom: 8px;
	border-bottom: 2px solid #003B8F;
	background-color: rgba(255, 255, 255, 0.2);
	width: 100%;
	height: 64px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

#global-header .chg {
	position: fixed;
}

#global-header .chg {
	border-bottom: 2px solid #fff;
}

#global-header .img-box img {
	display: block;
	height: auto;
	vertical-align: middle;
	width: 143px;
	z-index: 2000;
	margin-top: 10px;
}

#head-logo {
	width: 143px;
	height: 48px;
}

.chg #head-logo path {
	fill: #fff!important;
}

.menu-btn .bar-01,
.menu-btn .bar-02,
.menu-btn .bar-03 {
	background-color: #003B8F;
	width: 31px;
	height: 5px;
	margin-bottom: 5px;
	margin-right: auto;
	margin-left: auto;
	transition: 0.4s;
	display: block;
}

.menu-btn .bar-03 {
	margin-bottom: 0;
}

#head-menu {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #003B8F;
	width: 100%;
	height: 100%;
	z-index: 999;
	/*overflow: hidden;*/
	
}




/*action*/
#global-header .rtt .menu-txt {
	color: #fff;
}

#global-header .rtt .bar-03 {
	transform: rotate(-45deg);
	transform-origin: 0% 0%;
	transition: 0.4s;
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin: 0% 0%;
	-webkit-transition: 0.4s;
	width: 27px;
	margin-left: 10px;
	/*border-radius: 2px;*/
	background-color: #fff;
}

#global-header .rtt .bar-01 {
	transform: rotate(45deg);
	transform-origin: 0% 100%;
	transition: 0.4s;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: 0% 100%;
	-webkit-transition: 0.4s;
	width: 27px;
	margin-left: 10px;
	/*border-radius: 2px;*/
	background-color: #fff;

}

#global-header .rtt .bar-02 {
	opacity: 0;
	transition: 0.2s;
	-webkit-transition: 0.2s;
}

.toggle-inner {
	display: none;
	text-align: center;
	padding-top: 25%;
	line-height: 34px;
	color: #fff;
	font-size: 1.4rem;

}

.toggle-inner a {
	color: #fff;
	font-size: 1.4rem;

}

#head-info p {
	line-height: 1.6;
	font-size: 1.4rem;
}

#head-info p a {
	font-weight: bold;
	font-size: 1.4rem;
	
}


.head-line {
	border-top: 2px solid #fff;
	width: 34%;
	margin: 8px 33% 18px;
}

/*action*/

/*********firstview*********/


#firstview {
	height: 570px;
	position: relative;
	border-bottom: 4px solid #003B8F;
	margin-bottom: 85px;
}

#firstview .container-100 {
	/*background-color: rgba(0, 0, 0, 0.4);*/
	background-image: url("./images/sp/spfv01.png");
	background-position: center center;
	background-size: cover;
	
}

#firstview .top-first-title-info-wrap {
	position: relative;
	height: 568px;
}

#firstview #top-first-title {
	position: absolute;
	top: 30%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	border-radius: 50%;
	border: 4px solid #003B8F;
	width: 260px;
	height: 260px;
	background-color: #fff;
	text-align: center;
	line-height: 1.2;
	animation: bounce 2.4s ease-in-out;
}

@keyframes bounce {
  0% { transform: scale(0.0); visibility:hidden; }
  70% { transform: scale(0.0); visibility:hidden; }
  90% { transform: scale(1.0); }
  100% { transform: scale(1.0); }
}


#firstview #top-first-title .inner-wrap {
	position: relative;
	width: 100%;
	height: 100%;
}

#firstview #top-first-title h1 {
	color: #0062a0;
	font-size: 1.8rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
		width: 100%;
	font-weight: bold;


}

#firstview .top-info-area-sem {
	position: absolute;
	top: 100%;
	left: 0;
	max-width: 634px;
}

#firstview .top-info-area-data {
	position: absolute;
	right: 0;
	bottom: 10px;
}

#firstview .info-list-wrap .col_2 {
	background-color: #003B8F;
	border-radius: 10px 0 0 0;
	height: 35px;
}

#firstview .info-list-wrap .col_2 .post-date-time {
	color: #fff;
	font-weight: bold;
	font-size: 1.4rem;
	padding-top: 10px;
	padding-left: 15px;
	display: block;
}

#firstview .info-list-wrap .col_10 {
	background-color: #f9f9f9;
	padding: 12px 12px 12px 6px;
	line-height: 28px;

}
#firstview .info-list-wrap .col_10 p {
	
}

#firstview .info-list-wrap .post-excerpt a {
	color: #333;
	font-size: 1.4rem;
}

#firstview .top-info-area-data .info-list-wrap li + li {
	margin-top: 4px;
}

/*#firstview .top-info-area-data .area-data-wrap {
	transform: translateX(50%);
	
}*/

#firstview .top-info-area-data .open {
	transform: translateX(2%);
	transition: .3s;
}



#firstview .top-info-area-data .area-data-wrap {
	border: 1px solid #fbb428;
	border-radius: 10px 0 0 0;
	width: 252px;
	overflow: hidden;
}
#firstview .top-info-area-data .area-data-wrap .tab {
	background-color: #fbb428;
	color: #fff;
	border-radius: 8px 0 0 0;
	height: 96px;
	position: relative;
	float: left;
	width: 8.33333%;
}

#firstview .top-info-area-data .area-data-wrap .tab .new {
	font-weight: bold;
	font-size: 1.2rem;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(-90deg);
	-webkit-transform: translate(-50%, -50%) rotate(-90deg);
	-moz-transform: translate(-50%, -50%) rotate(-90deg);
	-ms-transform: translate(-50%, -50%) rotate(-90deg);
	-o-transform: translate(-50%, -50%) rotate(-90deg);

	width: 30px;
	line-height: 16px;
	
}
#firstview .top-info-area-data .area-data-wrap .txt-box {
	color: #003B8F;
	position: relative;
	background-color: #fff;
	height: 96px;
	float: left;
	width: 91.6667%;

}
#firstview .top-info-area-data .area-data-wrap .txt-box h2 {
	font-size: 1.4rem;
	margin-left: 12px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;

}

#firstview .top-info-area-data .area-data-wrap .txt-box p {
	font-size: 1.2rem;
	margin-left: 12px;
	border-top: 2px solid #003B8F;
	padding: 12px 5px 10px;
}

#firstview .top-info-area-data .area-data-wrap .txt-box .arrow {
	color: #003B8F;
	position: absolute;
	right: 5px;
	bottom: 0;
}

#firstview .top-info-area-data .area-data-wrap .txt-box .arrow i {
	font-size: 1.8rem;
	font-weight: bold;
}


/*********firstview*********/

/*********first-btm*********/
.container-1024 .top-first-img-box {
	margin: 54px auto 54px;
	overflow: hidden;
	position: relative;
	height: 334px;
}
.container-1024 .top-first-img-box img {
	display: block;
	margin: 0 auto;
	position: absolute;
	top: 104px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);

}

.top-first-block {
	padding: 0 10px;
}
.top-first-block h2,
.top-first-block p {
	text-align: center;
}

.top-first-block p {
	line-height: 28px;
}

.top-first-block h2 {
	font-size: 1.8rem;
	color: #003B8F;
	border-bottom: 3px solid #003B8F;
}



.top-first-block h2 span {
	font-size: 3.6rem;
	font-family: 'bankgothic_md_bt', sans-serif;
}

.top-first-block .detail {
	padding: 22px 5px 0;
	line-height: 32px;
	font-size: 1.6rem;
}


.link-box-4-wrap {
	width: 100%;
	margin: 70px auto;
}

.link-box-4-wrap > div {
	padding: 0 9px;
}

.link-box-4-wrap > div + div {
	margin-top: 16px;
}

.link-box-4-wrap > div p {
	padding: 8px 6px;
	position: relative;
	overflow: hidden;
}

.link-box-4-wrap > div p:before {
	content: "";
	background-color: #003B8F;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	width: 22px;
	height: 100%;
	border-radius: 0 0 5px 0;
	z-index: -1;
	
}

.link-box-4-wrap > div p:after {
	content: "";
	display: inline-block;
	position: absolute;
	right: 6px;
	top: 50%;
	width: 14px;
	height: 14px;
	border-right: 6px solid #fff;
	border-bottom: 6px solid #fff;
	transform: translateY(-50%) rotate(-45deg);
	z-index: 2;
}



.link-box-4-wrap .link-box-4-btn-head {
	font-size: 1.2rem;
	display: block;
	font-weight: bold;
}

.link-box-4-wrap .link-box-4-btn-detail {
	font-size: 1.6rem;
	display: block;
	font-weight: bold;
}


/*********first-btm*********/

/*********top-case-style*********/

.section-block {
	border-bottom: 6px solid #003B8F;
	color: #003B8F;
	position: relative;
	line-height: 66px;
}

.section-block h2 {
	padding-left: 50px;
	font-size: 1.8rem;
	
}

.section-block i {
	position: absolute;
	left: 10px;
	top: 15px;
	font-size: 3.6rem;
}


.section-block h2 span {
	border-bottom: 2px solid #003B8F;
	font-weight: bold;
}

.section-block-100-960 {
	border-bottom: 6px solid #003B8F;
}

.section-block-100-960 .container-960 {
	position: relative;
	color: #003B8F;
	line-height: 66px;

}

.section-block-100-960 .container-960 h2 {
	padding-left: 50px;
	font-size: 1.8rem;
	
}

.section-block-100-960 .container-960 i {
	position: absolute;
	left: 10px;
	top: 15px;
	font-size: 3.6rem;
}

.section-block-100-960 .container-960 h2 span {
	border-bottom: 2px solid #003B8F;
	font-weight: bold;
}

.case-box-4 {
	margin-bottom: 64px;
}

.section-block-case .case-txtbox {
	text-align: center;
	padding-bottom: 24px;
	padding-right: 10px;
	padding-left: 10px;
}

.section-block-case .case-txtbox h3 {
	font-size: 1.8rem;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 10px;
	
}

.section-block-case .case-txtbox p {
	font-size: 1.4rem;
	line-height: 32px;
}


.case-box-4 ul .case-box-4-wrap {
	padding: 0 10px 20px;
}

.case-box-4 ul .case-box-4-wrap > div {
	padding: 20px 20px 0 20px;
	position: relative;
	height: 280px;
}

.case-box-4 ul .case-box-4-wrap > div h4 {
	font-size: 1.8rem;
	padding-bottom: 10px;
	border-bottom: 2px solid #333;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 20px;
}

.case-box-4 ul .case-box-4-wrap > div p {
	line-height: 2;
	
}

.case-box-4 ul .case-box-4-wrap > div span {
	position: absolute;
	right: 0;
	bottom: 0;
	display: inline-block;
	background-color: #003B8F;
	text-align: center;
	line-height: 42px;
	width: 142px;
	border-radius: 10px 0 5px 0;
}

.case-box-4 ul .case-box-4-wrap > div span a {
	color: #fff;
	font-weight: bold;
	display: block;
}

.latest-info-txt-box h3 {
	display: inline-block;
	border-bottom: 2px solid #333;
	margin-bottom: 10px;
}

.latest-info-txt-box h3 a {
	font-size: 1.6rem;
	font-weight: bold;
	color: #333;
}

.latest-info-txt-box p {
	line-height: 2;
}

.latest-info-txt-box .post-date-time {
	color: #003B8F;
}

.latest-info-txt-box .post-link {
	font-weight: bold;
}
.latest-info-txt-box .post-link a {
	border-bottom: 2px solid #333;
	color: #333;
	font-weight: bold;
}

.latest-info-txt-box {
	padding: 35px 10px;
}



/*********top-case-style*********/

/*********top-training-style*********/

.top-training-info-wrap {
	background-color: #ccc;
	margin-bottom: 65px;
}

.top-training-info-wrap .col_7 p {
	padding: 40px 10px;
}


.section-block-support {
	margin-bottom: 65px;
}

.section-block-support .case-box-4-inner {
	position: relative;

}

.section-block-support .case-box-4-inner .icon-q {
	position: absolute;
	right: 0;
	top: 10px;
	display: inline-block;
	width: 42px;
	height: 42px;
	text-align: center;
	font-size: 2.6rem;
	color: #003B8F;
	border: 2px solid #003B8F;
	border-radius: 50%;
	vertical-align: middle;
}

.section-block-support .case-box-4-inner .icon-user i {
	position: absolute;
	right: 0;
	top: 15px;
	width: 42px;
	height: 42px;
	text-align: center;
	color: #003B8F;
	vertical-align: middle;
	font-size: 3.6rem;
}

.section-block-support .top-support-wrap li:nth-child(2n+2) {
	position: relative;
}

.section-block-support .top-support-wrap li:nth-child(2n+2):before {
	content: "";
	display: block;
	border-left: 2px solid #003B8F;
	height: 210px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	margin: 20px 0;
}

.top-support-wrap .top-support-inner {
	padding: 0 20px;
}

.top-support-wrap .top-support-inner p {
	padding-top: 20px;
}

.section-block-support .case-box-4-inner h4 {
	border-bottom: 2px solid #003B8F;
	color: #333;
	font-size: 1.8rem;
	padding: 25px 0 20px;
	line-height: 1;
	font-weight: bold;
}


/*********top-training-style*********/

/*********top-bnr-style**********/
.section-block-top-bnr {
	margin-bottom: 65px;

}
.section-block-top-bnr-wrap li {
	padding: 10px;
	
}

.section-block-top-bnr-wrap .section-block-top-bnr-inner {
	padding: 20px;
	border-radius: 0 10px 0 10px;
}

.section-block-top-bnr-wrap li h3 {
	color: #fff;
	text-align: center;
	font-size: 1.8rem;
	border-bottom: 2px solid #fff;
	font-weight: bold;
	padding: 20px 0;
}

.section-block-top-bnr-wrap li .detail {
	font-size: 1.3rem;
	color: #fff;
	padding-top: 10px;
	padding-bottom: 50px;
}


/*********top-bnr-style**********/

/*********top-product-style**********/

.section-block-top-product {
	padding: 44px 0;
}

.section-block-top-product h2 {
	font-size: 4.2rem;
	text-align: center;
	border-bottom: 4px solid #003B8F;
	line-height: 1;
	padding: 10px 0;
	margin: 0 10px;
}

.section-block-top-product .container-775 p {
	font-weight: bold;
	font-size: 1.6rem;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 10px;
}

.section-block-top-product .img-box {
	position: relative;
	height: 285px;
	overflow: hidden;
	background-color: #f3f3f3;
}

.section-block-top-product .img-box:after {
	content: "";
	width: 100%;
	height: 100%;
	z-index: 10;
	position: absolute;
	left: 0;
	top: 0;
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,0) 80%, rgba(255,255,255,1) 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 80%,rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 20%,rgba(255,255,255,0) 80%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}
.section-block-top-product .img-box img {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%);
	z-index: 9;
	
}

.section-block-top-product .txt-box p {
	line-height: 32px;
	padding: 20px 10px;
}


/*********top-product-style**********/
/*********top-product-style**********/

/*************zero3box**************/



/***************first-view***************/


/**************head-bg**************/



/**************head-bg**************/

/***************btm-bnr-margin**************/



/***************btm-bnr-margin**************/

/*************homesection**************/


/*************company-area**************/

/*************company-area**************/

/*************newsfeed**************/



/*************newsfeed************/



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

.ff-bg {
	font-family: 'bankgothic_md_bt', sans-serif;

}

.ft-red {
	color: #ff4444;
}

.line-btm {
	color: #ff4444;
	display: inline;
	border-bottom: 2px solid #ff4444;
	
}

.center {
	text-align: center;
}

.bdrd-line-1 {
	border-radius: 10px 0 10px 0;
	border: 1px solid #003B8F;
}

/*
.bdrd-line-2 {
	border-radius: 10px 0 10px 0;
	border: 2px solid #003B8F;
}
*/
.bdrd-line-2 {
    border: 1px solid #003B8F;
    box-shadow: 0px 3px 15px rgba(0,0,0,0.2);
}

.btn-size-720 {
	max-width: 720px;
	width: 100%;
	text-align: center;
	line-height: 48px;
	margin: 24px auto;
	background-color: #fff;

}

.btn-size-720 a {
	color: #003B8F;
	display: block;
	border-radius: 5px 0 5px 0;
	font-size: 1.6rem;
	font-weight: bold;
}
.btn-size-720 a:hover {
	background-color: #003B8F;
	color: #fff;
}

.btn-size-720-blue{
	/*background-color: #003B8F !important;*/
}

.btn-size-720-blue a{
	color: #fff !important;
}

.btn-size-720-blue a:hover {
	background-color: #fff !important;
	/*color: #003B8F !important;*/
}

.btn-size-720-blue p{
	margin: 0;
}


.btn-size-450 {
	max-width: 450px;
	width: 100%;
	text-align: center;
	line-height: 48px;
	margin: 32px auto;
	background-color: #fff;

}

.btn-size-450 a {
	color: #003B8F;
	display: block;
	border-radius: 5px 0 5px 0;
	font-size: 1.6rem;
	font-weight: bold;
}
.btn-size-450 a:hover {
	background-color: #003B8F;
	color: #fff;
}




.btn-box-2type {
	width: 100%;
	margin: 0 auto;
}

.btn-size-360 {
	max-width: 360px;
	width: 100%;
	text-align: center;
	line-height: 48px;
	margin: 32px auto;
	background-color: #fff;

}

.btn-size-360 a {
	color: #003B8F;
	display: block;
	border-radius: 5px 0 5px 0;
	font-size: 1.6rem;
	font-weight: bold;
}
.btn-size-360 a:hover {
	background-color: #003B8F;
	color: #fff;
}


.btn-size-200 {
	max-width: 200px;
	width: 100%;
	text-align: center;
	line-height: 48px;
	margin: 32px auto;
	background-color: #fff;

}

.btn-size-200 a {
	color: #003B8F;
	display: block;
	border-radius: 5px 0 5px 0;
	font-size: 1.6rem;
	font-weight: bold;
}
.btn-size-200 a:hover {
	background-color: #003B8F;
	color: #fff;
}

.btn-white {
	background-color: #fff;
	
}

.btn-white a {
	color: #003B8F;
	display: block;
	font-size: 1.4rem;
	font-weight: bold;

}

.btn-white a:hover {
	color: #003B8F;
	font-size: 1.4rem;
	font-weight: bold;
	background-color: #fff;
	border-radius: 0;
}

/************btn-align************/

.btn-align-center-mg-0-auto {
	margin: 0 auto;
}

.btn-align-center {
	margin: 32px auto;
}

.btn-align-right {
	margin: 32px 32px 32px auto;
}

.btn-align-left {
	margin: 32px auto 32px 32px;
}

/************btn-align************/

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






/**********footerstyle***********/
#footer-main-wrap {
	background-color: #003b8f;
	padding-top: 20px;
	padding-bottom: 30px;
}

#global-footer-top dd {
	display: none;
}

#global-footer-top dt {
	text-align: center;
	color: #333;
}

#global-footer-top dt a {
	color: #333;
}

#global-footer-top .footer-top-left dt {
	padding: 18px 0;
}

#global-footer-top .footer-top-right dt {
	padding: 8px 0 16px;
}

#global-footer-top .footer-top-right dt a {
	display: block;
}

.footer-main-left-top .img-box,
.footer-main-left-top .txt-box {
	text-align: center;
}

.footer-main-left-top .txt-box {
	width: 300px;
	margin: 0 auto;
	font-size: 12px;
	color: #fff;
}

.footer-main-left-top .img-box img {
	width: 124px;
}


.footer-main-left-top {
	border-bottom: 2px solid #fff;
	width: 300px;
	margin: 0 auto;
	
}

#search-wrap {
	position: relative;
	width: 300px;
	margin: 0 auto;
}

#search-wrap input {
	border: none;
	display: block;
	width: 300px;
	border: 2px solid #fff;
	border-radius: 10px 0 10px 0;
	background-color: transparent;
	color: rgba(255, 255, 255, 1);
	font-size: 1.3rem;
	font-weight: bold;
	padding: 16px 0 16px 53px;
	line-height: 1;
	position: relative;
	margin: 22px auto;
}



#search-wrap .pre-input {
	position: absolute;
	right: 12px;
	top: 2px;
	z-index: 1;
	display: inline-block;
	width: unset;
	line-height: 45px;
	border-radius: 0 0 6px 0;
	text-align: center;

}
#search-wrap .fa-search {
	font-size: 3rem;
	color: #fff;
	padding-top: 8px;
	
}




/***********sp-block-styles***********/

[class*="block-corner"] {
	padding: 54px 32px 10px;
	height: auto;
	margin-bottom: 54px;
}

[class*="block-corner"] .txt-box h1,
[class*="block-corner"] .txt-box h2 {
	font-size: 2.4rem;
	line-height: 1;
	border-bottom: 4px solid #fff;
	padding-bottom: 22px;
	margin-bottom: 20px;
	font-weight: bold;
}

[class*="block-corner"] .txt-box p {
	line-height: 32px;
	font-size: 1.6rem;
	font-weight: bold;
}

.block-corner-left .txt-box {
	color: #fff;
	/*margin-right: 50%;
	width: 50%;*/
}


.block-corner-center .txt-box {
	color: #fff;
	/*width: 50%;
	margin: 0 25%;*/
}

.block-corner-right .txt-box {
	color: #fff;
	/*width: 50%;
	margin-left: 50%;*/
}
.mid-ttl {
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	margin-bottom: 60px;
	
}

.mid-ttl:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	display: inline-block;
	width: 40px;
	height: 40px;
	border-left: 4px solid #999;
	border-bottom: 4px solid #999;
	transform: translateX(-50%) rotate(-45deg) skew(20deg, 20deg);
	-moz-transform: translateX(-50%) rotate(-45deg) skew(20deg, 20deg);
	-webkit-transform: translateX(-50%) rotate(-45deg) skew(20deg, 20deg);
	-ms-transform: translateX(-50%) rotate(-45deg) skew(20deg, 20deg);
	-o-transform: translateX(-50%) rotate(-45deg) skew(20deg, 20deg);

	z-index: 10;

}

.mid-ttl .ttl-box h2 {
	font-size: 2.1rem;
	text-align: center;
	line-height: 42px;
	position: relative;
	font-weight: bold;
}

.mid-ttl .ttl-box h2:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	line-height: 1;
	width: 30px;
	height: 4px;
	/*background-color: #003B8F;*/
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	z-index: 10;
}

.mid-ttl .ttl-box h2:after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	line-height: 1;
	width: 30px;
	height: 4px;
	/*background-color: #003B8F;*/
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);

	z-index: 10;

}


.mid-ttl .txt-box {
	line-height: 32px;
	font-size: 1.6rem;
	color: #333;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 14px;
	padding-left: 14px;

}

/**********col1-style**********/
.col1-ttl {
	max-width: 960px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 54px;

}
.col1-ttl .ttl-box {
	line-height: 66px;
	border-bottom: 6px solid #003b8f;
	position: relative;
	color: #003b8f;
	margin-bottom: 24px;
}

.col1-ttl .ttl-box h2 {
	font-size: 1.8rem;
	padding-left: 90px;
	
}

.col1-ttl .ttl-box h2 span {
	border-bottom: 2px solid #003b8f;
	font-weight: bold;
}

.col1-ttl i {
	font-size: 3.6rem;
	left: 30px;
	position: absolute;
	top: 15px;
}

.col1-ttl .txt-box {
	font-size: 1.6rem;
	line-height: 32px;
	padding-bottom: 10px;
	padding-right: 14px;
	padding-left: 14px;

}

.col1-ttl .img-box {
	margin-bottom: 24px;
}

.col1-ttl .img-box .img {
	background-color: #ccc;
}

.col1-ttl .img-box img {
	width: 100%;
	height: auto;
}

.col1-ttl-935 {
	max-width: 935px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 54px;

}

.col1-ttl-935 .ttl-box h2 {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
	padding: 20px 14px;

}

.col1-ttl-935 .ttl-box {
	border-bottom: 2px solid #ccc;
	max-width: 460px;
	margin-right: auto;
	margin-bottom: 34px;
}
.col1-ttl-935 .txt-box {
	padding: 0 12px;
	line-height: 32px;
	font-size: 1.6rem;
}

.col1-img-txt-en {
	margin-bottom: 54px;
}

.col1-img-txt-en img {
	width: 100%;
	height: auto;
}

.col1-img-txt-en .img-box {
	margin-bottom: 24px;

}
.col1-img-txt-en .txt-box {
	word-wrap: break-word;
	overflow-wrap : break-word;
	padding-bottom: 10px;
	padding-right: 14px;
	padding-left: 14px;

}




.col1-ttl-ftbg-bdr-txt {
	margin-bottom: 30px;
	padding: 0 14px;
}

.col1-ttl-ftbg-bdr-txt .ttl-box {
	border-bottom: 3px solid #003B8F;
	margin-bottom: 16px;
}

.col1-ttl-ftbg-bdr-txt h2 {
	font-size: 1.8rem;
	text-align: center;
	color: #003B8F;
	line-height: 1;
	padding-bottom: 16px;
}

.col1-ttl-ftbg-bdr-txt h2 span {
	font-size: 5rem;
}
.col1-ttl-ftbg-bdr-txt .txt-box {
	font-size: 1.6rem;
	text-align: center;
	line-height: 32px;
	
}


/**********col1-style**********/


/**********col2-style**********/

.col2-ttl-txt-txt-btn {
	margin-bottom: 54px;
	
}

.col2-ttl-txt-txt-btn .col2-box {
	/*float: left;*/
	/*width: 50%;*/
	padding: 0 14px;
}

.col2-ttl-txt-txt-btn .col2-box .ttl-box {
	position: relative;
	height: 77px;
	border-bottom: 2px solid #ccc;
	margin-bottom: 20px;
}

.col2-ttl-txt-txt-btn .col2-box .ttl-box h2 {
	font-size: 1.8rem;
	line-height: 36px;
	padding-left: 90px;
	padding-top: 20px;
	font-weight: bold;

}

.col2-ttl-txt-txt-btn .col2-box .ttl-box img {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 77px;
	height: 77px;
	background-color: #ccc;
}
.col2-ttl-txt-txt-btn .col2-box .txt-box-top {
	text-align: center;
	line-height: 32px;
}

.col2-ttl-txt-txt-btn .col2-box .txt-box-top h3 {
	color: #003b8f;
	font-weight: bold;
	font-size: 1.6rem;
}

.col2-ttl-txt-txt-btn .col2-box .txt-box-top p {
	font-weight: bold;
	font-size: 1.4rem;
	color: #333;
	padding: 0 14px;

}

.col2-ttl-txt-txt-btn .col2-box .line-i-box {
	position: relative;
	text-align: center;
}

.col2-ttl-txt-txt-btn .col2-box .line-i-box i {
	color: #003b8f;
	z-index: 10;
	font-size: 4rem;
	background-color: #fff;
	position: relative;
	padding: 0 2px;
}



.col2-ttl-txt-txt-btn .col2-box .line-i-box span {
	position: absolute;
	top: 18px;
	left: 0;
	z-index: 8;
	display: inline-block;
	line-height: 1;
	width: 100%;
	height: 4px;
	background-color: #003b8f;
}

.col2-ttl-txt-txt-btn .col2-box .txt-box-btm p {
	font-size: 1.6rem;
	line-height: 32px;

}

.col2-ttl-txt-btn {
	padding: 37px 0;
	margin-bottom: 54px;
}

.col2-ttl-txt-btn .txt-box,
.col2-ttl-txt-btn .btn-box {
	/*float: left;*/
}

.col2-ttl-txt-btn .txt-box {
	/*width: 60%;*/
}

.col2-ttl-txt-btn .txt-box .ttl-box {
	margin-bottom: 20px;
}

.col2-ttl-txt-btn .txt-box .ttl-box h2 {
	font-size: 1.8rem;
	border-bottom: 2px solid #ccc;
	line-height: 1;
	max-width: 465px;
	font-weight: bold;
	padding: 0 14px 24px 14px;

}

.col2-ttl-txt-btn .txt-box p {
	font-size: 1.6rem;
	line-height: 32px;
	padding-right: 14px;
	padding-left: 14px;
}

.col2-ttl-txt-btn .btn-box {
	/*width: 40%;*/
	/*padding-left: 80px;*/
	max-width: 300px;
	width: 100%;
	margin: 0 auto;
}

.col2-ttl-txt-btn .btn-box .btn-other-type-01 {
	background-color: #fff;
	text-align: center;
	height: 77px;
}
.col2-ttl-txt-btn .btn-box .btn-other-type-01 a {
	display: block;
	color: #003b8f;
	height: 73px;
}

.col2-ttl-txt-btn .btn-box .btn-other-type-01 a:hover {
	background-color: #003b8f;
	color: #fff;
	border-radius: 5px 0 5px 0;
}

.col2-ttl-txt-btn .btn-box .btn-other-type-01 span {
	display: inline-block;
	font-size: 1.4rem;
	font-weight: bold;
	margin-top: 8px;

}

.col2-ttl-txt-btn .btn-box .btn-other-type-01 span + span {
	font-size: 1.8rem;
	font-weight: bold;
}



.col2-left-right-img {
	margin-bottom: 54px;
}


.col2-left-right-img > .ttl-box {
	border-bottom: 6px solid #003b8f;
	color: #003b8f;
	line-height: 66px;
	margin-bottom: 24px;
	position: relative;
}

.col2-left-right-img > .ttl-box i {
	font-size: 3.6rem;
	left: 30px;
	position: absolute;
	top: 15px;
}
.col2-left-right-img > .ttl-box h2 {
	font-size: 1.8rem;
	padding-left: 90px;
	font-weight: bold;
}


.col2-left-right-img .left-img-box {
	margin-bottom: 72px;

}

.col2-left-right-img .left-img-box .txt-box {
	/*float: right;*/
	/*width: 50%;*/
}

.col2-left-right-img .left-img-box .txt-box .ttl-box {
	border-bottom: 2px solid #333;
	margin-bottom: 16px;
}

.col2-left-right-img .left-img-box .txt-box .ttl-box h3 {
	font-size: 2.0rem;
	color: #333;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 10px;
	padding-left: 14px;
	padding-right: 14px;
}

.col2-left-right-img .left-img-box .txt-box p {
	font-size: 1.4rem;
	line-height: 28px;
	padding: 0 14px 14px 14px;
}

.col2-left-right-img .left-img-box .img-box {
	/*float: left;*/
	/*width: 50%;*/
	/*padding-right: 40px;*/
	text-align: center;
}

.col2-left-right-img .left-img-box .img-box img {
	width: 65%;
}


.col2-left-right-img .right-img-box .txt-box {
	/*float: left;*/
	/*width: 50%;*/
}

.col2-left-right-img .right-img-box .txt-box .ttl-box {
	border-bottom: 2px solid #333;
	margin-bottom: 16px;
}
.col2-left-right-img .right-img-box .txt-box .ttl-box h1,
.col2-left-right-img .right-img-box .txt-box .ttl-box h3 {
	font-size: 2.1rem;
	color: #333;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 10px;
	padding-right: 14px;
	padding-left: 14px;
}

.col2-left-right-img .right-img-box .txt-box p {
	font-size: 1.4rem;
	line-height: 28px;
	padding-bottom: 10px;
	padding-right: 14px;
	padding-left: 14px;

}

.col2-left-right-img .right-img-box .img-box {
	/*float: right;*/
	/*width: 50%;*/
	/*padding-left: 40px;*/
}

.col2-left-right-img .right-img-box .img-box img {
	width: 100%;
}


.col2-left-right-img-catlist {
	padding: 0 14px;
}

.col2-left-right-img-catlist > .ttl-box {
	border-bottom: 6px solid #003b8f;
	color: #003b8f;
	line-height: 66px;
	margin-bottom: 24px;
	position: relative;
}

.col2-left-right-img-catlist > .ttl-box i {
	font-size: 3.6rem;
	left: 30px;
	position: absolute;
	top: 15px;
}
.col2-left-right-img-catlist > .ttl-box h2 {
	font-size: 1.8rem;
	padding-left: 90px;
	font-weight: bold;
}


.col2-left-right-img-catlist .left-img-box {
	margin-bottom: 72px;
}

.col2-left-right-img-catlist .left-img-box .txt-box {
	/*float: right;*/
	/*width: 50%;*/
}

.col2-left-right-img-catlist .left-img-box .txt-box .ttl-box {
	border-bottom: 2px solid #333;
	margin-bottom: 16px;
}

.col2-left-right-img-catlist .left-img-box .txt-box .ttl-box h3 {
	font-size: 3.2rem;
	color: #333;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 10px;
}

.col2-left-right-img-catlist .left-img-box .txt-box p {
	font-size: 1.4rem;
	line-height: 28px;
}

.col2-left-right-img-catlist .left-img-box .img-box {
	/*float: left;*/
	/*width: 50%;*/
	/*padding-right: 40px;*/
}

.col2-left-right-img-catlist .left-img-box .img-box img {
	width: 100%;
	height: auto;
}

.col2-left-right-img-catlist .right-img-box {
	margin-bottom: 72px;
}

.col2-left-right-img-catlist .right-img-box .txt-box {
	/*float: left;*/
	/*width: 50%;*/
}

.col2-left-right-img-catlist .right-img-box .txt-box .list-box {
	/*width: 64%;*/
	/*margin-left: 36%;*/
	margin-bottom: 14px;
}
.col2-left-right-img-catlist .right-img-box .txt-box .list-box li {
	color: #fff;
	float: right;
	font-family: "bankgothic_md_bt",sans-serif;
	font-size: 1.6rem;
	text-align: center;
	width: 33.3333%;
}



.col2-left-right-img-catlist .right-img-box .txt-box .list-box .cat-bg-web {
	background-color: #5f3c91;
}

.col2-left-right-img-catlist .right-img-box .txt-box .list-box .cat-bg-dx {
	background-color: #f95c30;

}

.col2-left-right-img-catlist .right-img-box .txt-box .list-box .cat-bg-standard {
	background-color: #1d6bac;

}



.col2-left-right-img-catlist .right-img-box .txt-box .ttl-box {
	border-bottom: 2px solid #333;
	/*margin-bottom: 16px;*/
}
.col2-left-right-img-catlist .right-img-box .txt-box .ttl-box h1,
.col2-left-right-img-catlist .right-img-box .txt-box .ttl-box h3 {
	font-size: 3.2rem;
	color: #333;
	font-weight: bold;
	line-height: 1;
	padding-bottom: 10px;
}

.col2-left-right-img-catlist .right-img-box .txt-box p {
	font-size: 1.4rem;
	line-height: 28px;
}

.col2-left-right-img-catlist .right-img-box .img-box {
	/*float: right;*/
	/*width: 50%;*/
	/*padding-left: 40px;*/
}

.col2-left-right-img-catlist .right-img-box .img-box img {
	width: 100%;
}









.col2-img-ttl-txt-beside {
	margin-bottom: 54px;
}

.col2-img-ttl-txt-beside ul li {
	border: 4px solid #333;
	/*float: left;*/
	/*width: 49%;*/
	margin-bottom: 20px;
	margin-right: 14px;
	margin-left: 14px;

}


.col2-img-ttl-txt-beside ul li .img-box,
.col2-img-ttl-txt-beside ul li .txt-box {
	/*float: left;*/
	
}

.col2-img-ttl-txt-beside ul li .img-box {
	/*width: 40%;*/

}

.col2-img-ttl-txt-beside ul li .img-box img {
	/*width: 172px;*/
	width: 100%;
	height: auto;
}


.col2-img-ttl-txt-beside ul li .txt-box {
	/*width: 60%;*/
	padding: 14px 10px;
}

.col2-img-ttl-txt-beside ul li .txt-box h3 {
	font-size: 1.6rem;
	font-weight: bold;
	padding-bottom: 5px;
}

.col2-img-ttl-txt-beside ul li .txt-box p {
	font-size: 1.4rem;
	line-height: 24px;
}

.col2-ttl-txt-beside {
	margin-bottom: 54px;
}

.col2-ttl-txt-beside ul li {
	border: 4px solid #333;
	/*float: left;*/
	/*width: 49%;*/
	margin-bottom: 20px;
	margin-right: 14px;
	margin-left: 14px;

}

.col2-ttl-txt-beside ul li .ttl-box {
	border-bottom: 4px solid #333;
}

.col2-ttl-txt-beside ul li .ttl-box h3 {
	line-height: 1;
	padding: 22px 10px;
	font-size: 1.6rem;
	font-weight: bold;
}

.col2-ttl-txt-beside ul li p {
	font-size: 1.4rem;
	line-height: 24px;
	padding: 16px 14px 16px 56px;
}

.col2-ftlt-bdr-txt {
	margin-bottom: 54px;
}


.col2-ftlt-bdr-txt ul li {
	/*float: left;*/
	/*width: 49%;*/
	margin-bottom: 20px;
	margin-right: 14px;
	margin-left: 14px;
}



.col2-ftlt-bdr-txt ul li .ttl-box {
	border-bottom: 3px solid #003b8f;
	/*margin-right: 34px;*/
	margin-bottom: 14px;
	
}

.col2-ftlt-bdr-txt ul li .ttl-box h3 {
	color: #003b8f;
	font-weight: bold;
	line-height: 1;
	padding: 10px 0;
}

.col2-ftlt-bdr-txt ul li .txt-box p {
	font-size: 1.4rem;
	line-height: 28px;
	padding: 0 5px 10px 5px;
}



.col2-ftlt-bdr-txt ul li .ttl-box h3:first-letter {
	font-family: 'bankgothic_md_bt', sans-serif;
	font-size: 4rem;
	padding-right: 10px;
}





.col2-ttl-i-txt-link {
	margin-bottom: 65px;
}

.col2-ttl-i-txt-link .case-box-4-inner {
	position: relative;

}

.col2-ttl-i-txt-link .case-box-4-inner .icon-q {
	position: absolute;
	right: 0;
	top: 10px;
	display: inline-block;
	width: 42px;
	height: 42px;
	text-align: center;
	font-size: 2.6rem;
	color: #003B8F;
	border: 2px solid #003B8F;
	border-radius: 50%;
	vertical-align: middle;
}

.col2-ttl-i-txt-link .case-box-4-inner .icon-user i {
	position: absolute;
	right: 0;
	top: 15px;
	width: 42px;
	height: 42px;
	text-align: center;
	color: #003B8F;
	vertical-align: middle;
	font-size: 3.6rem;
}

.col2-ttl-i-txt-link .case-box-4-inner .icon-q i {
    padding-top: 8px;
}

.btm-support-wrap .btm-support-inner {
	padding: 0 20px;
}

.btm-support-wrap .btm-support-inner p {
	padding-top: 20px;
}

.col2-ttl-i-txt-link .case-box-4-inner h4 {
	border-bottom: 2px solid #003B8F;
	color: #333;
	font-size: 1.8rem;
	padding: 25px 0 20px;
	line-height: 1;
	font-weight: bold;
	margin-top: 20px;
}





/**********col2-style**********/



/**********col3-style**********/

.col3-ttl-i-txt {
	margin-bottom: 54px;
}

.col3-ttl-i-txt .col3-box {
	/*float: left;*/
	/*width: 33.333333%;*/
	padding: 25px 15px;
}

.col3-ttl-i-txt .col3-box .ttl-box {
	position: relative;
	border-bottom: 4px solid #bbb;
	margin-bottom: 10px;
}

.col3-ttl-i-txt .col3-box .ttl-box h2 {
	color: #333;
	font-size: 1.8rem;
	line-height: 2;
	font-weight: bold;
	padding-bottom: 14px;
}

.col3-ttl-i-txt .col3-box .ttl-box i {
	position: absolute;
	right: 0;
	bottom: -8px;
	color: #bbb;
	font-size: 4.8rem;
}
.col3-ttl-i-txt .col3-box .ttl-box .fa-globe {
	bottom: -4px;
}

.col3-ttl-i-txt .col3-box .txt-box {
	padding: 0 10px;
	
}

.col3-ttl-i-txt .col3-box .txt-box ul li {
	font-size: 1.4rem;
	line-height: 28px;
	position: relative;
	padding-left: 28px;
	
}

.col3-ttl-i-txt .col3-box .txt-box ul li span {
	position: absolute;
	top: 0;
	left: 4px;
}



.col3-ttl-txt-noimg-list {
	margin-bottom: 54px;
}

.col3-ttl-txt-noimg-list li {
	border: 4px solid #333;
	/*float: left;*/
	/*width: 31.333333%;*/
	/*margin-left: 3%;*/
	margin-right: 14px;
	margin-left: 14px;
}


.col3-ttl-txt-noimg-list li + li {
	margin-top: 14px;
}

.col3-ttl-txt-noimg-list li .ttl-box {
	border-bottom: 4px solid #333;
}

.col3-ttl-txt-noimg-list li .ttl-box h3 {
	line-height: 1;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	padding: 24px 10px;
}

.col3-ttl-txt-noimg-list li p {
	font-size: 1.4rem;
	line-height: 28px;
	padding: 14px 10px;

}

.col3-img-ttl-txt-list {
	margin-bottom: 54px;
}

.col3-img-ttl-txt-list li {

	border: 4px solid #333;
	/*float: left;*/
	/*width: 31.333333%;*/
	/*margin-left: 3%;*/
	margin-right: 14px;
	margin-left: 14px;

}

.col3-img-ttl-txt-list li + li {
	margin-top: 14px;
}


.col3-img-ttl-txt-list li .img-box {
	border-bottom: 4px solid #333;
}

.col3-img-ttl-txt-list li .img-box img {
	width: 100%;
	vertical-align: top;
	
}

.col3-img-ttl-txt-list li .txt-box {
	padding: 14px 10px;
}

.col3-img-ttl-txt-list li .txt-box h3 {
	line-height: 1;
	font-size: 1.6rem;
	padding-bottom: 10px;
	font-weight: bold;
}

.col3-img-ttl-txt-list li .txt-box p {
	font-size: 1.4rem;
	line-height: 24px;
}



.col3-img-cat-ttl-txt-list {
	margin-bottom: 54px;
}

.col3-img-cat-ttl-txt-list > li {
	/*float: left;*/
	/*width: 31.333333%;*/
	margin-left: 14px;
	margin-right: 14px;
}

.col3-img-cat-ttl-txt-list > li + li {
	margin-top: 14px;
}

.col3-img-cat-ttl-txt-list > li .img-box {
	border: 4px solid #333;
	border-bottom: none;
	position: relative;
}

.col3-img-cat-ttl-txt-list > li .img-box img {
	width: 100%;
	vertical-align: top;
	
}

.col3-img-cat-ttl-txt-list li .txt-box {
	padding: 14px 10px;
	border: 4px solid #333;
}

.col3-img-cat-ttl-txt-list li .txt-box h3 {
	line-height: 1;
	font-size: 1.6rem;
	padding-bottom: 10px;
	font-weight: bold;
}

.col3-img-cat-ttl-txt-list li .txt-box p {
	font-size: 1.4rem;
	line-height: 24px;
}

.col3-img-cat-ttl-txt-list li .cat-list {
	position: absolute;
	bottom: 0;
	left: -4px;
	width: calc(100% + 8px);
	z-index: 10;
}

.col3-img-cat-ttl-txt-list li .cat-list ul li {
	float: left;
	width: 33.333333%;
	color: #fff;
	font-family: 'bankgothic_md_bt', sans-serif;
	font-size: 1.6rem;
	text-align: center;
}

.col3-img-cat-ttl-txt-list li .cat-list ul .cat-bg-web {
	background-color: #5f3c91;
}

.col3-img-cat-ttl-txt-list li .cat-list ul .cat-bg-dx {
	background-color: #f95c30;

}

.col3-img-cat-ttl-txt-list li .cat-list ul .cat-bg-standard {
	background-color: #1d6bac;

}


.col3-ttl-txt-link-list {
	margin-bottom: 36px;
}
.col3-ttl-txt-link-list ul {
	padding: 0 14px;
}
.col3-ttl-txt-link-list ul li {
	/*float: left;*/
	/*width: 31.333333%;*/
	margin-bottom: 18px;
}

.col3-ttl-txt-link-list ul li a:hover .link-box {
	padding-right: 8px;
	transition: 0.3s;
}

.col3-ttl-txt-link-list ul li:nth-child(3n+1) {
	margin-left: 0;
}

.col3-ttl-txt-link-list ul li .txt-box {
	background-color: #2b6aad;
	border-radius: 10px 0 0 0;
	padding: 14px;

}

.col3-ttl-txt-link-list ul li .ttl-box h3 {
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
}

.col3-ttl-txt-link-list ul li .txt-box p {
	color: #fff;
}

.col3-ttl-txt-link-list ul li .link-box {
	background-color: #003b8f;
	border-radius: 0 0 10px 0;
	text-align: right;
	padding: 2px 14px 2px 14px;
	line-height: 24px;

}

.col3-ttl-txt-link-list ul li .link-box span {
	text-align: right;
}

.col3-ttl-txt-link-list ul li .link-box span i {
	color: #fff;
	font-size: 1.6rem;
	letter-spacing: -6px;
}



.col3-ttl-txt-link-list-square {
	margin-bottom: 36px;
}
.col3-ttl-txt-link-list-square ul {
	padding: 0 14px;
}
.col3-ttl-txt-link-list-square ul li {
	margin-bottom: 18px;
}

.col3-ttl-txt-link-list-square ul li a:hover .link-box {
	padding-right: 8px;
	transition: 0.3s;
}

.col3-ttl-txt-link-list-square ul li:nth-child(3n+1) {
	margin-left: 0;
}

.col3-ttl-txt-link-list-square ul li .txt-box {
	background-color: #327bc8;
	border-radius: 10px 0 10px 0;
	padding: 14px;
}


.col3-ttl-txt-link-list-square ul li .txt-box-min {
	background-color: #327bc8;
	border-radius: 2px;
	padding: 12px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    position: relative;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.col3-ttl-txt-link-list-square ul li .txt-box-min:hover {
	background-color: #2b6aad;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.52);
}

.col3-ttl-txt-link-list-square ul li .ttl-box h2,
.col3-ttl-txt-link-list-square ul li .ttl-box h3 {
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: inherit;
}

.col3-ttl-txt-link-list-square ul li .txt-box-min-chevron-down{
	height: 64px;
}

.col3-ttl-txt-link-list-square ul li .txt-box-min-chevron-down:after {
    content: "";
    position: absolute;
    top: 60%;
    left: 50%;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translateX(-50%) rotate(-45deg);
    -webkit-transform: translateX(-50%) rotate(-45deg);
    -moz-transform: translateX(-50%) rotate(-45deg);
    -o-transform: translateX(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) rotate(-45deg);
}

.col3-ttl-txt-link-list-square ul li .txt-box p {
	color: #fff;
}
.col3-ttl-txt-link-list-square ul li .txt-box-min p {
	color: #fff;
}


.col3-img-btn {
	margin-bottom: 54px;
}

.col3-img-btn ul li {
}

.col3-img-btn ul li .img-box {
	margin-bottom: 30px;
}

.col3-img-btn ul li .img-box img {
	display: block;
	margin-right: auto;
	margin-left: auto;

}


.col3-img-btn ul li + li .img-box img {
	margin-top: 54px;
}


/**********col3-style**********/

/**********col4-style**********/

.col4-ttl-txt-noimg-list {
	margin-bottom: 54px;
}

.col4-ttl-txt-noimg-list li {
	border: 4px solid #333;
	/*float: left;*/
	margin-left: 14px;
	margin-right: 14px;
	background-color: #fff;
	/*width: 24%;*/
}

.col4-ttl-txt-noimg-list li + li{
	margin-top: 14px;
}



.col4-ttl-txt-noimg-list li + li {
	
}

.col4-ttl-txt-noimg-list li .ttl-box {
	border-bottom: 4px solid #333;
}

.col4-ttl-txt-noimg-list li .ttl-box h3 {
	line-height: 1;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	padding: 24px 10px;
}

.col4-ttl-txt-noimg-list li p {
	font-size: 1.4rem;
	line-height: 28px;
	padding: 14px 10px;

}

.col4-img-ttl-txt-list {
	margin-bottom: 54px;
}

.col4-img-ttl-txt-list li {

	border: 4px solid #333;
	/*float: left;*/
	/*margin-left: 1.335%;*/
	/*width: 24%;*/
	margin-right: 14px;
	margin-left: 14px;

}

.col4-img-ttl-txt-list li + li {

	margin-top: 14px;
}

.col4-img-ttl-txt-list li .img-box {
	border-bottom: 4px solid #333;
}

.col4-img-ttl-txt-list li .img-box img {
	width: 100%;
	vertical-align: top;
	
}

.col4-img-ttl-txt-list li .txt-box {
	padding: 14px 10px;
}

.col4-img-ttl-txt-list li .txt-box h3 {
	line-height: 1;
	font-size: 1.6rem;
	padding-bottom: 10px;
	font-weight: bold;
}

.col4-img-ttl-txt-list li .txt-box p {
	font-size: 1.4rem;
	line-height: 28px;
}

/*product*/
.col4-ttl-bdr-txt-list {
	margin-bottom: 54px;
	padding: 0 14px;
}

.col4-ttl-bdr-txt-list li {
	margin-bottom: 42px;
	padding: 0 10px;
}


.col4-ttl-bdr-txt-list li .ttl-box {
	border-bottom: 2px solid #003B8F;
	margin-bottom: 14px;
}

.col4-ttl-bdr-txt-list li .ttl-box h3 {
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	width: 100%;
	letter-spacing: 2px;
	padding-bottom: 12px;

}

.col4-ttl-bdr-txt-list li .ttl-box p {
	font-size: 1.4rem;
	line-height: 28px;
}

/*product*/



/**********col4-style**********/


/**********normal-table-style**********/


.product-normal-table-wrap {
	margin-bottom: 54px;
	width: 100%;
	overflow-x: auto;
	overflow-y: hidden;
}

.normal-table-eq-type-product {
	width: 820px;
	/*margin: 0 0 24px auto;*/
-webkit-overflow-scrolling: touch;
overflow-scrolling: touch;
}

.normal-table-eq-type-product::-webkit-scrollbar {
	height: 0px!important;
}


.normal-table-eq-type-product table {
	font-size: 1.4rem;
	width: 100%;
	table-layout: fixed;
}
.normal-table-eq-type-product table thead th {
	background-color: #f1f1f1;
	vertical-align: middle;
	font-weight: bold;
	height: 54px;
	border: 1px solid #333;
}

.normal-table-eq-type-product table thead th:first-child {
	background-color: #003B8F;
	color: #fff;
}

.normal-table-eq-type-product table tbody td {
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
	height: 54px;
	border: 1px solid #333;

}

.normal-table-eq-type-product table tbody td:first-child {
	background-color: #f1f1f1;
}

.normal-table-eq-type-product table tbody td span {
	display: block;
	width: 30px;
	height: 30px;
	border: 4px solid #003B8F;
	border-radius: 50%;
	margin: 0 auto;
}


.normal-table-type-product {
	width: 820px;
	/*margin: 0 0 54px auto;*/
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}


.normal-table-type-product table {
	font-size: 1.4rem;
	width: 100%;
	table-layout: fixed;
}
.normal-table-type-product table thead th {
	background-color: #f1f1f1;
	vertical-align: middle;
	font-weight: bold;
	height: 54px;
	border: 1px solid #333;
}

.normal-table-type-product table thead th:first-child {
	background-color: #003B8F;
	color: #fff;
	width: 20%;
}

.normal-table-type-product table tbody td {
	vertical-align: middle;
	font-weight: bold;
	text-align: center;
	height: 54px;
	border: 1px solid #333;

}

.normal-table-type-product table tbody td:first-child {
	background-color: #f1f1f1;
	width: 20%;

}

.normal-table-type-product table tbody td span {
	display: block;
	width: 30px;
	height: 30px;
	border: 4px solid #003B8F;
	border-radius: 50%;
	margin: 0 auto;
}

/**********normal-table-style**********/





/**********css-table-style**********/

.div-table-wrap {
margin-bottom: 54px;
}

.div-table-box {
	/*border-bottom: 1px solid #979797;*/
	/*display: table;*/
	width: 100%;
	padding: 10px 14px;
	
}

.div-table-box .div-table-head,
.div-table-box .div-table-detail {
	/*display: table-cell;*/
}

.div-table-box .div-table-head {
	/*width: 40%;*/
	vertical-align: bottom;
	/*padding: 0 20px*/
	border-bottom: 1px solid #979797;
	margin-bottom: 10px;
}
.div-table-box .div-table-head h3 {
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
}

.div-table-box .div-table-detail {
	/*width: 60%;*/
	vertical-align: middle;

}

.div-table-box .div-table-detail p {
	font-size: 1.4rem;
	line-height: 28px;
}


/**********css-table-style**********/

/***********common-title-style***********/
.i-ttl-bdr {
	margin-top: 32px;
}

.i-ttl-bdr > .ttl-box {
	border-bottom: 6px solid #003b8f;
	color: #003b8f;
	/*line-height: 66px;*/
	height: 66px;
	margin-bottom: 24px;
	position: relative;
}


.i-ttl-bdr h-line-2 > .ttl-box {
	line-height: 28px;
	padding: 15px 10px 15px 0;
}

.i-ttl-bdr > .ttl-box i {
	font-size: 3.6rem;
	left: 14px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.i-ttl-bdr > .ttl-box h1,
.i-ttl-bdr > .ttl-box h2 {
	font-size: 1.8rem;
	padding-left:58px;
	font-weight: bold;
	position: absolute;
	padding-right: 14px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);

}

.i-ttl-bdr > .txt-box {
	padding: 0 14px;
}


.i-ttl-bdr-46 {
	width: 100%;
	padding: 0 14px;
}

.i-ttl-bdr-46 > .ttl-box {
	border-bottom: 6px solid #003b8f;
	color: #003b8f;
	line-height: 66px;
	margin-bottom: 24px;
	position: relative;
}

.i-ttl-bdr-46 > .ttl-box i {
	font-size: 3.6rem;
	left: 0px;
	position: absolute;
	top: 15px;
}
.i-ttl-bdr-46 > .ttl-box h2 {
	font-size: 1.8rem;
	padding-left: 60px;
	font-weight: bold;
}


.sp-2lines > .ttl-box h2 {
	line-height: 1.4;
	padding-bottom: 16px;
}

.sp-2lines > .ttl-box h2 span {
	font-weight: bold;
	font-size: 1.4rem;
}




/***********common-title-style***********/

/***********font-color***********/
.ft-clr-g {
	color: #aaa;
	font-size: 1.4rem;
}
/***********font-color***********/

/***********sp-block-styles***********/

/***********sp-bg-colors***********/
.bg-g-f1 {
	background-color: #f1f1f1;
}
/***********sp-bg-colors***********/


/***************sp-common-style**************/

.btn-action-hover {
	background-color: #003B8F!important;
}

.btn-action-hover a {
	color: #fff!important;
}

.bdrd-line-2 {
	border-radius: 10px 0 10px 0;
	border: 2px solid #003B8F;
}

[class*="btn-size-"] {
	max-width: 300px;
	width: 100%;
	text-align: center;
	line-height: 48px;
	margin: 24px auto;
	background-color: #fff;


}

[class*="btn-size-"] a {
	color: #FFF;
	background-color:#333;
	display: block;
	border-radius: 8px 0 8px 0;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 48px;

}
[class*="btn-size-"] a:hover {
	/*color: #fff;
	display: block;
	border-radius: 8px 0 8px 0;
	font-size: 1.6rem;
	font-weight: bold;
	background-color: #003B8F;*/
	background-color:#333 !important;
	color:#FFF;
    text-decoration: none;
}





/***********placeholder***********/
#search-wrap input::-webkit-input-placeholder {
	color: rgba(255, 255, 255, 1);
opacity: 1;
}

#search-wrap input::-moz-placeholder {
	color: rgba(255, 255, 255, 1);
opacity: 1;
}
:-ms-input-placeholder {
	color: rgba(255, 255, 255, 1);
opacity: 1;
}
/***********placeholder***********/

.footer-main-right .left-top,
.footer-main-right .left-mid {
	text-align: center;
	color: #fff;
	line-height: 2;
}

.footer-main-right .left-mid {
	margin-bottom: 22px;
}

.footer-main-right .left-top li a,
.footer-main-right .left-mid li a {
	color: #fff;
	border-bottom: 1px solid #fff;
}

.footer-main-right .left-top li + li {
	display: none;
}


.footer-main-right .left-bottom li a {
	color: #fff;
	border-bottom: 1px solid #fff;

}

.left-bottom [class*="left-bottom-top3"] {
	width: 33.333333%;
	float: left;
	margin-bottom: 18px;
}

.left-bottom .left-bottom-top3-left {
	text-align: right;
}
.left-bottom .left-bottom-top3-center {
	text-align: center;
}
.left-bottom .left-bottom-top3-right {
	text-align: left;
}

.left-bottom [class*="left-bottom-btm"] {
	width: 33.333333%;
	float: left;
}

.left-bottom .left-bottom-btm-side {
	text-align: center;
}
.left-bottom .left-bottom-btm-center {
	text-align: center;
}


#foot-copy {
	text-align: center;
	font-size: 1rem;
	padding: 8px 0 60px;;
}

/**********footerstyle***********/


/**************search-after-style**************/

.search-after .searchd-txt-head {
	font-size: 1.8rem;
	
}

.search-after .searchd-txt-head span {
	font-weight: bold;
}
.search-after .col2-left-right-img > .ttl-box h1 {
	font-size: 1.8rem;
	font-weight: bold;
	padding-left: 90px;
}

.search-after .search-after-list {
	margin-bottom: 54px;
}

.search-after .search-after-list li .list-box-inner {
	padding: 32px 14px;
}

.search-after .search-after-list li:nth-child(odd) {
	background-color: #f1f1f1;
}

.search-after .search-after-list li .ttl-box {
	border-bottom: 2px solid #666;
	padding-bottom: 14px;
}

.search-after .search-after-list li .ttl-box h3 {
	font-weight: bold;
	font-size: 1.8rem;
}

.search-after .search-after-list li .txt-box {
	font-size: 1.6rem;
	letter-spacing: 1px;
	margin-top: 32px;
}

.search-after .search-after-list li .btn-size-200 {
	margin: 0;
	margin: 32px 0 0 auto;
	background-color: #003B8F;
}

.search-after .search-after-list li .btn-size-200 a {
	color: #fff;
}

.search-after .search-after-list li .txt-btn-wrap {
	/*position: relative;*/
}

.search-after .search-after-list li .btn-box {
	/*position: absolute;
	right: 0;
	bottom: 0;*/
	padding: 0 20%;
	
}
/**************search-after-style**************/

/***************product-detail-style**************/

.product-detail-first {
	margin-bottom: 54px;
	padding: 0 14px;
	position: relative;
}

.product-detail-first .img-box {

}

.product-detail-first .img-box img {
	display: block;
	max-width: 513px;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.product-detail-first .txt-txt-price-box {

}

.product-detail-first .txt-txt-price-box .ttl-txt-box .ttl-box {
	border-bottom: 2px solid #333;
	margin-bottom: 10px;
}

.product-detail-first .txt-txt-price-box .ttl-txt-box .ttl-box h1,
.product-detail-first .txt-txt-price-box .ttl-txt-box .ttl-box h2 {
	font-size: 3.6rem;
	color: #333;
	line-height: 1;
	padding-top: 30px;
	padding-bottom: 14px;
}


.product-detail-first .txt-txt-price-box .ttl-txt-box .ttl-box h1 span,
.product-detail-first .txt-txt-price-box .ttl-txt-box .ttl-box h2 span {
	color: #004da1;
}

.product-detail-first .txt-txt-price-box .ttl-txt-box .ttl-box h1 .dx,
.product-detail-first .txt-txt-price-box .ttl-txt-box .ttl-box h2 .dx {
	color: #f65c00;
}

.product-detail-first .txt-txt-price-box .ttl-txt-box .ttl-box h1 .web,
.product-detail-first .txt-txt-price-box .ttl-txt-box .ttl-box h2 .web {

	color: #4a3f83;
}

.product-detail-first .txt-txt-price-box .ttl-txt-box .txt-box {
	color: #004da1;
	font-size: 1.2rem;
	line-height: 24px;
	font-weight: bold;
}

.product-detail-first .txt-txt-price-box .ttl-txt-box .txt-box p {
	font-weight: bold;

}

.product-detail-first .txt-txt-price-box .ttl-txt-box .txt-box p .ctrl-br {
	display: none;
}
.product-detail-first .txt-txt-price-box .txt-bdr-box {
	font-size: 1.4rem;
	line-height: 28px;
	padding-bottom: 16px;
	border-bottom: 2px solid #333;
	margin-top: 16px;
	margin-bottom: 10px;
}


.product-detail-first .txt-txt-price-box .price-box {
	text-align: right;
}

.product-detail-first .txt-txt-price-box .price-box p {
	font-size: 3.6rem;
	color: #003B8F;
	letter-spacing: -1px;
	line-height: 1.2;
}

.product-detail-first .txt-txt-price-box .price-box span {
	font-size: 1.2rem;
	color: #003B8F;

}


.product-detail-btm {
	margin-bottom: 54px;
	padding: 0 14px;
	margin-top: 54px;
}

.product-detail-btm .img-box {
	width: 100%;

}

.product-detail-btm .img-box img {
	display: block;
	max-width: 513px;
	width: 100%;
	margin: 0 auto;
}


.product-detail-btm .txt-txt-price-box {
	width: 100%;
	padding-top: 50px;
}

.product-detail-btm .txt-txt-price-box .ttl-txt-box .ttl-box {
	border-bottom: 2px solid #333;
	margin-bottom: 10px;
}

.product-detail-btm .txt-txt-price-box .ttl-txt-box .ttl-box h2 {
	font-size: 3.6rem;
	color: #333;
	line-height: 1;
	padding-bottom: 14px;
	padding-top: 30px;
}

.product-detail-btm .txt-txt-price-box .ttl-txt-box .ttl-box h2 span {
	color: #004da1;
}
.product-detail-btm .txt-txt-price-box .price-box {
	text-align: right;
}

.product-detail-btm .txt-txt-price-box .price-box p {
	font-size: 3.6rem;
	color: #003B8F;
	letter-spacing: -1px;
	line-height: 1.2;
}

.product-detail-btm .txt-txt-price-box .price-box span {
	font-size: 1.2rem;
	color: #003B8F;

}

.product-detail-btm .txt-txt-price-box .table-box {
	font-size: 1.4rem;
	line-height: 24px;
	padding-bottom: 16px;
	margin-top: 40px;
	margin-bottom: 10px;
}
.product-detail-btm .txt-txt-price-box .table-box table,
.product-detail-btm .txt-txt-price-box .table-box tbody,
.product-detail-btm .txt-txt-price-box .table-box tr,
.product-detail-btm .txt-txt-price-box .table-box th,
.product-detail-btm .txt-txt-price-box .table-box td {
	width: 100%;
	display: block;
}

.product-detail-btm .txt-txt-price-box .table-box table th {
	text-align: left;
	font-weight: bold;
	border-bottom: 2px solid #ccc;
	padding-left: 10px;
}

.product-detail-btm .txt-txt-price-box .table-box td {
	padding: 14px 0;
	margin-bottom: 28px;
}

/***************product-detail-style**************/

/***************product-top-style**************/

.product-top-first {
	/*position: relative;*/
	margin-bottom: 54px;

}

.product-top-first .img-box {
	/*}position: absolute;
	left: 0;
	top 0;
	width: 480px;
	z-index: -1;*/
}


.product-top-first .img-box img {
	width: 100%;
	height: auto;
}

.product-top-first .ttl-txt-txt-box {
}

.product-top-first .ttl-txt-box .ttl-txt-txt-box .ttl-box {
	border-bottom: 2px solid #333;
	margin-bottom: 10px;
}

.product-top-first .ttl-txt-txt-box .ttl-box h1 {
	font-size: 3.2rem;
	color: #333;
	line-height: 1;
	padding-bottom: 14px;
	text-align: center;

}


.product-top-first .ttl-txt-txt-box .txt-box {
	color: #004da1;
	font-size: 1.4rem;
	line-height: 32px;
	text-align: center;
}

.product-top-first .ttl-txt-txt-box .txt-box p {
	font-weight: bold;
	margin-bottom: 18px;

}

.product-top-first .ttl-txt-txt-box .btm-txt-box {
	padding: 0 14px;
}

.product-top-first .ttl-txt-txt-box .btm-txt-box p {
	font-size: 1.4rem;
	line-height: 28px;
}

.product-top-first .ttl-txt-txt-box .price-box {
	text-align: right;
}

.product-top-first .ttl-txt-txt-box .price-box p {
	font-size: 3.6rem;
	color: #003B8F;
	letter-spacing: -1px;
	line-height: 1.2;
}

.product-top-first .ttl-txt-txt-box .price-box span {
	font-size: 1.2rem;
	color: #003B8F;

}

.after-class-product .right-img-box {
	padding-left: 14px;
	padding-right: 14px;
}

.after-class-product .block-corner-left .txt-box {
	color: #333;
}
.after-class-product .block-corner-left .txt-box h2 {
	border-bottom: 4px solid #333;
}

.after-class-product .col2-left-right-img .pd-on-top-54-btm-32 .txt-box .detail {
	font-size: 1.6rem;
	color: #535353;
	font-weight: bold;
	display: block;
	margin-bottom: 32px;
}


/***************product-top-lines**************/

[class*="product-lines3"] {
	position: relative;
}


@keyframes lines {
	0% {
	height: 0;
	}
	100% {
	height: 100%;
	}
}


.product-lines3-o:before {
	position: absolute;
	display: block;
	height: 81%;
	width: 40px;
	content: "";
	top: 3%;
	left: 20%;
	background-color: rgba(255, 126, 0, 0.5);
	z-index: -10;
	animation: lines-o 2s ease 1;
}
.product-lines3-b:before {
	position: absolute;
	display: block;
	height: 77%;
	width: 40px;
	content: "";
	top: 3%;
	left: 40%;
	background-color: rgba(0, 106,192, 0.5);
	z-index: -10;
	animation: lines-b 2s ease 1;
}
.product-lines3-p:before {
	position: absolute;
	display: block;
	height: 70%;
	width: 40px;
	content: "";
	top: 3%;
	left: 60%;
	background-color: rgba(88, 91, 156, 0.5);
	z-index: -10;
	animation: lines-p 2s ease 1;

}

@keyframes lines-o {
	0% {
	height: 0;
	}
	100% {
	height: 75%;
	}
}

@keyframes lines-b {
	0% {
	height: 0;
	}
	100% {
	height: 70%;
	}
}

@keyframes lines-p {
	0% {
	height: 0;
	}
	100% {
	height: 50%;
	}
}

.product-section-web {
	/*margin-bottom: 100px;*/
	margin-top: 50px;
}

.product-section-standard {
	/*margin-bottom: 100px;*/
	margin-top: 50px;*/
}

.product-section-dx {
	/*margin-bottom: 100px;*/
	margin-top: 50px;

}

.after-class-web-bg {
	padding-top: 32px;

}

.after-class-web-bg:after {
	position: absolute;
	content: "";
	display: block;
	width: 160px;
	height: 160px;
	top: 0;
	left: 30%;
	border-radius: 50%;
	border: 10px solid #cdc4ff;
	background-color: #8d8bff;
	z-index: -9;
	transform-origin: 50% 50% 0;
	-webkit-transform-origin: 50% 50% 0;
	-moz-transform-origin: 50% 50% 0;
	-ms-transform-origin: 50% 50% 0;
	-o-transform-origin: 50% 50% 0;
	transform: scale(1);
	-webkit-transform: scale(1);
	animation: bgscale-web 2s ease 1 2s;
}
@keyframes bgscale-web {
	0% {
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	}
	100% {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	}
}




.after-class-standard-bg {
	padding-top: 32px;
}

.after-class-standard-bg:after {
	position: absolute;
	content: "";
	display: block;
	width: 160px;
	height: 160px;
	top: 0;
	left: 30%;
	border-radius: 50%;
	border: 10px solid #c4dcff;
	background-color: #8bbaff;
	z-index: -9;
	transform-origin: 50% 50% 0;
	-webkit-transform-origin: 50% 50% 0;
	-moz-transform-origin: 50% 50% 0;
	-ms-transform-origin: 50% 50% 0;
	-o-transform-origin: 50% 50% 0;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	animation: bgscale-standard 2s ease 1 2s;
}
@keyframes bgscale-standard {
	0% {
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	}
	100% {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	}
}




.after-class-dx-bg {
	padding-top: 32px;
}

.after-class-dx-bg:after {
	position: absolute;
	content: "";
	display: block;
	width: 160px;
	height: 160px;
	top: 0;
	left: 30%;
	border-radius: 50%;
	border: 10px solid #ffe9c4;
	background-color: #ffcf8b;
	z-index: -9;
	transform-origin: 50% 50% 0;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	animation: bgscale-dx 2s ease 1 2s;
}
@keyframes bgscale-dx {
	0% {
	transform: scale(0);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	}
	100% {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	}
}


/***************product-top-lines**************/

/**************glossary-style**************/

.glossary-list-anchor-box {
	margin-bottom: 54px;
	width: 
}

.glossary-list-anchor-box ul {
	/*border-top: 2px solid #003B8F;
	border-left: 2px solid #003B8F;*/
}
.glossary-list-anchor-box ul li {
	border-top: 2px solid #003B8F;
	border-right: 2px solid #003B8F;
	border-bottom: 2px solid #003B8F;
	border-left: 2px solid #003B8F;
	border-collapse: collapse;
	width: 78px;
	line-height: 78px;
	text-align: center;
	font-size: 3rem;
	float: left;
	margin: 1px;

}

.glossary-list-anchor-box ul li a {
	font-weight: bold;
	display: block;
	color: #003B8F;

}
.glossary-list-anchor-box ul li:first-child {
	/*border-left: 2px solid #003B8F;*/

}

.glossary-list {
	padding: 0 14px;
}


.glossary-list .ttl-box {
	
}


.glossary-list .ttl-box h2 {
	display: inline-block;
	width: 96px;
	line-height: 96px;
	background-color: #003B8F;
	color: #fff;
	font-size: 2rem;
	text-align: center;
	font-weight: bold;
}


.glossary-list  ul {
	margin-bottom: 54px;
}

.glossary-list ul li {
	text-align: right;
	font-size: 1.6rem;
	line-height: 36px;
	margin-top: 16px;
}

.glossary-list ul li a {
	color: #003B8F;
	font-weight: bold;
}

.glossary-list ul li {
	border-bottom: 4px solid #003B8F;
}

.glossary-list ul li + li {
	/*margin-top: 16px;*/
}


/**************glossary-style**************/

/**************introduction-style**************/
.introduction-list {

}

.introduction-list li {
	padding: 15px;
}
.introduction-list li .ttl-box {
	border-top: 2px solid #003B8F;
	text-align: center;
	font-size: 1.6rem;
	line-height: 3.2rem;
	font-weight: bold;
}
.introduction-list li .ttl-box h3 {
	color: #333;
	font-weight: bold;
	padding-top: 10px;

}

.introduction-list li .img-box img {
	display: block;
	margin: 0 auto;
	box-shadow: 0 0 8px 0 #777;
	transition: .3s;

}

.introduction-list li .img-box {
	padding-bottom: 20px;
}

.introduction-list li .img-box img:hover {
	transform: scale(0.96);
	-webkit-transform: scale(0.96);
	-moz-transform: scale(0.96);
	-ms-transform: scale(0.96);
	-o-transform: scale(0.96);
	transition: .3s;
	box-shadow: none;
}



/**************introduction-style**************/
/*************form-style*************/
/*reset*/
input[type="text"],
input[type="tel"],
input[type="email"],
textarea,
select {
	border: none;
	background-color: transparent;
}

input[type="submit"] {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border: none;
background-color: transparent;
}
/*reset*/

.form-container input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.3);
opacity: 1;
}

.form-container input::-moz-placeholder {
	color: rgba(0, 0, 0, 0.3);
opacity: 1;
}
.form-container input:-ms-input-placeholder {
	color: rgba(0, 0, 00, 0.3);
opacity: 1;
}

.form-container textarea::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.3);
opacity: 1;
}

.form-container textarea::-moz-placeholder {
	color: rgba(0, 0, 0, 0.3);
opacity: 1;
}
.form-container textarea:-ms-input-placeholder {
	color: rgba(0, 0, 00, 0.3);
opacity: 1;
}

.form-container {
	padding: 0 14px;
}

.question-ttl {
	background-color: #f2dede;
	border: 1px solid #eed3d7;
	padding: 10px;
	text-align: left;
	border-radius: 3px;
	margin-bottom: 40px;
}

.question-ttl h2 {
	color: #cc0e00;
	font-size: 1.4rem;
	font-weight: bold;
}

.form-input-type-checkbox {
	margin-bottom: 30px;
}

.form-input-type-checkbox .ttl-box {

}

.txt-check .ttl-box h3,
.check-txt .ttl-box h3,
.radio-txt-radio .ttl-box h3,
.form-input-type-checkbox .ttl-box h3 {
	font-size: 1.6rem;
	line-height: 32px;
	font-weight: bold;
}

.textarea-wrap,
.txt-check,
.check-txt,
.radio-txt-radio + .radio-txt-radio {
	margin-top: 30px;
}

.check-txt ul li + li {
	margin-top: 30px;
}

.txt-check .check-box p + p {
		margin-top: 30px;

}


.form-input-type-checkbox ul li {
	font-size: 14px;
	line-height: 28px;
}

.form-input-type-checkbox ul li + li {
	margin-top: 16px;
}
.form-input-type-checkbox ul li .input-wrap-checkbox span {
	margin-left: -16px;
}

.form-input-type-checkbox ul li .input-wrap-checkbox .chk-label-box {
	padding-left: 16px;
}

.form-input-type-select .ttl-box h3 {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 5px;
}


.input-txt-list {
	margin-top: 32px;
	margin-bottom: 40px;
}

.input-txt-list li + li {
	margin-top: 20px;
}


.form-input-type-txt-100 p {
	font-size: 1.6rem;
	font-weight: bold;
	display: inline-block;
}

.consent-wrap {
	margin-top: 30px;
}

.consent-wrap .ttl-box h3 {
	text-align: center;
	font-weight: bold;
	font-size: 1.6rem;
}

.consent-wrap .consent-txt-box {
	overflow-y: scroll;
	height: 194px;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(200, 200, 200, 0.4) inset;
	font-size: 1.4rem;
	margin-top: 5px;
	padding: 10px 14px;
	margin-right: 20px;
	margin-left: 20px;
}

.consent-wrap .consent-txt-box::-webkit-scrollbar {
	display: none;
}

.consent-wrap .consent-txt-box p {
	line-height: 28px;
	margin-bottom: 28px;
	padding-left: 14px;
}

.consent-wrap .consent-txt-box span {
	margin-left: -14px;
}

.form-bdr {
	border-top: 1px solid #979797;
	margin-top: 42px;
	max-width: 870px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;

}

.consent-checkbox ul {
	width: 100%;
	margin: 30px auto 54px;
}

.consent-checkbox ul li {
	text-align: center;
}

.consent-checkbox ul li + li {
	margin-top: 30px;
	
}
.textarea-wrap .ttl-box h3 {
	font-size: 1.6rem;
	font-weight: bold;
}

.submit-btn input[type="submit"] {
	text-align: center;
	display: block;
	max-width: 450px;
	width: 100%;
	margin: 0 auto 54px;
	border: 2px solid #003B8F;
	border-radius: 10px 0 10px 0;
	line-height: 72px;
	background-color: #fff;
	color: #003B8F;
	font-size: 1.6rem;
	font-weight: bold;
}

.submit-btn input[type="submit"]:hover {
	background-color: #003B8F;
	color: #fff;
}
.req-ttl-br-span {
	font-weight: bold;
	margin-left: 3em;
}

.req-ttl:before {
	content: "必須";
	color: #fff;
	background-color: #ff0000;
	border-radius: 4px;
	display: inline-block;
	margin-right: 5px;
	line-height: 24px;
	font-size: 16px;
	padding: 0 5px;
	font-weight: bold;
}

.any-ttl:before {
	content: "任意";
	color: #333;
	background-color: #bbb;
	border-radius: 4px;
	display: inline-block;
	margin-right: 5px;
	line-height: 24px;
	font-size: 16px;
	padding: 0 5px;
	font-weight: bold;
}
.textarea-wrap textarea {
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(200, 200, 200, 0.4) inset;
	padding: 10px;
	font-size: 1.4rem;
	display: block;
	width: 100%;
	margin-top: 5px;
	height: 230px;
}
.txt-check input[type="text"],
.check-txt input[type="text"],
.radio-txt-radio input[type="text"],
.form-input-type-txt-100 input[type="text"],
.form-input-type-txt-100 input[type="tel"],
.form-input-type-txt-100 input[type="email"] {
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 1px 2px 0 rgba(200, 200, 200, 0.4) inset;
	padding: 10px;
	font-size: 1.4rem;
	display: block;
	width: 100%;
	margin-top: 5px;
}

.form-container .input-size-30 input[type="text"],
.form-container .input-size-30 input[type="tel"],
.form-container .input-size-30 input[type="email"] {
	width: 50%;
}
.form-container .autozip .input-wrap-txt {
	margin-bottom: 16px;
}

.form-container .autozip > p {
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 16px;
}


.radio-txt-radio input[type="text"] {
	margin-bottom: 5px;
}

.input-wrap-select {
	width: 240px;
	position: relative;
}

.input-wrap-select label {
	position: absolute;
	right: 20px;
	top: 20px;
	border: 6px solid transparent;
	border-top: 6px solid #333;
}
.input-wrap-select select {
	display: inline-block;
	max-width: 240px;
	width: 100%;
	margin: 0 auto;
	border: 1px solid #bfbfbf;
	background-color: #ebebeb;
	border-radius: 3px;
	text-align: center;
	font-weight: bold;
	color: #333;
	font-size: 1.4rem;
	padding: 10px;
}

.input-wrap-select option {
	background-color: #fff;
}

/**********confirm**********/

.confirm-list {
	margin-bottom: 54px;
	margin-top: 54px;
	padding: 0 14px;
}

.confirm-list li + li {
	margin-top: 32px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}

.confirm-list li .ttl-box {
	margin-bottom: 5px;
}

.confirm-list li .ttl-box h2 {
	font-size: 1.6rem;
	font-weight: bold;

}
.confirm-list li .txt-box {
	margin-bottom: 32px;
}

.confirm-list li .txt-box span {
		font-size: 1.6rem;
	font-weight: bold;
	display: block;
}


/**********demo***********/

.col44-56 {
	margin-top: 16px;
}


.pf-date .pf-date-table-wrap + .pf-date-table-wrap {
	margin-top: 10px;
}

.pf-date-table-wrap {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.pf-date-table-wrap .table-head,
.pf-date-table-wrap .table-cell-mon,
.pf-date-table-wrap .table-cell-day,
.pf-date-table-wrap .table-cell-time {
	display: table-cell;
}
.pf-date-table-wrap .table-head {
	vertical-align: top;
}

.col-56 .pf-date-table-wrap .table-head h3 {
	position: relative;
	font-size: 1.3rem;
	text-align: center;

}
.pf-date-table-wrap .table-head h3:before {
	/*position: absolute;
	left: -50px;
	top: -2px;*/
	display: block;
	max-width: 50px;
	margin: 0 auto;
}
.col-44 .ttl-box h3 {
	margin-bottom: 16px;
}

.col-44 h3,
.col-44 .ttl-box h3,
.pf-date-table-wrap .table-head h3,
.pf-date-table-wrap .table-cell-mon span,
.pf-date-table-wrap .table-cell-day span,
.pf-date-table-wrap .table-cell-time span {
	font-size: 1.4rem;
	font-weight: bold;
}


.pf-date-table-wrap .table-cell-time select {	
	display: inline-block;
	/*max-width: 240px;*/
	width: 100%;
	margin: 0 auto;
	border: 1px solid #bfbfbf;
	border-radius: 3px;
	text-align: left;
	font-weight: bold;
	color: #333;
	font-size: 1.6rem;
	padding: 7px 10px;
	
}

.pf-date-table-wrap .table-cell-mon select,
.pf-date-table-wrap .table-cell-day select {
	display: inline-block;
	/*max-width: 240px;*/
	width: calc(100% - 30px);
	margin: 0 auto;
	border: 1px solid #bfbfbf;
	border-radius: 3px;
	text-align: left;
	font-weight: bold;
	color: #333;
	font-size: 1.6rem;
	padding: 7px 10px;

}

.radio-txt-wrap .radio-txt-box + .radio-txt-box {
	margin-top: 16px;
	padding-top: 16px;
	border-top: 1px solid #eee;
}

.radio-txt-wrap .radio-txt p {
	display: inline-block;
	font-weight: bold;
}

.radio-txt-wrap .radio-txt p label {
	font-weight: bold;
	font-size: 1.6rem;
}

.radio-txt-wrap .radio-txt span {
	display: block;
}
.check-box-list-wrap100 ul li {
	margin-bottom: 16px;
}


/**********confirm**********/

/*************error**************/
.error-list {
	width: 100%;
	margin: 30px auto;
	background-color: #eee;
	padding: 10px 14px;
}

.error-list p {
	font-weight: bold;
	line-height: 2;

}


/*************form-style*************/




/*************form-style*************/


/*************contact-tel*************/
.wrap-contact-tel{
    margin: 12px 0 24px;
}
.wrap-contact-tel span{
    line-height: 1.4;
    font-size: 1.2rem;
    display:block;
    color: #333;
}
.wrap-contact-tel a{
    line-height: 1.4;
    border: 1px solid #4285f4;
    background-color: #4285f4;
    display: block;
    padding: 12px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    width: 90%;
    margin: 8px auto;
}
/*************contact-tel*************/


/*------fix-foot-------*/
.sp_hidden {
	display: none!important;
}

.display-demo-footer {
    display: none;
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 998;
}
.display-demo-footer-table {
	width: 100%;
	display: table;
	table-layout auto;
	
}

.display-demo-footer-table > div {
	display: table-cell;
	height: 56px;
	vertical-align: top;
	overflow: hidden;
}


.display-demo-footer-table .tel-link a {
	display: block;
	color: #fff;
	text-align: center;
	background-color: rgba(0,59,143,0.9);
	width: 100%;
	height: 56px;
	padding-top: 10px;
}

.display-demo-footer-table .tel-link {
	padding-right: 2px;

}
.display-demo-footer-table .tel-link i {
	font-size: 18px;
	margin-right: 5px;
}
.display-demo-footer-table .tel-link span {
	vertical-align: top;
	font-size: 18px;
	line-height: 1;
	display: inline-block;
}


.display-demo-footer-table .tel-link .tel-info {
	display: inline-block;
	font-size: 11px;
	/*font-size: 11px;*/
	width: 100%;
}



/*************form-product-img*************/
.form-product-img{
    margin: 12px auto 0;
    text-align:center;
}

.form-product-img img{
    width:70%;
}
/*************form-product-img*************/

/*************recommend-demo*************/
.recommend-demo{
    margin:12px auto !important;
    padding: 16px;
    
}

.recommend-demo .ttl-recommend{
    font-size:20px;
    font-size:2.0rem;
    font-weight: bold;
    text-align: center;
    /*border-bottom: 1px solid #003B8F;*/
    margin-bottom: 6px;
}

.recommend-demo .list-recommend{
}

.recommend-demo .list-recommend li{
    font-size:16px;
    font-size:1.6rem;
}

.recommend-demo .list-recommend li i{
    margin-right: 6px;
    font-size:14px;
    font-size:1.4rem;
}
/*************recommend-demo*************/

/*------fix-foot-------*/


/*************check-request-doc-product*************/


.check-request-doc-product li {
    margin-bottom: 32px;
}



.check-request-doc-product li img{
    width: 85%;
    display: block;
    margin: 0 auto;
}

.check-request-doc-product li .request-doc-product-img{
    display: block;
    overflow: hidden;
    width: 100%;
    height: 180px;
}

/*************check-request-doc-product*************/

.sp-foot-type01 {
padding: 0 12px;
}
.sp-foot-type01 .sp-foot-list {
margin-top: 42px;
}

.sp-foot-type01 .sp-foot-list li a {
display: block;
padding: 14px 12px;
position: relative;
color: #fff;
    border-bottom: 1px solid #fff;
}

.sp-foot-type01 .sp-foot-list li:nth-child(1) a {


}
.sp-foot-type01 .sp-foot-list li a:after {
	content: "";
	display: block;
	position: absolute;
	right: 12px;
	top: 50%;
	width: 20px;
	height: 20px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: translateY(-50%) rotate(45deg);
	-webkit-transform: translateY(-50%) rotate(45deg);
}

}/*****************************
			SP-view-end
******************************/

/**********other-common-style**********/

#trg-meta-table #trg-meta-table th {
	background-color: #ccc;
	box-shadow: 0 0 4px -2px rgba(0,0,0, 0.4) inset;
}

.txt-area-clip textarea {
	display: block;
	background-color: #333;
	color: #fff;
	width: 100%;
	height: 100px;
}

.txt-area-clip-arrow {
	display: block;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
}