@charset "UTF-8";

/* ------------------------------------------------------------ */
html, body, div, span, applet, object, iframe,
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, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}
blockquote, q {
	quotes:none;
}

/* remember to define focus styles! */
:focus {
	outline:0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration:none;
}
del {
	text-decoration:line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:collapse;
	border-spacing:0;
}

/* ------------------------------------------------------------ */
/* Base */
/* ------------------------------------------------------------ */
html {
	filter:expression(document.execCommand("BackgroundImageCache", false, true)); /* これで一瞬砂時計が出るのを回避（IE Only） */
}
ul,ol,li {
	list-style:none;
	margin:0;
	padding:0;
}
p {
	margin:0;
	padding:0;
}
body {
	margin:0;
	padding:0;
	line-height:1.4;
}
h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
}
img {
	border:none;
	vertical-align:bottom
}
a {
    transition: all 0.2s ease 0s;
}
.rtxt {
	color: #c00;
}
.button {
	display: inline-block;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button {
	position: relative;
	z-index: 2;
	background-color: #fff;
	border: 2px solid #1d2382;
	color: #1d2382;
	overflow: hidden;
}
.button:hover {
	color: #f4f4f4;
}
.button::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.button:hover::after {
	-webkit-transform: scale(2) rotate(180deg);
	transform: scale(2) rotate(180deg);
	background: #1d2382;
}

/* ------------------------------------------------------------ */
/* Margin */
/* ------------------------------------------------------------ */
.lv0 {
	margin-bottom: 0!important;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mt60 {
	margin-top: 60px;
}
.border-none {
	border: none!important;
}

/* ------------------------------------------------------------ */
/* Fonts */
/* ------------------------------------------------------------ */

/* body */
body {
	text-align: center;
}
.container {
	text-align: left;
}
#main {
	margin-top: 40px;
}
#main section p {
	margin-bottom: 1em;
}
#main .inner-page {
	margin-left: 10px;
	margin-right: 10px;
}
#side {
}
@media (min-width: 768px) {
	#main .inner-page {
		margin-left: 20px;
		margin-right: 0;
	}
	#main .inner-item {
		margin-left: 10px;
		margin-right: -10px;
	}
}
#main .inner-item .item {
	margin:  10px 10px 0;
}
#main .inner-item a {
	display: block;
	color: #4d4d4d;
	text-align: center;
	text-decoration: none;
}
#main .inner-item a span {
	display: block;
	margin-top: 6px;
}
#main .inner-item a span::before {
    content: "\f105";
	padding-right: 6px;
    font-family: "FontAwesome";
	color: #4d4d4d;
}

/* nav */
header {
	background: #f4f4f4 url(/common/images/share/bgHeader.png) repeat-x top;
	border-bottom: 1px solid #a53b82;
}
#header {
	position: relative;
	width: 984px;
	margin: 0 auto;
	text-align: left;
}
#logo {
}
#logo a {
	display: block;
	width: 254px;
	height: 78px;
	background: url(/common/images/share/bgNav.png) 0 78px;
	text-decoration: none;
}
#logo a:hover {
	background: url(/common/images/share/bgNav.png) 0 0;
}
#logo .mei {
	display: none;
}
#logo .text {
	position: absolute;
	top: 22px;
	left: 60px;
	font-weight: normal;
	font-size: 10px;
	color: #f4f4f4;
}
#nav {
	position: absolute;
	top: 0;
	left: 254px;
	width: 730px;
}
#nav li {
	float: left;
	width: 146px;
}
#nav li a {
	display: block;
	height: 78px;
	background-image: url(/common/images/share/bgNav.png);
}
#nav li a span {
	display: none;
}
#nav li#nav01 a {
	background-position: -254px 78px;
}
#nav li#nav02 a {
	background-position: -400px 78px;
}
#nav li#nav03 a {
	background-position: -546px 78px;
}
#nav li#nav04 a {
	background-position: -692px 78px;
}
#nav li#nav05 a {
	background-position: -838px 78px;
}
#nav li#nav01 a:hover {
	background-position: -254px 0;
}
#nav li#nav02 a:hover {
	background-position: -400px 0;
}
#nav li#nav03 a:hover {
	background-position: -546px 0;
}
#nav li#nav04 a:hover {
	background-position: -692px 0;
}
#nav li#nav05 a:hover {
	background-position: -838px 0;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), 
