@charset "utf-8";
/* ================================================================================================================== */
/* SERVICE:NAVI                                                                                                       */
/* ===================================================================================================================*/
#main #service_local_navi {
	width: 980px;
	margin: 0 auto;
	padding-top: 10px;

	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-align-items: center;
	align-items: center;
}
#main #service_local_navi li.type_separator {
	width:   1px;
	height: 36px;
	background: #1986c6;
}
#main #service_local_navi li.type_link {
	flex: 1;
	padding-bottom: 15px;
	text-align: center;
	color: #1986c6;
	font-size: 0.18rem;
	line-height: 1;
	font-feature-settings: "palt";
	cursor: pointer;
	position: relative;
}
#main #service_local_navi li.type_link::after {
	content: "";
	display: inline-block;
	border-top:    4.5px solid #1986c6;
	border-left:   4.5px solid transparent;
	border-right:  4.5px solid transparent;
	border-bottom:   0px solid transparent;
	position: absolute;
	bottom: 0;
	left: calc(50% - 4.5px);
}
@media screen and (max-width: 750px) {
	#main #service_local_navi {
		width: 690px;
		margin: 0 auto;
		padding-top: 30px;

		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#main #service_local_navi li.type_separator {
		height: 65px;
	}
	#main #service_local_navi li.type_return {
		width: 100%;
		height: 20px;
	}
	#main #service_local_navi li.type_link {
		width: calc(50% - 2px);
		padding-bottom: 19px;
		text-align: center;
		font-size: 0.28rem;
		line-height: 1.2;
	}
	#main #service_local_navi li.type_link::after {
		border-top:    7.5px solid #1986c6;
		border-left:   7.5px solid transparent;
		border-right:  7.5px solid transparent;
		border-bottom:   0px solid transparent;
		left: calc(50% - 7.5px);
	}
}
/* ================================================================================================================== */
/* SERVICE:SERVICES                                                                                                   */
/* ===================================================================================================================*/
#main #services {
	width: 980px;
	margin: 30px auto 0;
	padding-bottom: 80px;;
	border-top: 1px solid #1986c6;
}
#main #services .item {
	padding: 50px 0;
	border-bottom: 1px solid #1986c6;
}
#main #services .item dl {
	letter-spacing: -.40em;
}
#main #services .item dl dt {
	display: inline-block;
	width: 300px;
	vertical-align: top;
	letter-spacing: normal;
}
#main #services .item dl dd {
	display: inline-block;
	width: 630px;
	margin-left: 50px;
	vertical-align: top;
	letter-spacing: normal;
}
@media screen and (max-width: 750px) {
	#main #services {
		width: 690px;
		margin: 55px auto 0;
		padding-bottom: 100px;;
		border-top: 1px solid #1986c6;
	}
	#main #services .item {
		padding: 70px 0 90px;
		border-bottom: 1px solid #1986c6;
	}
	#main #services .item dl {
	}
	#main #services .item dl dt {
		display: block;
		width: 390px;
		margin: 0 auto;
	}
	#main #services .item dl dd {
		display: block;
		width: auto;
		margin-top: 37px;
		margin-left: 0;
	}
}
/* ================================================================================================================== */
/* SERVICE:SERVICES:DT                                                                                                */
/* ===================================================================================================================*/
#main #services .item dl dt ul {
	background-image: url('../../images/service/top/texture_blue.jpg');
	background-position: center center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	position: relative;
}
#main #services .item dl dt ul li.type_illust {
	width:  300px;
	position: relative;
	z-index: 2;
}
#main #services .item dl dt ul li.type_illust a {
	display: inline;
}
#main #services .item dl dt ul li.type_title {
	width: 100%;
	color: #ffffff;
	font-size: 0.26rem;
	line-height: 1.2;
	position: absolute;
	z-index: 1;

	font-family: poynter-oldstyle-display,serif;
	font-weight: 600;
	font-style: normal;
}
@media screen and (max-width: 750px) {
	#main #services .item dl dt ul {
	}
	#main #services .item dl dt ul li.type_illust {
		width:  390px;
	}
	#main #services .item dl dt ul li.type_title {
		font-size: 0.338rem;
	}
}
/* =============================================================== */
/* SERVICE:SERVICES:DT:TYPE_NORMAL                                 */
/* =============================================================== */
#main #services .item.type_normal dl dt ul li.type_illust {
	height: 300px;
}
#main #services .item.type_normal dl dt ul li.type_illust img {
	width: 100%;
}
#main #services .item.type_normal dl dt ul li.type_title {
	text-align: center;
	top:  195px;
	left: 0;
}
@media screen and (max-width: 750px) {
	#main #services .item.type_normal dl dt ul li.type_illust {
		height: 390px;
	}
	#main #services .item.type_normal dl dt ul li.type_illust img {
	}
	#main #services .item.type_normal dl dt ul li.type_title {
		top:  255px;
	}
}
/* =============================================================== */
/* SERVICE:SERVICES:DT:TYPE_SHORT                                  */
/* =============================================================== */
#main #services .item.type_short dl dt ul li.type_illust {
	height: 130px;
}
#main #services .item.type_short dl dt ul li.type_title {
	box-sizing: border-box;
	width: 100%;
	padding-left: 90px;
	text-align: center;
	transform: translateY(-50%);
	margin: auto;
	top:  50%;
	left: 0;
}
#main #services .item.type_short dl dt ul li.type_illust img {
	width: 100%;
}
@media screen and (max-width: 750px) {
	#main #services .item.type_short dl dt ul li.type_illust {
		height: 169px;
	}
	#main #services .item.type_short dl dt ul li.type_illust img {
	}
	#main #services .item.type_short dl dt ul li.type_title {
		padding-left: 117px;
	}
}
/* ================================================================================================================== */
/* SERVICE:SERVICES:DD                                                                                                */
/* ===================================================================================================================*/
#main #services .item dl dd ul {
	position: relative;
}
#main #services .item dl dd ul li:nth-child(1),
#main #services .item dl dd ul li:nth-child(2) {
	position: relative;
	top: -6px;
}
@media screen and (max-width: 750px) {
	#main #services .item dl dd ul {
	}
	#main #services .item dl dd ul li:nth-child(1),
	#main #services .item dl dd ul li:nth-child(2) {
		top: 0;
	}
}
/* =============================================================== */
/* SERVICE:SERVICES:DD:TYPE_TITLE                                  */
/* =============================================================== */
#main #services .item dl dd ul li.type_title {
	color: #1986c6;
	font-size: 0.32rem;
	line-height: 1;
	font-feature-settings: "palt";

	font-family: source-han-sans-japanese,sans-serif;
	font-weight: 700;
	font-style: normal;
}
#main #services .item dl dd ul li.type_title a {
	letter-spacing: -0.40em;
}
#main #services .item dl dd ul li.type_title a span {
	display: inline-block;
	letter-spacing: normal;
	vertical-align: middle;
}
#main #services .item dl dd ul li.type_title a span:nth-child(2) {
	margin-left: 7px;
}
#main #services .item dl dd ul li.type_title a span:nth-child(2) img {
	width: 23px;
	height: 5px;
	vertical-align: middle;
	position: relative;
	top: -3px;
}
@media screen and (max-width: 750px) {
	#main #services .item dl dd ul li.type_title {
		font-size: 0.42rem;
	}
	#main #services .item dl dd ul li.type_title a {
	}
	#main #services .item dl dd ul li.type_title a span {
	}
	#main #services .item dl dd ul li.type_title a span:nth-child(2) {
		margin-left: 14px;
	}
	#main #services .item dl dd ul li.type_title a span:nth-child(2) img {
		width: 32.2px;
		height: 7px;
		top: -3px;
	}
}
/* =============================================================== */
/* SERVICE:SERVICES:DD:TYPE_POINT                                  */
/* =============================================================== */
#main #services .item dl dd ul li.type_point {
	margin-top: 13px;
	font-size: 0.16rem;
	line-height: 1.85;
}
@media screen and (max-width: 750px) {
	#main #services .item dl dd ul li.type_point {
		margin-top: 15px;
		font-size: 0.28rem;
	}
	#main #services .item dl dd ul li.type_point br {
		display: none;
	}
}
/* =============================================================== */
/* SERVICE:SERVICES:DD:TYPE_POINT                                  */
/* =============================================================== */
#main #services .item dl dd ul li.type_banner {
	margin-top: 25px;
}
#main #services .item dl dd ul li.type_banner div:nth-child(1) {
	font-size: 0.16rem;
	line-height: 1;

	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
