@charset "UTF-8";

/* =========================================================
guide
========================================================= */
#guide {
	margin: 20px 0;
}
/* =========================================================
header
========================================================= */
#guide .header {
	margin-bottom: 10px;
}
#guide .header h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 126%;
	margin-bottom: 5px;
}
#guide .header .desc {
	font-size: 92%;
	line-height: 137%;
}
/* ===============================================
cls title
=============================================== */
#guide .cls-title  {
	text-align: center;
	margin: 0 auto 10px;
}
#guide .cls-title img  {
	vertical-align: middle;
	max-width: 320px;
}
/* =========================================================
video
========================================================= */
#guide .video {
	text-align: center;
	margin-bottom: 20px;
}
/* ===============================================
cls
=============================================== */
#guide .cls  {
	text-align: center;
	margin-bottom: 50px;
}
#guide .cls dt  {
	color: #ff6600;
	font-size: 16px;
	font-weight: bold;
	line-height: 146%;
	margin-bottom: 15px;
}
#guide .cls dl {
	margin-bottom: 15px;
}
#guide .cls dd img {
	vertical-align: middle;
	width: 100%;
}
#guide .cls p  {
	font-weight: bold;
	font-size: 85%;
	line-height: 137%;
}
/* =========================================================
headline
========================================================= */
#guide .headline {
	text-align: center;
	margin: 0 -10px -30px -10px;
}
#guide .headline h3 {
	color: #ff6600;
	font-size: 16px;
	font-weight: bold;
	background-color: #fff4ec;
	padding: 15px 10px;
}
#guide .headline div {
	display: inline-block;
	border: 30px solid transparent;
	border-top: 20px solid #fff4ec;
	width: 0;
	height: 0;
}
/* =========================================================
area
========================================================= */
#guide .area {
	font-size: 85%;
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	margin-bottom: 20px;
	width: 100%;
}
#guide .area .content {
	display: table-cell;
	vertical-align: top;
	padding: 0 5px;
}
#guide .area .content dl {
	margin-bottom: 8px;
}
#guide .area .content dt {
	font-weight: bold;
	border-bottom: 1px dotted #e8ece9;
	padding: 5px 0;
}
#guide .area .content a {
	color: #333333;
}
#guide .area .content dd ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#guide .area .content dd li {
	position: relative;
	background-color: transparent;
}
#guide .area .content dd li::after {
	position: absolute;
	top: 7px;
	left: 0;
	z-index: 2;
	content: '';
	width: 5px;
	height: 5px;
	border: 2px solid #ff6600;
	border-radius: 100%
}
#guide .area .content dd li a {
	display: block;
	line-height: 100%;
	border-bottom: 1px dotted #e8ece9;
	padding: 5px 0 5px 13px;
}
/* =========================================================
contact
========================================================= */
#guide .contact {
	font-size: 90%;
	text-align: center;
	margin-bottom: 30px;
}
#guide .contact a {
	display: block;
}
#guide .contact span {
	display: block;
	color: #333333;
	font-weight: bold;
	margin-bottom: 5px;
}
/* =========================================================
service
========================================================= */
#guide .service {
	font-size: 85%;
}
#guide .service .box {
	margin-bottom: 20px;
}
#guide .service .box .arrow {
	border: 25px solid transparent;
	border-top: 10px solid #efefef;
	width: 0;
	height: 0;
}
#guide .service .box p {
	font-weight: bold;
	margin: -20px 0 10px 0;
}
#guide .service h4 {
	background-color: #efefef;
	margin: 0 -10px;
}
#guide .service h4 a {
	position: relative;
	display: block;
	font-size: 18px;
	font-weight: bold;
	line-height: 34px;
	background-size: auto 34px;
	background-repeat: no-repeat;
	background-position: 10px 50%;
	padding: 5px 10px 5px 48px;
}
#guide .service h4 a::before,
#guide .service h4 a::after {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	content: '';
	width: 10px;
	height: 3px;
	border-radius: 2px;
	margin-right: 10px;
}
#guide .service h4 a::before {
	margin-top: -4px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#guide .service h4 a::after {
	margin-top: 1px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#guide .service .tg h4 a {
	color: #42150a;
	background-image: url(/imgm/common/tg/service_icon.png);
}
#guide .service .tg h4 a::before,
#guide .service .tg h4 a::after {
	background-color: #8f8f5f;
}

#guide .service .cf h4 a {
	color: #417038;
	background-image: url(/imgm/common/cf/service_icon.png);
}
#guide .service .cf h4 a::before,
#guide .service .cf h4 a::after {
	background-color: #90ac1a;
}

#guide .service .ev h4 a {
	color: #660000;
	background-image: url(/imgm/common/ev/service_icon.png);
}
#guide .service .ev h4 a::before,
#guide .service .ev h4 a::after {
	background-color: #660000;
}