only screen and (min-device-pixel-ratio: 2) {
	header {
		background-image: url(/common/images/share/bgHeader@2.png);
		background-size: 15px 78px;
	}
	#logo a,
	#logo a:hover,
	#nav li#nav01 a,#nav li#nav01 a:hover,
	#nav li#nav02 a,#nav li#nav02 a:hover,
	#nav li#nav03 a,#nav li#nav03 a:hover,
	#nav li#nav04 a,#nav li#nav04 a:hover,
	#nav li#nav05 a,#nav li#nav05 a:hover {
		background-image: url(/common/images/share/bgNav@2.png);
		background-size: 984px 156px;
	}
}

@media (min-width: 768px) {
}
@media (min-width: 992px) {
}

@media (min-width: 768px) {
	#header-xs,
	#spNav {
		display: none;
	}
}
@media (max-width: 767px) {
	#header {
    	display: none;
	}
	#header-xs {
		overflow: hidden;
		text-align: left;
	}
	#header-xs .logo {
		width: 210px;
		padding: 10px 0 10px 10px;
}
	#spNav {
		display: block;
		text-align: left;
	}
	#spNav .spButton {
		position: absolute;
		right: 10px;
		top: 10px;
	}
	#spNav .spButton i {
		font-size: 38px;
		color: #f4f4f4;
	}
	#spNav .spButton:hover {
		cursor: pointer;
	}
	#spNav ul {
		box-shadow: 0 5px 10px #ccc;
		display: none;
		position: absolute;
		top: 58px;
		width: 100%;
		z-index: 1000;
	}
	#spNav li {
		border-top: 1px solid #ddd;
	}
	#spNav a {
		background: #f2f1ec;
		color: #696969;
		display: block;
		font-weight: bold;
		font-size: 15px;
		padding: 15px 20px;
		text-decoration: none;
	}
	#spNav a:hover {
		background: #d14b80;
		color: #f4f4f4;
	}
	#spNav .tel a::before {
		content: "\f098";
		font-family: "FontAwesome";
		font-weight: normal;
		padding-right: 6px;
		color: #d14b80;
	}
	#spNav .tel {
	}
	#spNav .tel a {
	}
	#spNav .tel .note {
		display: inline-block;
		padding-left: 1em;
		font-weight: normal;
		font-size: 10px;
		color: #696969;
	}
	#spNav .tel a:hover::before,
	#spNav .tel a:hover .note {
		color: #f4f4f4;
	}

}

/* footer */
footer {
	margin-top: 40px;
	padding-top: 30px;
	background: #f3f3f4;
	border-top: 1px solid #d4d4d4;
	/*
	box-shadow: 0 -5px 10px 0 rgba(0,0,0,0.20);
	-webkit-box-shadow: 0 -5px 10px 0 rgba(0,0,0,0.20);
	-moz-box-shadow: 0 -5px 10px 0 rgba(0,0,0,0.20);
	*/
}
footer .container {
	color: #9999a3;
}
footer .container dl {
}
footer .container dt {
	margin-bottom: 8px;
	font-size: 14px;
	color: #f4f4f4;
}
footer .container dt::before {
    content: "\f054";
    font-family: "FontAwesome";
	color: #9999a3;
	padding-right: 6px;
}
footer .container .icon-push::before {
	content: "\f0a3";
}
footer .container dl,
footer .container ul {
	overflow: hidden;
}
footer .container .pagenav {
	display: inline-block;
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px dotted #d4d4d4;
}
footer .container dd,
footer .container .pagenav li {
	float: left;
	margin-bottom: 2px;
	margin-right: 12px;
	font-size: 12px;
}
footer .container dd::before,
footer .container .pagenav li::before {
    content: "\f105";
    font-family: "FontAwesome";
	color: #9999a3;
	padding-right: 6px;
}
footer .container dt a,
footer .container dd a,
footer .container li a {
	color: #9999a3;
}
footer .container dd {

}
footer .copyright {
	margin-top: 20px;
	padding: 8px 0;
	border-top: 1px solid #d4d4d4;
	border-bottom: 1px solid #d4d4d4;
	text-align: center;
	font-size: 12px;
	color: #9999a3;
}
footer .container .company {
	color: #9999a3;
}
footer .container .company .title {
	margin-bottom: 6px;
	font-weight: bold;
	font-size: 16px;
}
footer .container .company .list {
	padding-top: 8px;
	border-top: 1px dotted #d4d4d4;
}
footer .container .company .list li {
	margin-bottom: 2px;
	font-size: 14px;
}
footer .container .company .list li a {
	color: #9999a3;
}
footer .container .company address {
	font-style: normal;
}
@media (max-width: 767px) {
	footer .container dl,
	footer .container ul {
	margin: 0 15px 20px;
	}
	footer .container .company {
	text-align: center;
	}
	#map-canvas {
		width: 100%;
		height: 400px;
	}
}
#page-top{
	bottom: 20px;
    position: fixed;
    right: 20px;
    z-index: 1000;
}
#page-top a {
    background: #1e8aca none repeat scroll 0 0;
    border-radius: 3px;
    color: #ffffff;
    display: block;
    padding: 8px 10px 10px;
    text-align: center;
    transition: all 0.3s ease 0s;
}
#page-top a:hover {
	background: #006d9d;
}