#main #services .item dl dd ul li.type_banner div:nth-child(1) span {
}
#main #services .item dl dd ul li.type_banner div:nth-child(1) span:nth-child(2) {
	padding-left: 3px;
}
#main #services .item dl dd ul li.type_banner div:nth-child(1) span:nth-child(2) img {
	width: 15px;
	height: 11px;
}
#main #services .item dl dd ul li.type_banner div:nth-child(2) {
	margin-top: 10px;
}
@media screen and (max-width: 750px) {
	#main #services .item dl dd ul li.type_banner {
		margin-top: 25px;
	}
	#main #services .item dl dd ul li.type_banner div:nth-child(1) {
		font-size: 0.26rem;
	}
	#main #services .item dl dd ul li.type_banner div:nth-child(1) span {
	}
	#main #services .item dl dd ul li.type_banner div:nth-child(1) span:nth-child(2) {
		padding-left: 3px;
	}
	#main #services .item dl dd ul li.type_banner div:nth-child(1) span:nth-child(2) img {
		width: 23px;
		height: 16.87px;
	}
	#main #services .item dl dd ul li.type_banner div:nth-child(2) {
		margin-top: 20px;
	}
	#main #services .item dl dd ul li.type_banner div:nth-child(2) a {
		display: inline;
	}
	#main #services .item dl dd ul li.type_banner div:nth-child(2) a img {
		width: 100% !important;
	}
}
/* =============================================================== */
/* SERVICE:SERVICES:MORE_DETAIL                                    */
/* =============================================================== */
#main #services .item .more_detail {
	text-align: center;
}
#main #services .item.type_normal .more_detail {
	margin-top: 35px;
}
#main #services .item.type_short .more_detail {
	margin-top: 55px;
}
#main #services .item .more_detail a {
	width: 350px;
}
#main #services .item .more_detail a span {
	font-size: 0.18rem;
	line-height: 60px;

	font-family: source-han-sans-japanese,sans-serif;
	font-weight: 700;
	font-style: normal;
}
#main #services .item .more_detail a .icon {
	margin-left: 12px;
}
#main #services .item .more_detail a .icon svg {
	width: 20px;
	height: 4.348px;
}
@media screen and (max-width: 750px) {
	#main #services .item .more_detail {
	}
	#main #services .item.type_normal .more_detail {
		margin-top: 38px;
	}
	#main #services .item.type_short .more_detail {
		margin-top: 38px;
	}
	#main #services .item .more_detail a {
		width: 520px;
	}
	#main #services .item .more_detail a span {
		font-size: 0.27rem;
		line-height: 90px;
	}
	#main #services .item .more_detail a .icon {
		margin-left: 20px;
	}
	#main #services .item .more_detail a .icon svg {
		width: 30px;
		height: 6.53px;
	}
}