@import url(//use.fontawesome.com/releases/v5.1.0/css/all.css);

/* original.css */
html:lang(en) #locator_template_c3 li:first-child {
  display: none;
}
html:lang(en) #locator_template_c3 li:nth-child(2) {
  margin-left: 0;
}

.use .icon01_2 a::before {
    background-image: url(../image/icon_src_01_2.png);
}

.use .icon10 a::before {
    background-image: url(../image/icon_src_10_2.png);
}

/* ----------------------------

サムネイル名 ： フロー図 No.02

----------------------------- */
.dlb-flow_area_4 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.dlb-flow_area_4 .dlb-flow_item {width: 20%;}
.dlb-flow_area_4 .dlb-flow_title {
	text-align: center;
	padding: 20px 8px;
	font-weight: bold;
	font-size: 110%;
}
.dlb-flow_area_4 .dlb-flow_txt {padding: 25px 20px;}
.dlb-flow_area_4 .dlb-flow_arr {
	width: 5%;
	text-align: center;
}
.dlb-flow_area_4 .dlb-flow_arr::before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	content: "\f0da";
	vertical-align: middle;
	font-size: 40px;
}

@media only screen and (max-width: 690px) {
	.dlb-flow_area_4 .dlb-flow_item {	width: 100%;}
	.dlb-flow_area_4 .dlb-flow_title {padding: 16px 8px;}
	.dlb-flow_area_4 .dlb-flow_txt {padding: 20px 16px;}
	.dlb-flow_area_4 .dlb-flow_arr {width: 100%;}
	.dlb-flow_area_4 .dlb-flow_arr::before {
		content: "\f0d7";
		line-height: 1;
	}
}

.flow_sideblk .dlb-flow_title {
    padding: 5px 0px!important;
}

.flow_sideblk .dlb-flow_title p{
	background-color: #0D3780;
	color: #ffffff;
}

.flow_sideblk .dlb-flow_txt{
    padding: 5px 0px!important;
}


.flow_sideblk .dlb-flow_item {
    min-height: 330px;
}

.flow_sideblk .dlb-flow_arr:before {
	color: #FFC732!important;
}

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

	.flow_sideblk .dlb-flow_title p{
	    padding: 8px 0px!important;
	}

	.flow_sideblk .dlb-flow_item {
	    min-height: auto;
	}

}


/* head logo */
header.template_c3 #header_logo a img {
    width: 100%;
    height: auto;
    display: block;
}

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

header.template_c3 #header_logo a img {
    width: 30px;
    height: auto;
    display: block;
}

}

/* shotop */
.shotopborder{
    border: solid 1px;
    border-color: #dddddd;
}
.shotoparrow a::after {
    content: "";
    width: 7px;
    height: 7px;
    border: solid #0D3780;
    border-width: 2px 2px 0 0;
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
    position: relative;
    top: -2px;
    margin-left: 10px;
}

/* productsub */
.productsub {
    display: inline-block;
    padding: 8px;
    border-radius: 6px;
    line-height: 1;
    color: #ffffff;
}
.productsub_1 {
    background-color: #68cc67;
    display: inline-block;
    padding: 8px;
    line-height: 1;
    color: #ffffff;
}
.productsub_2 {
    background-color: #f46236;
    display: inline-block;
    padding: 8px;
    line-height: 1;
    color: #ffffff;
}
.productsub_3 {
    background-color: #fd7377;
    display: inline-block;
    padding: 8px;
    line-height: 1;
    color: #ffffff;
}
.productsub_4 {
    background-color: #427eff;
    display: inline-block;
    padding: 8px;
    line-height: 1;
    color: #ffffff;
}
.productsub_5 {
    background-color: #8b5be2;
    display: inline-block;
    padding: 8px;
    line-height: 1;
    color: #ffffff;
}
.productsub_6 {
    background-color: #607D8B;
    display: inline-block;
    padding: 8px;
    line-height: 1;
    color: #ffffff;
}
.productsub_7 {
    background-color: #f7c128;
    display: inline-block;
    padding: 8px;
    line-height: 1;
    color: #ffffff;
}
.productsub_8 {
    background-color: #795548;
    display: inline-block;
    padding: 8px;
    line-height: 1;
    color: #ffffff;
}
/* use_sheach */
.usebtn a {
    padding: 8px 5em !important;
}