/* side */
#side {
	margin-top: 40px;
}
#side .inner {
}
#side ul{
	border-bottom: 1px solid #d4d4d4;
}
#side li {
	border-top: 1px solid #d4d4d4;
}
#side li a {
	position: relative;
	display: block;
	padding: 12px 0 11px 11px;
	text-decoration: none;
	color: #4d4d4d;
    transition: all 0.5s ease 0s;
}
#side li .active {
	background: #f3f3f4;
}
#side li a:hover {
	background: #fbe3e8;
	color: #000;
}
#side li a::after {
	position: absolute;
	right: 5%;
	top: 27%;
    content: "\f105";
    font-family: "FontAwesome";
	color: #9999a3;
}
#side li .active::after,
#side li a:hover::after {
	color: #000;
}
#side li.title a::after{
	content: "\f0ca";
}
#side .inq .mail {
	margin-top: 10px;
}
#facebook {
	margin-top: 30px;
}

/* main base */
#main section{
	margin-top: 30px;
}
#main .line {
	margin-top: 40px;
	padding-top: 30px;
	border-top: 1px dotted #a4a4a4;
}
#fpbox {
	padding: 30px 30px 0;
	background: #f3f3f4 url(/common/images/service/bg01.png) no-repeat right bottom;
}
#fpbox .txt {
	padding: 20px 10px 10px;
	background: #fff;
	font-size: 16px;
}
#fpbox .price {
	min-height: 110px;
	padding: 40px 0;
	text-shadow: 0 0 3px #fff; 	
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 18px;
	color: #1d2382;
}
#fpbox .price span {
	font-size: 24px;
	font-weight: bold;
}
#main section .catch-title,
#main .l-font {
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 24px;
	color: #1d2382;
}
#main .m-font {
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 12px 6px;
	background: #f4f4f4;
	border-top: 1px dotted #5258b1;
	border-bottom: 1px dotted #5258b1;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 18px;
	font-weight: normal;
	color: #1d2382;
}
#main .ast-font {
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 14px;
}
#main section .list {
}
#main section .list li {
	margin-top:  12px;
	padding-top: 12px;
	padding-left: 19px;
	border-top: 1px solid #d4d4d4;
	text-indent: -13px;
}
#main section .list.noline li {
	border-top: none;
}
#main section .list ol li {
	padding-left: 20px;
	list-style: decimal inside;
	text-indent: -16px;
}

