@charset "UTF-8";
/* service */
/*--------------------------------------------------

	settings.less

	@author		endesign factory
	@ver		02.1

	@history
		2017-04-14 v2.0のCSSを集約・整理、less化

--------------------------------------------------*/
/*==================================================
	$basic_settings
==================================================*/
/* size */
/* break point */
/* body */
/* base_color */
/* header */
/* gn */
/* title */
/* footer */
/* button color(normal) */
/*gn-icon*/
.gn_icon .gnav li.gn01 {
  width: 65px;
}
.gn_icon .gnav li.gn01 a {
  background: url(../../_images/_common/icons/icon_gn_01.png) top 10px center no-repeat;
}
.gn_icon .gnav li.gn02 a {
  background: url(../../_images/_common/icons/icon_gn_02.png) top 10px center no-repeat;
}
.gn_icon .gnav li.gn03 a {
  background: url(../../_images/_common/icons/icon_gn_03.png) top 10px center no-repeat;
}
.gn_icon .gnav li.gn04 a {
  background: url(../../_images/_common/icons/icon_gn_04.png) top 10px center no-repeat;
}
.gn_icon .gnav li.gn05 a {
  background: url(../../_images/_common/icons/icon_gn_05.png) top 10px center no-repeat;
}
.gn_icon .gnav li.gn06 a {
  background: url(../../_images/_common/icons/icon_gn_06.png) top 10px center no-repeat;
}
.gn_icon .gnav li.gn01 a.current {
  background: #3386C5 url(../../_images/_common/icons/icon_gn_01_f2.png) top 10px center no-repeat;
  color: #ffffff !important;
}
.gn_icon .gnav li.gn02 a.current {
  background: #3386C5 url(../../_images/_common/icons/icon_gn_02_f2.png) top 10px center no-repeat;
  color: #ffffff !important;
}
.gn_icon .gnav li.gn03 a.current {
  background: #3386C5 url(../../_images/_common/icons/icon_gn_03_f2.png) top 10px center no-repeat;
  color: #ffffff !important;
}
.gn_icon .gnav li.gn04 a.current {
  background: #3386C5 url(../../_images/_common/icons/icon_gn_04_f2.png) top 10px center no-repeat;
  color: #ffffff !important;
}
.gn_icon .gnav li.gn05 a.current {
  background: #3386C5 url(../../_images/_common/icons/icon_gn_05_f2.png) top 10px center no-repeat;
  color: #ffffff !important;
}
.gn_icon .gnav li.gn06 a.current {
  background: #3386C5 url(../../_images/_common/icons/icon_gn_06_f2.png) top 10px center no-repeat;
  color: #ffffff !important;
}
.gn_icon .gnav li.gn01 a.current:hover {
  background: #3386C5 url(../../_images/_common/icons/icon_gn_01_f2.png) top 10px center no-repeat;
  color: #ffffff !important;
}
.gn_icon .gnav li.gn02 a.current:hover {
  background: #3386C5 url(../../_images/_common/icons/icon_gn_02_f2.png) top 10px center no-repeat;
  color: #ffffff !important;
}
.gn_icon .gnav li.gn03 a.current:hover {
  background: #3386C5 url(../../_images/_common/icons/icon_gn_03_f2.png) top 10px center no-repeat;
  color: #ffffff !important;
}
.gn_icon .gnav li.gn04 a.current:hover {
  background: #3386C5 url(../../_images/_common/icons/icon_gn_04_f2.png) top 10px center no-repeat;
  color: #ffffff !important;
}
.gn_icon .gnav li.gn05 a.current:hover {
  background: #3386C5 url(../../_images/_common/icons/icon_gn_05_f2.png) top 10px center no-repeat;
  color: #ffffff !important;
}
.gn_icon .gnav li.gn06 a.current:hover {
  background: #3386C5 url(../../_images/_common/icons/icon_gn_06_f2.png) top 10px center no-repeat;
  color: #ffffff !important;
}
.gn_icon .gnav li.gn01 a:hover {
  background: #3386C5 url(../../_images/_common/icons/icon_gn_01.png) top 10px center no-repeat;
}
.gn_icon .gnav li.gn02 a:hover {
  background: #3386C5 url(../../_images/_common/icons/icon_gn_02.png) top 10px center no-repeat;
}
.gn_icon .gnav li.gn03 a:hover {
  background: #3386C5 url(../../_images/_common/icons/icon_gn_03.png) top 10px center no-repeat;
}
.gn_icon .gnav li.gn04 a:hover {
  background: #3386C5 url(../../_images/_common/icons/icon_gn_04.png) top 10px center no-repeat;
}
.gn_icon .gnav li.gn05 a:hover {
  background: #3386C5 url(../../_images/_common/icons/icon_gn_05.png) top 10px center no-repeat;
}
.gn_icon .gnav li.gn06 a:hover {
  background: #3386C5 url(../../_images/_common/icons/icon_gn_06.png) top 10px center no-repeat;
}
/* submenu link */
.submenu_wrap .submenu a,
.submenu_wrap .submenu a:link,
.submenu_wrap .submenu a:visited,
.submenu_wrap .submenu a.current {
  color: #000000 !important;
  background: #fff !important;
}
.submenu_wrap .submenu a:hover,
.submenu_wrap .submenu a:active {
  color: #fff !important;
  background: #3386C5 !important;
}
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@
@	[ 共通設定 ]
@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
.service_col .texts_image {
  margin-bottom: 40px;
}
.service_col .texts_image .image_cont .pic {
  height: 250px;
  background-size: cover;
  background-position: 50% 50%;
}
.service_col .heading03 {
  background-color: #eee;
  vertical-align: middle;
  padding: 10px;
  margin-bottom: 0;
  border: 1px solid #ddd;
  border-bottom: none;
}
.service_col .heading03 i {
  margin-right: 10px;
}
.service_col .heading03 i img {
  vertical-align: middle;
}
.service_col .heading03 span {
  font-weight: bold;
  font-size: 2.8rem;
  vertical-align: middle;
  color: #fff;
}
.service_col #sv01 .heading03 {
  background-color: #e1797f;
}
.service_col #sv02 .heading03 {
  background-color: #479d90;
}
.service_col #sv03 .heading03 {
  background-color: #d6dd97;
}
.service_col #sv04 .heading03 {
  background-color: #98d3d8;
}
.service_col #sv05 .heading03 {
  background-color: #f5b496;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  box-sizing: border-box;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
@media screen and (max-width: 767px) {
  /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@
@	[ モバイル用設定 ]
@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
  /*==================================================
	$sp_
==================================================*/
  /*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
}
/*==================================================

	[ utility ] $clearfix

==================================================*/
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}