#guide .service .cj h4 a {
	color: #006363;
	background-image: url(/imgm/common/cj/service_icon.png);
}
#guide .service .cj h4 a::before,
#guide .service .cj h4 a::after {
	background-color: #5faea1;
}

#guide .service .wk h4 a {
	color: #083169;
	background-image: url(/imgm/common/wk/service_icon.png);
}
#guide .service .wk h4 a::before,
#guide .service .wk h4 a::after {
	background-color: #2186eb;
}

#guide .service .flyer h4 a {
	color: #5a3600;
	background-image: url(/imgm/common/flyer/service_icon.png);
}
#guide .service .flyer h4 a::before,
#guide .service .flyer h4 a::after {
	background-color: #ff9900;
}

#guide .service .ib h4 a {
	color: #083169;
	background-image: url(/imgm/common/ib/service_icon.png);
}
#guide .service .ib h4 a::before,
#guide .service .ib h4 a::after {
	background-color: #336699;
}

#guide .service .ln h4 a {
	color: #cc3333;
	background-image: url(/imgm/common/ln/service_icon.png);
}
#guide .service .ln h4 a::before,
#guide .service .ln h4 a::after {
	background-color: #fc7070;
}

#guide .service .bs h4 a {
	color: #633100;
	background-image: url(/imgm/common/bs/service_icon.png);
}
#guide .service .bs h4 a::before,
#guide .service .bs h4 a::after {
	background-color: #f8b500;
}

#guide .service .bsc h4 a {
	color: #48372b;
	background-image: url(/imgm/common/bsc/service_icon.png);
}
#guide .service .bsc h4 a::before,
#guide .service .bsc h4 a::after {
	background-color: #533c32;
}

#guide .service .rp h4 a {
	color: #004141;
	background-image: url(/imgm/common/rp/service_icon.png);
}
#guide .service .rp h4 a::before,
#guide .service .rp h4 a::after {
	background-color: #006363;
}

#guide .service .re h4 a {
	color: #339966;
	background-image: url(/imgm/common/re/service_icon.png);
}
#guide .service .re h4 a::before,
#guide .service .re h4 a::after {
	background-color: #37a76f;
}

#guide .service .fr h4 a {
	color: #006666;
	background-image: url(/imgm/common/fr/service_icon.png);
}
#guide .service .fr h4 a::before,
#guide .service .fr h4 a::after {
	background-color: #009999;
}

#guide .service .eb h4 a {
	color: #cc3300;
	background-image: url(/imgm/common/eb/service_icon.png);
}
#guide .service .eb h4 a::before,
#guide .service .eb h4 a::after {
	background-color: #ed6c2a;
}

#guide .service .ci h4 a {
	color: #5e5e5e;
	background-image: url(/imgm/common/ci/service_icon.png);
}
#guide .service .ci h4 a::before,
#guide .service .ci h4 a::after {
	background-color: #666666;
}

#guide .service .ls h4 a {
	color: #333399;
	background-image: url(/imgm/common/ls/service_icon.png);
}
#guide .service .ls h4 a::before,
#guide .service .ls h4 a::after {
	background-color: #333399;
}

#guide .service .te h4 a {
	color: #1e593c;
	background-image: url(/imgm/common/te/service_icon.png);
}
#guide .service .te h4 a::before,
#guide .service .te h4 a::after {
	background-color: #339966;
}
#guide .service .lifeline h4 a {
	color: #007f61;
	background-image: url(/imgm/common/lifeline/service_icon.png);
}
#guide .service .lifeline h4 a::before,
#guide .service .lifeline h4 a::after {
	background-color: #007f61;
}
#guide .service .mc h4 a {
	color: #043c78;
	background-image: url(/imgm/common/mc/service_icon.png);
}
#guide .service .mc h4 a::before,
#guide .service .mc h4 a::after {
	background-color: #043c78;
}
#guide .service ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 0 1em;
}
#guide .service li {
	background-image: url(/imgm/common/common/icon_fuki_gry.png);
	background-size: auto 20px;
	background-repeat: no-repeat;
	background-position: 0 2px;
	border-bottom: 1px solid #efefef;
	padding: 5px 15px 5px 28px;
	margin: 0 -10px 5px 0;
}
#guide .service .link {
	font-weight: bold;
	text-align: right;
}
#guide .service .link a{
	position: relative;
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
	padding: 0 0 0 16px;
}
#guide .service .link a::before,
#guide .service .link a::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
#guide .service .link a::before{
	left: 2px;
	width: 7px;
	height: 3px;
	background: #0085dd;
}
#guide .service .link a::after{
	left: 2px;
	width: 6px;
	height: 6px;
	border-top: 3px solid #0085dd;
	border-right: 3px solid #0085dd;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}