#main section .list ul li::before,
#main section ul.list li::before {
	padding-right: 6px;
	content: "\f10c";
    font-family: "FontAwesome";
	font-size: 8px;
	vertical-align: middle;
	color: #d4d4d4;
}
#main section .htxt {
	font-size: 12px;
	color: #666;
}
#main .ast::before {
	font-size: 12px;
	content: "\f069";
    font-family: "FontAwesome";
	color: #cc0000;
	padding-right: 2px;
}
#main .ast {
	font-size: 12px;
	color: #666;
}
#main .ast span {
	display: block;
	text-indent: 1.1em;
}
#main .details .ast {
	margin-left: 0;
}
#main section .line {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px dotted #d4d4d4;
}
#main .gray-box {
	padding: 12px 20px;
	border: 10px solid #f3f3f4;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
}
#main #archives .item {
	padding-top: 12px;

}
#main section .item {
	padding-top: 12px;
	border-top: 1px dotted #d4d4d4;
}
#main .gsection {
	padding: 22px 26px;
	background: #f8f5f0;
	color: #666;
}
#main .gbox {
	padding: 12px 16px;
	border-radius: 6px;
	background: #f3f3f4;
}
#main .plans .gbox {
	font-size: 85.7%;
}
#main .plans .item {
	margin-top: 22px;
	padding-top: 12px;
	border-top: 1px dotted #d4d4d4;
}
#main ul.voice {
	margin-bottom: 1em;
	padding: 6px 12px;
	border: 5px solid #f3f3f4;
}
#main ul.voice li {
	padding: 6px 0;
}
#main ul.voice li::before {
		content: "\f0e6";
		font-family: "FontAwesome";
		font-weight: normal;
		padding-right: 6px;
		color: #a4a4a4;
}
#main .voice-p {
	display: inline-block;
	padding: 0 15px 3px;
	border-bottom: 1px dotted #a4a4a4;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 16px;
}
#main .youken-list {
	padding-left: 20px;
}
#main .youken-list dt {
	margin-bottom: 6px;
	font-weight: bold;
	font-size: 16px;
}
#main .youken-list dt .num {
	display: inline-block;
	margin-right: 7px;
	padding: 3px 8px;
	border-radius: 6px;
	background: #1d2382;
	font-size: 14px;
	color: #f4f4f4;
}
#main .youken-list dd {
	margin-bottom: 1em;
}
#main .page-title {
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 6px 6px 6px 12px;
	border: 1px solid #d4d4d4;
	border-top: 2px solid #1d2382;
	background: #f3f3f4;
	font-weight: bold;
	font-size: 22px;
	color: #1d2382;
}
#main .title-a {
	margin-bottom: 20px;
	padding-bottom: 6px;
	border-bottom: 2px solid #1d2382;
	font-weight: bold;
	font-size: 20px;
	color: #1d2382;
}
#main .title-a .note {
	display: inline-block;
	text-align: right;
	font-weight: normal;
	font-size: 16px;
	color: #252525;
}
#main .title-b {
	margin-bottom: 12px;
	font-weight: bold;
	font-size: 18px;
	color: #1d2382;
}
#main .title-a .label,
#main .title-b .label {
	display: inline-block;
	margin-left: 6px;
	padding: 2px 8px;
	background: #1d2382;
	font-style: normal;
	color: #f4f4f4;
}
#main .title-b .note {
	margin-left: 10px;
	font-weight: normal;
	font-size: 14px;
	color: #252525;
}
#main .title-b em {
	margin-right: 6px;
	font-size: 125%;
	font-style: normal;
	font-weight: bold;
	color: #bcbdd9;
}
#main .title-b small {
	font-weight: normal;
	font-size: 14px;
}
#main .state .title-b .label {
	margin-left: 0;
	margin-bottom: 6px;
}
#main .title-c {
	margin-bottom: 20px;
	padding-bottom: 6px;
	border-bottom: 2px solid #1d2382;
	font-size: 16px;
}
#main .title-c em {
	font-weight: bold;
	font-style: normal;
	font-size: 20px;
	color: #1d2382;
}
#main .title-c em span {
	font-size: 16px;
	color: #252525;
}
#main .image {
	margin-bottom: 20px;
}
#main .inner-page .inner {
	margin-left: 20px;
}
#main .inner-page .col-sm-pull-4 .inner,
#main .inner-page .col-sm-pull-6 .inner,
#main .inner-page .col-sm-pull-8 .inner {
	margin-left: 0;
	margin-right: 20px;
}
#main .link-button {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px dotted #d4d4d4;
	text-align: center;
}
#main .link-button a {
	min-width: 60%;
	padding: 12px 10px;
	text-decoration: none;
	font-weight: bold;
}
#main .table-a,#main .table-b {
	background: #fff;
}
#main .table thead th,
#main .table thead td {
	background: #7d751e;
	font-weight: bold;
	color: #fff;
}
#main .table-b tbody th {
	background: #f3f3f4;
	font-weight: bold;
}
#main .merit .title-b {
	font-size: 16px;
}
#main .merit .title-b .label {
	font-size: 100%;
}
#main .faq {
	overflow: hidden;
	margin: 20px 2px 0;
}
#main .faq dl {
	margin-top: -1px;
}
#main .faq dt::before {
	padding-right: 9px;
	content: "Q.";
	font-weight: bold;
	font-size: 24px;
	color: #c00;
}
#main .faq dt {
	padding-top: 12px;
	padding-bottom: 6px;
	padding-left: 34px;
	text-indent: -34px;
	border-top: 1px dotted #d4d4d4;
	font-weight: bold;
}
#main .faq dd::before {
	padding-right: 9px;
	content: "A.";
	font-weight: bold;
	font-size: 24px;
	color: #00c;
}
#main .faq dd {
	margin-bottom: 24px;
	padding-left: 34px;
	text-indent: -32px;
}
.inq {
	margin-top: 20px;
	clear: both;
}
.inq .voice {
	text-align: center;
}
.inq .voice strong {
	display: block;
	margin-bottom: 6px;
	padding: 12px;
	border-radius: 6px;
	background: #f5ce00;
	color: #4d4d4d;
}
.inq .tel i{
	color: #1d2382;
}
.inq .tel {
	padding-left: 11px;
	font-weight: bold;
	font-size: 24px;
	color: #252525;
}
.inq .tel .txt {
	display: block;
	font-weight: normal;
	font-size: 12px;
	color: #9999a3;
}

.inq .mail .button {
	display: block;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	border: 2px solid #1d2382;
	color: #1d2382;
}
.inq .mail a.button:hover {
	background: #1d2382;
	color: #f4f4f4;
}
#line-box {
	margin-top: 30px;
}
.qr-line {
	display: block;
	float: left;
	width: 150px;
}
.add-line {
	overflow: hidden;
	padding: 8px 0 0 20px;
}
.add-line .button {
	border-radius: 6px;
	border: 2px solid #06C755;
	padding-left: 6px;
	padding-right: 6px;
	color: #06C755;
	overflow: hidden;	
}
.add-line .button:hover::after {
	-webkit-transform: scale(2) rotate(180deg);
	transform: scale(2) rotate(180deg);
	background: #06C755;
}
.add-line .button:hover {
	color: #f4f4f4;
}
.add-line .button svg {
	width: 50px;
	float: left;
}
.add-line .button svg path {
	fill: #06C755;
}
.add-line .button:hover svg path {
	fill: #f4f4f4;
}
.add-line .button .txt {
	display: inline-block;
	padding-top: 14px;
}



section .details dl {
}
section .details dl dt {
	text-indent: 0.4em;
	font-weight: bold;
}
section .details dl dd {
}
section .details dl dt,
section .details dl dd {
	padding: 12px 0 10px;
	border-top: 1px dotted #d4d4d4;
}
section .details dl.even {
	background: #f3f3f4;
}
section .details dd .htxt {
	font-size: 12px;
}
section .details .note {
	margin-top: 12px;
	padding-top: 12px;
	border-top: 1px dotted #d4d4d4;	
}
.office #main .name {
	margin: 60px 0 20px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-size: 24px;
	color: #1d2382;
}
@media (min-width: 768px) {
	.contact #main .inq {
		padding: 20px 0;
		border-top: 1px solid #d4d4d4;
		border-bottom: 1px solid #d4d4d4;
	}
	.contact #main .inq .voice {
		display: inline-block;
		float: left;
		margin: 6px 12px 0 0;
	}
}


@media (max-width: 767px) {
	.line {
		margin-bottom: 30px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #a4a4a4;
	}
	.qr-line {
		float: none;
		width: 50%;
		margin: 0 auto;
	}
	.add-line {
		text-align: center;
	}
	.inq {
		margin: 20px 10px;
		text-align: center;
	}
	#main .page-title {
		margin: 0 10px 20px;
		text-align: center;
	}
	#main section .catch-title,
	#main .l-font {
		font-size: 24px;
	}
	#main .inner-page .inner,
	#main .inner-page .col-sm-pull-6 .inner {
		margin: 0;
	}
	#main .link-button a {
		width: 100%;
	}
	.office #main .name {
		margin-top: 10px;
		text-align: center;
	}
	#main .details .ast {
		display: block;
		text-indent: 0.4em;
	}
	#main .contents-01,#main .contents-02,#main .contents-03 {
		padding-left: 0!important;
	}
}
#main .gbox .l-font {
	font-size: 20px;
}
/* main inv */
#main .contents-01 {
	border-top: 1px solid #d4d4d4;
	padding: 20px 0 20px 60px;
	background: url(/common/images/home/images01.png) no-repeat left top;
	background-size: 70% auto;
	text-shadow: 0 0 3px #fff; 
}
#main .contents-02 {
	border-top: 1px solid #d4d4d4;
	padding: 20px 0 20px 60px;
	background: url(/common/images/home/images02.png) no-repeat left top;
	background-size: 50% auto;
	text-shadow: 0 0 3px #fff; 
}

#main .contents-03 {
	margin-top: 0;
	padding: 20px 0 20px 60px;
	background: url("/common/images/home/images04.png") no-repeat right top;
	background-size: auto 100%;
	text-shadow: 0 0 3px #fff; 
}
#main .contents-03 em {
	margin-left: 1em;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
}
.dline {
	padding-top: 10px;
	padding-left: 18px;
	border-top: 1px solid #ddd;
}
@media (max-width: 767px) {
	#main .contents-03 {
		background: url("/common/images/home/images05.png") no-repeat right top;
		background-size: contain;

	}
}
#topics{
	border-radius: 6px;
	background: #f3f3f4;
}
#topics .title::before{
	padding-right: 6px;
	content: "\f10c";
    font-family: "FontAwesome";
	color: #fda805;
}
#topics .title {
	padding: 15px 20px 10px;
	border-bottom: 2px solid #fda805;
	font-weight: bold;
	font-size: 18px;
}
#topics .note {
	padding: 10px 0 10px 20px;
}
#topics .dlist {
	overflow-y: scroll;
	max-height: 400px;
	padding-bottom: 12px;
}
#topics .dlist dt::before{
	padding-right: 6px;
	content: "\f133";
    font-family: "FontAwesome";
	color: #b77800;
}
#topics .dlist dt {
	padding-top: 9px;
	padding-left: 20px;
	border-top: 1px solid #d4d4d4;
}
#topics .dlist dd strong {
	display: block;
	margin: 3px 0;
}
#topics .dlist dd {
	padding: 3px 20px 12px;
}
.policy #main .title {
	display: inline-block;
	margin: 30px 0 10px;
	padding: 6px 24px;
	background: #f3a7b9;
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}
.policy #main section .list {
	margin-top: 0;
}
.policy #main section .list ul li {
	margin-top: 0;
	padding-top: 8px;
	border-top: none;
}
.format section {
	padding-top: 30px;
	border-top: 1px dotted #a4a4a4;
}
#asterisk em,
.contact #main label em {
	margin-left: 6px;
	color: #c00;
}
.form-horizontal .your-contents .form-control {
	margin-left: -0.5em;
	padding-left: 0;
	border: none;
}
.form-horizontal .wpcf7-response-output {
	padding: 20px;
	text-align: center;
}
.form-horizontal .wpcf7-not-valid-tip {
	margin-top: 6px;
}
#map_custmomize {
	width: 100%;
	height: 600px;
}
p.sorry {
	border-top: 1px dotted #a4a4a4;
	padding: 20px;
}

.bgGray {
	background: #a4a4a4;
}
.bgRed {
	background: #F85E61;
}
.bgBlue {
	background: #A3D6FB;
}
.bgGreen {
	background: #A5E7A9;
}