@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
html{
	font-size: 62.5%;
}
body {
    font-family: "游ゴシック Medium","Yu Gothic Medium","游ゴシック体","Yu Gothic","Hiragino Kaku Gothic Pro","Meiryo",sans-serif;
    font-size: 15px;
}
#header-container{
	border-bottom: 3px solid #1ba0e5;
	width: 100%;
	position: fixed;
    z-index: 100;
    top: 0;
    height: 70px;
}
.header-container-in.hlt-top-menu .logo-header img {
	height: 24px;
	max-width: 92px;
    margin-top: 8px;
}
.logo {
    text-align: inherit;
}
.content{
	background: #fff;
  margin-top: 70px;
}
.entry-content{
	margin-bottom: 1em;
}
.eye-catch {
    margin: 0 auto 1em;
}
.eye-catch .cat-label {
    max-width: none;
}
.eye-catch img{
  width: 100%;
  height: auto;
}
.entry-title,
.archive-title {
	font-size: 2em;
}
.article h2, .article h3, .article h4, .article h5, .article h6 {
	font-family: "游ゴシック Medium","Yu Gothic Medium","游ゴシック体","Yu Gothic","Hiragino Kaku Gothic Pro","Meiryo",sans-serif!important;
	font-weight: bold!important;
}
.article h3 {
	border: none;
	border-left: 9px solid #1ba0e5;
}
.article h4 {
    border-top: none;
	border-bottom: 3px solid #1ba0e5;
}
.article h5 {
	border-bottom: 1px solid #1ba0e5;
}
.article h6 {
    border-bottom: none;
}
.widget h2 {
    font-size: 24px;
}
.cta-box {
    /* background-color: #2d823c; */
		background-color: #95e2fd;
}
.author-widget-name {
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1em;
    padding: 1em 0;
}
  .breadcrumb.sbp-main-before, .breadcrumb.sbp-footer-before, .breadcrumb.pbp-main-before, .breadcrumb.pbp-footer-before {
    margin: 72px auto 0 auto;
    padding: 5px 5px 5px 20px;
    position: relative;

}
.widget_custom_html .main-widget-label {
    display: none;
}
/*

.breadcrumb.sbp-main-before, .breadcrumb.sbp-footer-before, .breadcrumb.pbp-main-before, .breadcrumb.pbp-footer-before{
	background: none;
	overflow-x: auto;
	white-space: nowrap;
}
.footer-widgets, .footer-widgets-mobile {
	display: block;
}
.footer-left, .footer-center, .footer-right {
	width: 100%;
}
.footer-left, .footer-center, .footer-right, .footer-mobile {
	padding: 0 16px;
	clear: both;
}
.logo-listed {
    float: left;
    height: 60px;
	width: auto;
	margin-right: 10px;
}
.txt-listed {
    overflow: hidden;
}
.footer-listed li {
    float: left;
	padding: 0 2em 0 0;
}
.entry-card-thumb {
    width: 200px;
    max-height: 135px;
    overflow: hidden;
}
.entry-card-content {
	margin-left: 220px;
}
.entry-card-snippet, .related-entry-card-snippet {
    max-height: 5em;
}
.widget-entry-cards .widget-entry-card {
    font-size: 0.9em;
}
.widget-entry-cards.not-default .a-wrap {
    max-width: 400px;
	min-height: 100px;
    float: left;
    width: 33%;
}
.widget-entry-cards.large-thumb-on .card-title {
    max-height: 80px;
}
*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
	.entry-card-thumb {
		width: 28%;
	}
	.entry-card-content {
		margin-left: 30%;
	}
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  .breadcrumb.sbp-main-before, .breadcrumb.sbp-footer-before, .breadcrumb.pbp-main-before, .breadcrumb.pbp-footer-before {
    margin: 70px auto 0 auto;
    padding: 5px 10px;
    position: relative;
      }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.entry-title,
	.archive-title {
		font-size: 1.5em;
		padding: .6em 0;
	}
	.entry-card-thumb {
		max-height: 85px;
	}
	.widget-entry-cards.not-default .a-wrap {
		width: 100%;
	}
}

.mb20{
	margin-bottom: 20px;
}

.e-sogi-member-bnr2{
  padding:0 0 20px 0;
  margin:0 auto;
  width:100%;
  letter-spacing: -.4em;
  -webkit-box-sizing: border-box !important;
     -moz-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

ul.e-sogi-member-bnr2  li{
  width: 50%;
  padding:0 5px;
  margin: 0;
  list-style: none;
  display:inline-block;
  letter-spacing: -.4em;
  -webkit-box-sizing: border-box !important;
     -moz-box-sizing: border-box !important;
          box-sizing: border-box !important;
}

ul.e-sogi-member-bnr2  li:nth-of-type(2n){
  margin:0;
}

@media screen and (max-width: 768px){
	.article ul.e-sogi-member-bnr2 {
		padding: 0 0 10px 0;
	}
	ul.e-sogi-member-bnr2 li{
	  width: 100%;
	  margin: 0 0 20px 0;
	}
}
.e-sogi-member-bnr2 + .va-social-buzz{
	margin-top: 0;
}

dl dt {
    font-weight: 700;
}

dl {
    line-height: 1.25;
}
body.ba-fixed, .ba-fixed.header, .ba-fixed.appeal{
	z-index: 500;
}
.appeal{
    padding-top: 60px;
}

/*地域用*/
.guide-area-links__item{
	padding: 10px 15px;
}
dd.guide-area-links__body{
	margin: 0;
	padding: 0;
}
.article .guide-area-links__list{
    font-weight: bold;
    box-shadow: 0px 2px 5px 2px #dedede;
    border-radius: 5px;
    margin-bottom: 1em;
}
.guide-area-links__list a:hover{
	background: #F2F2F2;
}
.ic_arw{
	color: #1ba0e5;
	position: absolute;
	right: 60px;
	font-weight: normal;
	font-size: 14px;
	line-height: 1;
}

@media screen and (max-width: 768px){
	.ic_arw{
		color: #1ba0e5;
		position: absolute;
		right: 30px;
		font-weight: normal;
		font-size: 14px;
		line-height: 1;
	}
}
.ic_arw:after{
    content: "\003e";
    transform: rotate(0.25turn)  scale(1, 1.2);
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: 3px;
    left: 8px;
}
.open .ic_arw:after{
    content: "\003e";
    transform: rotate(0.75turn) scale(1, 1.2);
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: 3px;
    left: 8px;
}
.guide-list-inline{
    display: flex;
    flex-flow: wrap;
	padding: 0 1em 1em;
}
li.guide-list-inline__item{
	list-style: none;
	position: relative;
}

/* いい葬儀本体と共通用 */

/*地域用*/
.guide-ft-area-links__item{
	padding: 10px 15px;
}
dd.guide-ft-area-links__body{
	margin: 0;
	padding: 0;

}
.guide-ft-area-links__list{
font-weight: bold;
box-shadow:0px 2px 5px 2px #dedede;
border-radius:5px;
}
.guide-ft-area-links__list a{
	padding: 10px;
	display: block;
}
.guide-ft-area-links__list a:hover{
background: #F2F2F2;
}
.guide-ft-area-links{margin:0;padding:20px 0;background-color:#f2f9fd}
.guide-ft-area-links__constrained{max-width:1000px;margin:0 auto}
.guide-ft-area-links__title{margin:0 0 1rem;font-size:1.4285rem}
.guide-ft-area-links__item{clear:bottom;float:left;width:135px}
.guide-ft-area-links__body{margin:0 0 1rem 135px;overflow:hidden}
.guide-ft-area-link{margin:0 auto;position:relative;text-align:center;width:1000px}
.guide-ft-area-link .link-box__syasou{background:#0c2c6e;color:#fff;display:inline-block;height:24px;left:396px;margin:0 auto;padding:3px;position:absolute;bottom:90px;width:auto}

.ic_arw{
	color: #1ba0e5;
	position: absolute;
	right: 60px;
	font-weight: normal;
	font-size: 14px;
	line-height: 1;
}

@media screen and (max-width: 768px){
	.ic_arw{
		color: #1ba0e5;
		position: absolute;
		right: 10%;
		font-weight: normal;
		font-size: 14px;
		line-height: 1;
	}
}
.ic_arw:after{
    content: "\003e";
    transform: rotate(0.25turn)  scale(1, 1.2);
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: 3px;
    left: 8px;
}
.open .ic_arw:after{
    content: "\003e";
    transform: rotate(0.75turn) scale(1, 1.2);
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    top: 3px;
    left: 8px;
}


li.guide-ft-list-inline__item{
	border-bottom: 1px solid #ccc;
	padding: 0;
	margin: 0 !important;
	list-style: none;
	position: relative;
}
.guide-ft-list-inline__item a:after {
    content: ">";
    color: #1ba0e5;
    position: absolute;
    right: 20px;
}
.guide-ft-list-inline{
	padding: 0;
	margin: 0;
}

a.native_bg{
	background: #f6fafd;
	clear: both;
	border: 1px solid #fff;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
a.native_bg:hover{
	background: #fff;
	border: 1px solid #1ba0e5;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.native_bg h2{
	line-height: 1.5;
	margin-bottom: 20px;
}
.native_bg .entry-card-snippet{
	width: calc(100% - 100px);
	display: inline-block;
	float: left;
}
.blue_btn{
	float: left;
	border: 1px solid #48a0df;
	color: #48a0df;
	width: 100px;
	height: 35px;
	font-size: 14px;
	text-align: center;
	padding: 3px;
	margin-left: auto;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-border-radius: 3px;
	        border-radius: 3px;
}
.ad_notice{
	color: #d64872;
}
.entry-content .native_bg{
	border: #cccccc 1px solid;
	padding: 15px;
	background: #fff;

}
.native_ad_ttl{
	color: #232b39;
	font-size: 18px;
	background: linear-gradient(transparent 85%, #F7D047 0%);
	display: inline;
	padding: 0 0 2px 0;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 10px;
}
.native_entry_txt{
	font-size: 14px;
	width: 100%;
}
.native_entry_btn{
	text-align: center;
	color: #48a0df;
	text-decoration: underline;
	font-size: 14px;
}
@media screen and (max-width:480px){
	.native_bg .entry-card-snippet,
	.blue_btn{
		display: none;
	}
	.entry-card-content, .related-entry-card-content{
		padding: 5px;
	}
	.native_bg h2{
		margin-bottom: 0;
	}
}
.header-container-in.hlt-top-menu .logo-header img{
	margin: 10px;
}

#header-in .hd_txt{
	font-size: 10px;
	margin: 1px auto;
	text-align: center;
	color: #333;
}
#sources{
	width: 200px;
}
#sources select {

  /* styling */
  background-color: white;
  border: thin solid blue;
  border-radius: 4px;
  display: inline-block;
  font: inherit;
  line-height: 1.5rem;
  padding: 0.5rem 3.5rem 0.5rem 1rem;

  /* reset */

  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.text-telephone {
  color: #1ba0e5;
  font-weight: 700;
  font-size: 1.2rem;
  white-space: nowrap
}

.text-price {
  color: #d6395e;
  font-weight: 700
}

.text-price>em {
  font-size: 2.8rem
}

.text-numbering {
  padding-right: 1rem
}

.text-description {
  font-size: 1.4rem;
  color: #333
}

.text-lead {
  font-weight: 700;
  color: #333;
  font-size: 1.6rem;
  margin-top: 0
}

.text-primary {
  color: #1ba0e5
}

.text-accent {
  color: #ed702d
}

.text-emphasis {
  color: #d6395e
}

.text-gray {
  color: #333
}

.text-size--xs {
  font-size: 1.2rem
}

.text-size--small {
  font-size: 1.3rem
}

.text-size--medium {
  font-size: 1.4rem
}

.text-size--default {
  font-size: 1.6rem
}

.text-size--xl {
  font-size: 2.4rem
}

.text-headline {
  font-weight: 700
}

.text-headline--level1 {
  font-size: 1.8rem
}

.text-headline--level2 {
  font-size: 1.6rem
}

.text-headline--level3 {
  font-size: 1.4rem
}

.text-right {
  text-align: right
}

.text-center {
  text-align: center
}

.text-break {
  display: inline-block
}

.icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-item-align: center;
  align-self: center;
  position: relative;
  width: 1rem;
  height: 1rem;
  margin-right: .1rem
}

.icon--size-md>svg, .icon--size-sm>svg {
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%)
}

.icon--size-sm {
  width: 12px;
  height: 12px
}

.icon--size-md {
  width: 14px;
  height: 14px
}

.icon--size-lg {
  width: 16px;
  height: 16px;
  margin-right: .5rem;
  vertical-align: middle
}

.icon--size-xxl {
  width: 24px;
  height: 24px;
  margin-right: .5rem
}

.icon--pos-down>svg {
  bottom: -.5rem
}

.icon__svg {
  width: 100%;
  height: 100%;
  fill: #1ba0e5;
  bottom: -.125rem;
  position: absolute
}

.icon__svg--gray {
  fill: #666
}

.icon__svg--black {
  fill: #333
}

.icon__svg--accent {
  fill: #ed702d
}

.icon__svg--white {
  fill: #fff
}

.icon__svg--vanilla {
  bottom: 0
}

.icon__svg--main {
  fill: #1ba0e5!important
}

.icon-fixed {
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 1rem;
  height: 1rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  fill: #1ba0e5
}

.tag {
  display: block;
  margin: 5px 0 5px 140px
}

.tag__item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  border: 2px solid #ccc;
  border-radius: 4px;
  padding: .25rem;
  text-align: center;
  font-size: 16px
}

.tag__item--notice.hall_no {
  display: none
}

.tag-frame {
  display: inline-block;
  padding: .33rem .66rem;
  border: 1px solid #e6e6e6;
  background-color: #fff
}

.tag-areafill {
  display: inline-block;
  padding: .4rem .66rem;
  background-color: #e6e6e6
}

.tag-special {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  background: #fffbeb;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: .33rem 0 .33rem .66rem;
  text-align: center;
  color: #d6395e
}

.tag-special svg {
  fill: #d6395e
}

.tag-category {
  display: inline-block;
  padding: .4rem .66rem;
  background-color: #e6e6e6;
  font-size: 1rem
}

.tag-pr {
  width: 26px;
  padding: 2px 0;
  border: 1px solid #1ba0e5;
  font-size: 1.2rem;
  color: #1ba0e5;
  line-height: 1
}

.tag-pr, .tag-present {
  display: inline-block;
  text-align: center
}

.tag-present {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 195px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  padding: .25rem;
  margin: .25rem;
  font-size: 1.4rem
}

p.tag__detail {
  margin: 0!important;
  padding: 0!important
}

.tag__detail small, .tag__detail span {
  display: inline-block
}

.tag__detail small {
  font-size: 1.2rem;
  color: #333
}

.tag__detail span {
  font-size: 1.1rem;
  display: inline-block;
  padding: .5rem 1rem;
  color: #fff;
  margin: 0 1rem 0 0
}

.tag__detail-kaso {
  background: #6d4e9d
}

.tag__detail-family {
  background: #20749b
}

.tag__detail-general {
  background: #387837
}

.tag__detail-oneday {
  background: #b41c38
}

.label-feature {
  top: 0;
  left: -5px;
  width: 80px;
  height: 20px;
  background-color: #d6395e;
  line-height: 20px;
  text-align: center;
  color: #fff;
  font-size: 1.2rem
}

.label-feature, .label-feature:after {
  display: block;
  position: absolute;
  z-index: 10
}

.label-feature:after {
  content: "";
  top: 20px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 6px 5px 0;
  border-color: transparent #bd3454 transparent transparent
}

.block {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.block__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-flex-pack: distribute;
  justify-content: space-around
}

.block__title {
  font-size: 1.4rem
}

.block--frame {
  clear: both;
  overflow: hidden;
  border: 1px solid #1ba0e5;
  border-radius: 4px;
  background-color: #fff
}

.block--frame__title {
  margin: 0;
  padding: .25rem .5rem;
  background-color: #1ba0e5;
  text-align: center;
  font-size: 1.4rem;
  color: #fff
}

.block--frame__item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-left: 1px solid #e7f6ff
}

.block--frame__item:first-child {
  border-left: none
}

.block--areafill {
  margin: 10px 0;
  padding: 10px 8px;
  background-color: #f2f9fd
}

.block--areafill__title {
  margin: 0 0 .5rem;
  text-align: center;
  color: #1ba0e5;
  font-size: 1.6rem
}

.box-areafill {
  margin: 0;
  padding: 10px;
  background-color: #f2f9fd;
  border-radius: 4px
}

.box-areafill--gray {
  margin: 0;
  padding: 20px;
  background-color: #f2f2f2;
  border-radius: 0
}

.box-areafill--white {
  background-color: #fff
}

.box-areafill__title {
  margin: 0 0 .5rem;
  font-size: 1.4rem;
  color: #1ba0e5
}

.box-areafill__title--left {
  text-align: center
}

.box-areafill__title--black {
  margin-bottom: 1rem;
  color: #333
}

.box-areafill__catch {
  margin: 0;
  font-weight: 700;
  font-size: 1.6rem
}

.box-areafill__body {
  margin: 0;
  padding: 0
}

.box-areafill__description {
  margin: 0;
  line-height: 1.45
}

.box-frame__conversion {
  margin: 0 -10px -10px;
  border-top: 1px solid #e6e6e6;
  border-bottom: 1px solid #e6e6e6
}

.header-block {
  border: 4px solid #f1ebe4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100px;
  width: 1000px;
  padding: 4px;
  position: relative
}

.header-block__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start
}

.header-block__title {
  height: 84px;
  background-color: #efefef;
  padding: 20px;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: 400;
  width: 170px
}

.header-block__title__top {
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 4px
}

.header-block__title__bottom {
  text-align: center;
  font-size: 1.6rem
}

.header-block__title__bottom>em {
  font-weight: 700;
  font-size: 2.6rem
}

.header-block .triangle {
  border-style: solid;
  width: 0;
  height: 0;
  line-height: 0;
  border-color: transparent transparent transparent #efefef;
  border-width: 42px 0 42px 10px
}

.header-block__logo {
  padding: 20px 30px;
  color: #1ba0e5;
  font-weight: 700;
  text-align: center;
  line-height: 2.5rem;
  font-size: 1.4rem
}

.header-block__logo>img {
  width: 80px;
  position: relative;
  top: 2px;
  margin-right: 4px
}

.header-block__price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 4px
}

.header-block__price--list {
  width: 33.3%
}

.header-block__price__header {
  margin-right: 8px;
  background-color: #fefbe4;
  border: 1px solid #ffecd4;
  width: 56px;
  text-align: center;
  line-height: 25px;
  font-size: 15px
}

.header-block__price__footer {
  padding: 2px 0;
  font-size: 13px
}

.header-block__price__footer em, .header-block__price__footer span {
  color: #d6395e;
  font-weight: 700
}

.header-block__price__footer em {
  font-size: 20px
}

.header-block__price__footer span {
  font-size: 15px
}

.header-block__price--small {
  width: 100%;
  margin: 0
}

.header-block__price--small:first-child {
  margin-right: 10px
}

.header-block__price--small__footer, .header-block__price--small__header {
  font-size: 1.4rem
}

.header-block__price--small__footer em {
  font-size: 2rem
}

.header-block__message {
  font-size: 1.4rem;
  line-height: 2rem;
  color: #333;
  text-align: center;
  margin-top: 10px
}

.header-block__staff-image {
  position: absolute;
  right: 70px;
  bottom: -20px;
  width: 243px;
  height: 175px
}


.logo {
  position: relative
}

.logo>img {
  vertical-align: bottom
}

.logo--inline {
  display: inline-block;
  width: 33%;
  height: auto;
  vertical-align: middle
}

.list-data:last-child {
  padding-bottom: 10px
}

.list-data__item {
  margin: .5rem 0;
  line-height: 1.5rem
}

.list-data__mark {
  overflow: visible;
  width: 16px;
  float: left;
  margin: 0 5px
}

.list-data__mark .icon {
  height: 20px
}

.list-data__body {
  overflow: hidden;
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 5px
}

.list-data__body .material-icons {
  position: relative;
  top: 3px
}

.list-data__body span {
  font-weight: 700
}

.list-data__title {
  margin: .33rem 0
}

.list-data__title__address {
  display: inline-block
}

.list-data__title__address .title-address {
  display: none
}

.list-data__button {
  float: right;
  margin: 0 0 .25rem 1rem
}

.list-data+.block--frame {
  margin: 10px auto
}

.list-data--medium {
  margin: .25rem auto;
  font-size: 1.3rem
}

.list-data--medium__item {
  line-height: 1.28
}

.list-data--small {
  margin: .25rem auto;
  font-size: 1.3rem
}

.list-data--small__item {
  line-height: 1.28
}

.list-data--xsmall {
  margin: .25rem auto;
  font-size: 1.2rem
}

.list-data--xsmall:last-child {
  margin-bottom: 0
}

.list-data__address {
  display: inline;
  line-height: 1.4;
  margin: 0;
  padding-top: 2px
}

.list-data__closest-station {
  margin: 0;
  overflow: hidden;
  padding-top: 2px
}

.list-data__closest-station ul>li>span {
  margin-left: 4px
}

.list-data__supported-area {
  margin: 0;
  overflow: hidden
}

.list-data__copy {
  background: #fefbe4;
  line-height: 1.4;
  margin: 0 -10px 8px 0;
  padding: 6px 12px 4px
}

.list-mark {
  font-size: 1.4rem
}

.list-mark__item {
  margin: 1rem 0 1rem 1.75rem;
  text-indent: -1.75rem
}

.list-mark__item:last-child {
  margin-bottom: 0
}

.list-mark__item:first-child {
  margin-top: 0
}

.list-mark__mark {
  padding-right: .75rem
}

.list-tile__item {
  border-bottom: 1px solid #e6e6e6
}

.list-tile__item--fuild {
  margin-left: -10px;
  margin-right: -10px
}

.list-tile__item:last-child {
  border: none
}

.list-flex, .list-flex__list {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.list-flex__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  overflow: hidden;
  margin: 0 0 -1px
}

.list-flex__item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  border-bottom: 1px solid #e6e6e6
}

.list-link--pr {
  margin-left: -10px;
  margin-right: -10px
}

.list-link--pr .list-link__item--media:last-child {
  border-bottom: none
}

.list-link--fuild {
  margin-left: -10px;
  margin-right: -10px
}

.list-link__item {
  border-bottom: 1px solid #e6e6e6
}

.list-link__item:last-child {
  border: none
}

.list-link__item--media {
  overflow: hidden
}

.list-link__item--media, .list-link__item--media:last-child {
  border-bottom: 1px solid #e6e6e6
}

.list-link__link {
  position: relative;
  display: block;
  padding: 17px 20px;
  color: #333;
  font-weight: 700
}

.list-link__link:link, .list-link__link:visited {
  color: #333
}

.list-link__link:active, .list-link__link:hover {
  color: #1ba0e5
}

.list-inline--large {
  line-height: 1.75;
  font-size: 1.6rem
}

.list-inline__item {
  display: inline-block
}

.list-inline__item:after {
  content: "|";
  padding: 0 .75rem;
  color: #e6e6e6
}

.list-inline__item:last-child:after {
  display: none
}

.list-site {
  -webkit-box-shadow: 0 3px 0 0 #e6e6e6;
  box-shadow: 0 3px 0 0 #e6e6e6
}

.list-site:after {
  content: "";
  clear: both;
  display: block
}

.list-site__item {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  float: left;
  display: inline-block;
  border-top: 1px solid #e6e6e6;
  border-left: 1px solid #e6e6e6
}

.list-site--link {
  position: relative;
  display: block;
  padding: 16px 0 16px 10px;
  color: #333
}

.list-site--link:link, .list-site--link:visited {
  color: #333
}

.list-site--link:active, .list-site--link:hover {
  color: #1ba0e5
}

.list-site--link svg {
  right: 2px
}

.list-feature {
  border-bottom: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  margin: 0 -10px
}

.list-feature>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 48px;
  margin: 15px 34px;
  border: 2px solid #ccc;
  border-radius: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-decoration: none
}

.list-feature>a>p {
  font-size: 16px;
  margin: 0;
  font-weight: 700
}

.list-feature>a>p>span {
  margin-left: 10px;
  font-weight: 400
}

.list-feature>a .icon {
  position: relative;
  top: -2px;
  width: 20px;
  height: 20px
}

.list-feature>a .icon__svg {
  padding-left: 20px;
  fill: #0c2c6e
}

.list-feature.card__list-feature {
  border: 0
}

.list-feature.card__list-feature>a {
  margin: 16px 10px;
  color: #0c2c6e
}

.link-secondary {
  color: #333;
  text-decoration: none
}

.link-secondary:link, .link-secondary:visited {
  color: #333
}

.link-secondary:active, .link-secondary:hover {
  color: #1ba0e5;
  text-decoration: underline
}

.link-block {
  position: relative;
  padding: 15px 30px 15px 10px
}

.link-block__link-inline {
  position: relative;
  z-index: 2
}

.link-block__link-overlay {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  overflow: hidden;
  text-indent: -9999px
}

.link-block-arrow {
  position: relative;
  display: block;
  padding: 17px 20px;
  color: #333;
  font-weight: 700
}

.link-block-arrow>svg {
  right: 15px
}

.link-block-arrow:active, .link-block-arrow:hover, .link-block-arrow:visited {
  color: #1ba0e5
}


#nav{
	width: 300px;
}

.nav {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  position: fixed;
  top: 53px;
  left: 0;
  bottom: 0;
  right: 0;
  height: calc(100% - 53px);
  background-color: #fff;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 10000
}

.nav__inner {
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.nav__conversion {
  padding: 10px
}

.nav__title {
  margin: 10px;
  font-size: 1.6rem;
  font-weight: 700
}

.nav-conversion {
  margin: 0 0 30px
}

.nav-conversion__title {
  margin: 10px 0;
  text-align: center;
  color: #ed702d;
  font-size: 1.8rem;
  font-weight: 700
}

.nav-conversion__primary {
  margin: 0 0 19px
}

.nav-conversion__secondary, .nav-conversion__thirdly {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  width: 50%;
  padding: 0 8px 0 0
}

.nav-conversion__secondary>a, .nav-conversion__thirdly>a {
  font-size: 1.6rem;
  font-weight: 700;
  height: 60px
}

.nav-conversion__thirdly {
  padding: 0 0 0 8px
}

.nav-list {
  border-bottom: 2px solid #e6e6e6
}

.nav-list__item {
  border-bottom: 1px solid #e6e6e6
}

.nav-list__item:first-child {
  border-top: 1px solid #e6e6e6
}

.aside__item {
  margin: 40px 0;
  padding: 0 10px;
  background-color: #fff
}

.aside__item:last-child {
  margin-bottom: 20px
}

.aside__item--banner {
  background-color: initial
}

.section {
  margin: 0 0 20px;
  padding: 0 10px
}

.section--white {
  -webkit-box-shadow: 0 1px 2px 0 hsla(0, 0%, 40%, .5);
  box-shadow: 0 1px 2px 0 hsla(0, 0%, 40%, .5);
  background: #fff
}

.section--conversion {
  margin: 38px 0;
  overflow: hidden
}

.section--notfound {
  padding: 20px;
  margin: 20px auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center
}

.section--notfound h1 {
  line-height: 1.4rem;
  color: #ed702d
}

.section--notfound p {
  line-height: 1.4rem
}

.section--notfound a {
  text-decoration: none;
  color: #fff;
  display: block
}

.section--notfound .top_link {
  display: block;
  background-color: #0e2f5c;
  color: #fff;
  padding: 8px 0;
  border-radius: 3px;
  font-size: 13px;
  width: 160px;
  margin: auto
}

.section--notfound .top_link svg {
  fill: #fff
}

.section--list-header {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(35%, #fff), to(#d9edf3));
  background: linear-gradient(180deg, #fff 35%, #d9edf3);
  margin: 0;
  padding: 0 10px
}

.section--list-header-tmp {
  background: none;
  margin: 0;
  padding: 0
}

.section--list-header-conversion {
  background-color: #fff;
  padding: 0 10px 20px
}

.section--list-header-conversion h4 {
  text-align: center;
  margin: 20px 0 0;
  color: #ed702d
}

.section--list-header-conversion h4 span {
  background-color: #fff;
  display: inline-block;
  z-index: 9999;
  position: relative;
  padding: 0 10px;
  font-size: 1.5rem
}



.banners {
  margin: 30px auto
}

.banners__item {
  padding-top: 20px
}

.banners__item:first-child {
  padding-top: 0
}

.banners__item img {
  margin-left: auto;
  margin-right: auto
}

.telephone {
  margin: 0;
  position: relative
}

.telephone__title {
  float: left;
  margin: 0 10px 0 0;
  padding: 1rem;
  background-color: #f5f5f5;
  border-radius: 4px;
  font-size: 1.6rem;
  display: none
}

.telephone__title--small {
  font-size: 1.4rem;
  border-radius: 4px 0 0 4px;
  display: block
}

.telephone__title--frame {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  float: none;
  margin: 0;
  padding: 0 20px;
  font-size: 1.5rem;
  border-radius: 0;
  vertical-align: middle
}

.telephone__body {
  overflow: hidden;
  line-height: 1;
  white-space: nowrap;
  margin: 0 0 0 140px
}

.telephone__body--frame {
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px
}

.telephone__description {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 700
}

.telephone__description--small {
  font-size: 1rem
}

.telephone__description--medium {
  font-size: 1.5rem;
  letter-spacing: .025rem
}

.telephone__number {
  margin: 0;
  line-height: 1;
  letter-spacing: .01rem;
  color: #ed702d!important;
  font-family: Roboto, sans-serif;
  font-size: 4.8rem;
  font-weight: 700
}

.telephone__number--small {
  font-size: 4.26rem
}

.telephone__number--medium {
  margin-top: 0;
  font-size: 4.4rem;
  letter-spacing: .04rem
}

.telephone__number>.icon {
  display: none
}

.telephone__more {
  position: absolute;
  width: 250px;
  top: 20px;
  right: 160px;
  text-align: center
}

.telephone__more>p {
  margin: 0 0 .5rem;
  font-weight: 700
}

.telephone--frame {
  overflow: hidden;
  margin: 14px 0;
  max-width: 100%;
  min-height: 78px;
  display: table;
  width: 100%;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

.telephone--frame:after {
  display: none
}

.telephone-primary {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  max-width: 480px
}

.telephone-primary__title {
  float: left;
  margin: 0 10px 0 0;
  padding: 1rem;
  background-color: #e6e6e6;
  border-radius: 4px 0 0 4px;
  font-size: 1.4rem
}

.telephone-primary__body {
  overflow: hidden;
  white-space: nowrap
}

.telephone-primary__number {
  margin: 0;
  line-height: 1;
  letter-spacing: .01rem;
  color: #ed702d;
  font-family: Roboto, sans-serif;
  font-size: 4.5rem;
  font-weight: 700
}

.telephone-primary__description {
  margin: 0;
  font-weight: 700
}

.telephone-simplicity__number {
  margin: 0;
  line-height: 1;
  color: #ed702d!important;
  font-family: Roboto, sans-serif;
  font-size: 3.8rem;
  font-weight: 700
}

.telephone-simplicity__number>.icon {
  margin-right: 0;
  vertical-align: -12%
}

.telephone-simplicity__number>.icon svg {
  bottom: 0
}

.telephone-simplicity__description {
  margin: 0;
  font-size: 1.3rem;
  font-weight: 700
}

.header__telephone {
  margin: 0;
  position: relative
}

.header__telephone .icon {
  display: none
}

.header__telephone:after {
  background: none;
  width: 0;
  height: 0
}

.header__telephone .triangle {
  border-style: solid;
  width: 0;
  height: 0;
  line-height: 0;
  border-color: transparent transparent transparent #ed702d;
  border-width: 10px 0 10px 10px;
  position: absolute;
  right: -5px;
  top: 10px
}

.header__telephone--large {
  overflow: hidden;
  padding: 20px 40px
}

.header__telephone--large:after {
  top: auto;
  bottom: -20px;
  right: 10px;
  width: 140px;
  height: 114px;
  background: none
}

.header__telephone--size-small {
  margin: 0;
  width: 350px
}

.header__telephone--frame {
  overflow: hidden;
  margin: 14px 0;
  max-width: 605px;
  min-height: 78px;
  display: table;
  width: 100%;
  border: 1px solid #e6e6e6;
  border-radius: 4px
}

.header__telephone--frame:after {
  display: none
}

.header__telephone__title {
  float: left;
  margin: 0 10px 0 0;
  padding: .5rem 1rem;
  background-color: #ed702d;
  color: #fff;
  border-radius: 4px;
  position: relative
}

.header__telephone__title--size-small {
  margin: 0 10px 0 0;
  font-size: 1.4rem;
  text-align: center
}

.header__telephone__title--frame {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  float: none;
  margin: 0;
  padding: 0 20px;
  font-size: 1.5rem;
  border-radius: 0;
  vertical-align: middle
}

.header__telephone__title--large {
  padding: 1rem;
  font-size: 1.6rem
}

.header__telephone__body {
  line-height: 1;
  white-space: nowrap
}

.header__telephone__body--frame {
  display: table-cell;
  vertical-align: middle;
  padding: 0 20px
}

.header__telephone__description {
  margin: 0;
  font-weight: 700;
  letter-spacing: .1rem
}

.header__telephone__description--large {
  font-size: 1.6rem
}

.header__telephone__description--medium {
  font-size: 1.5rem;
  letter-spacing: .025rem
}

.header__telephone__description--size-small {
  font-size: 1.2rem
}

.header__telephone__number {
  margin: -.1rem 0 0;
  font-family: Roboto, sans-serif;
  font-weight: 700;
  letter-spacing: .1rem;
  line-height: 1;
  color: #ed702d
}

.header__telephone__number--size-small {
  font-size: 3.2rem
}

.header__telephone__number--large {
  font-size: 4.4rem;
  letter-spacing: .04rem
}

.header__telephone__number--xl {
  font-size: 4.75rem
}

.header__telephone__more {
  position: absolute;
  width: 250px;
  top: 20px;
  right: 160px;
  text-align: center
}

.header__telephone__more>p {
  margin: 0 0 .5rem;
  font-weight: 700
}

.header__container {
  position: relative;
  height: 50px;
  background-color: #fff
}

.header__container:after {
  position: absolute;
  content: "";
  display: block;
  top: 100%;
  height: 3px;
  width: 100%;
  background-color: #1ba0e5
}
/*
.header__catch {
  position: absolute;
  top: 4px;
  left: 115px;
  width: 104px
}

.header__catch img {
  display: inline;
  position: relative;
  bottom: -2px;
  left: -6px
}

.header__catch span {
  display: inline-block;
  color: #947d4e;
  font-weight: 700;
  font-size: 1.4rem;
  width: 160px
}

.header__menu {
  position: absolute;
  top: 0;
  right: 0;
  width: 52px;
  height: 50px
}
*/
.visible-xs {
  display: block!important
}

.visible-xs-inline {
  display: inline-block!important
}

.hidden-xs, .hidden-xs-inline, .visible-md, .visible-md-inline {
  display: none!important
}

.hidden-md {
  display: block!important
}

.hidden-md-inline {
  display: inline-block!important
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
  margin: auto
}

.img-alpha-over {
  -webkit-transition: opacity .5s;
  transition: opacity .5s;
  z-index: 10
}

.img-alpha-over:hover {
  opacity: .66
}

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

.link--block, .link--block-lg {
  display: block;
  padding: .75rem 0 1rem;
  line-height: 1;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700
}

.link--block-lg {
  font-size: 5vw;
  color: #333;
  padding-left: 10px;
  padding-right: 10px
}

.link-button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  height: 50px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 50px;
  text-decoration: none!important
}

@media screen and (min-width:768px) {
  body {
    font-size: 1.5rem
  }

  .button {
    -webkit-transition: color .3s, background-color .3s, -webkit-box-shadow .3s, -webkit-transform .3s;
    transition: color .3s, background-color .3s, -webkit-box-shadow .3s, -webkit-transform .3s;
    transition: color .3s, background-color .3s, box-shadow .3s, transform .3s;
    transition: color .3s, background-color .3s, box-shadow .3s, transform .3s, -webkit-box-shadow .3s, -webkit-transform .3s;
    font-size: 1rem
  }
  .button:hover {
    background-color: #f5f5f5;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    text-decoration: none
  }
  .button:active {
    -webkit-transition-duration: .1s;
    transition-duration: .1s
  }
  .button--size_small {
    font-size: .7142rem
  }
  .button--size_small_individual {
    width: 310px;
    height: 44px
  }
  .button--size_medium {
    width: 460px;
    height: 60px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.8rem
  }
  .button--size_large {
    font-size: 1rem
  }
  .button--block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 480px!important;
    min-height: 70px;
    margin: 0 auto;
    padding: 1rem 0
  }
  .button--fluid {
    width: auto
  }
  .button--main {
    font-size: 2rem
  }
  .button--main:hover {
    background-color: #1ba0e5
  }
  .button--map {
    ;
    height: 50px;
    padding-top: 35px;
    line-height: 1;
    text-align: center;
    font-size: 1rem;
    background: url(/img/common/bg_map_button.png) top no-repeat;
    background-size: cover
  }
  .button__text--lg {
    font-size: 1.2857rem
  }
  .button__text--large {
    font-size: 1.6428rem
  }
  .button__text--medium {
    font-size: 1.4rem
  }
  .button__text--small {
    font-size: .7142rem
  }
  .button__text--small em {
    font-size: 1.1rem
  }
  .button__call .button-conversion-area__title {
    left: 22%!important
  }
  .button__call .button-conversion-area__call {
    font-size: 1.4rem;
    margin: 2px 0!important
  }
  .button-conversion__title {
    margin: 0
  }
  .button-conversion__call {
    margin: 5px;
    font-size: 1.6rem
  }
  .button-conversion-secondary:hover {
    background-color: #1ba0e5
  }
  .button-conversion-secondary--size_medium {
    max-width: 295px;
    font-size: 1.6rem;
    height: 50px
  }
  .button-conversion-secondary--size_large {
    max-width: 480px;
    font-size: 1.8rem;
    height: 60px
  }
  .button-conversion-area__title {
    left: 3%
  }
  .button-conversion-area__call {
    font-size: 1.6rem;
    margin: 2px 5px
  }
  .button-lead-feature {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 12px 20px
  }
  .button-lead-feature__title {
    margin-bottom: 4px;
    font-size: 1.4rem;
    color: #1ba0e5
  }
  .button-lead-feature__title>img {
    width: 55px
  }
  .button-lead-feature__sub-title {
    font-size: 1.2rem
  }
  .header__container:after {
    content: "";
    display: block;
    height: 0;
    width: 0;
    background: none
  }
  .header__logo {
    padding: 19px 0 0;
    width: 130px
  }
  .header__catch {
    top: 18px;
    left: 170px;
    width: 125px
  }
  /*
  .header__telephone-container {
    position: absolute;
    top: 14px;
    right: 180px;
  }
  */
  .visible-xs, .visible-xs-inline {
    display: none!important
  }
  .visible-md {
    display: block!important
  }
  .visible-md-inline {
    display: inline-block!important
  }
  .hidden-xs {
    display: block!important
  }
  .hidden-xs-inline {
    display: inline-block!important
  }
  .hidden-md, .hidden-md-inline {
    display: none!important
  }
  .link-button {
    max-width: 480px;
    margin: 20px auto;
    height: 60px;
    line-height: 60px;
    background-color: #fff;
    border-radius: 4px;
    font-size: 1.8rem;
    -webkit-transition: color .3s, background-color .3s, -webkit-box-shadow .3s, -webkit-transform .3s;
    transition: color .3s, background-color .3s, -webkit-box-shadow .3s, -webkit-transform .3s;
    transition: color .3s, background-color .3s, box-shadow .3s, transform .3s;
    transition: color .3s, background-color .3s, box-shadow .3s, transform .3s, -webkit-box-shadow .3s, -webkit-transform .3s;
    border: 1px solid #e6e6e6;
    -webkit-box-shadow: 0 2px 0 0 #e6e6e6;
    box-shadow: 0 2px 0 0 #e6e6e6;
    text-align: center
  }
  .link-button:hover {
    background-color: #f5f5f5;
    -webkit-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    text-decoration: none
  }
  .link-button:active {
    -webkit-transition-duration: .1s;
    transition-duration: .1s
  }
}

@media screen and (min-width:768px) and (max-width:1040px) {
  .button__call .button-conversion-area__call {
    font-size: 1.2rem!important;
    left: 22%!important
  }
  .button-conversion-area__title {
    font-size: 1.6rem;
    left: 5%
  }
  .button-conversion-area__call {
    font-size: 1.4rem;
    bottom: 11px;
    left: 6%
  }
  .button-conversion-campaign__icon {
    width: 20px;
    height: 20px;
    top: -4px;
    left: -10px
  }
  .button-conversion-campaign__lead {
    width: 80%;
    display: inline-block;
    height: 1.8rem;
    overflow: hidden
  }
  .button-conversion-campaign__inner {
    font-size: 1.1rem
  }
  .button-cv-form__mark {
    width: 24px;
    height: 24px;
    left: -5%
  }
  .button-search-category {
    font-size: 1.8rem
  }
  .button-search-category>.icon {
    margin: 0 5px 0 0;
    width: 24px;
    height: 24px
  }
  .button-search-category small {
    font-size: 1.3rem
  }
  .button-search-category__item {
    width: 100%;
    padding-right: 35px
  }
  .button-search-top {
    font-size: 1.8rem;
    width: 100%
  }
  .button-search-top__item {
    width: 100%
  }
  .button-search-top>.icon {
    display: block;
    height: 36px;
    margin: 10px auto;
    width: 36px
  }
  .button-search-top02 {
    font-size: 1.8rem
  }
  .conductor_btn__title {
    font-size: 18px
  }
  .tag {
    margin: 10px 0 0
  }
  .block--list-price-wrap {
    clear: none
  }
  .block--list-price-wrap__logo {
    display: block
  }
  .block--frame {
    clear: both
  }
  .box-frame__wrap {
    white-space: normal
  }
  .box-frame__wrap .review-inline--medium {
    margin-left: 0!important
  }
  .header-block__price__header {
    font-size: 18px;
    width: 60px
  }
  .header-block__price__footer em {
    font-size: 22px
  }
  .aside__item, .banners, .section {
    margin-left: 20px;
    margin-right: 20px
  }
  .telephone__body {
    margin: 0 0 0 40px
  }
  .telephone-simplicity__number {
    text-align: center;
    font-size: 3.3vw
  }
  .header__telephone--large {
    text-align: center
  }
  .header__telephone--large:after {
    left: 50%;
    margin-left: 128px;
    z-index: 0
  }
  .header__telephone__title--large {
    float: none;
    display: inline-block;
    vertical-align: middle
  }
  .header__telephone__body--large {
    margin: 0;
    display: inline-block;
    vertical-align: middle
  }
  .header__telephone__more {
    clear: both;
    position: static;
    margin: 12px auto 0
  }
  .footer__constrained, .footer__links {
    padding-left: 20px;
    padding-right: 20px
  }
}

@media (-ms-high-contrast:none) {
  body {
    font-family: Hiragino Kaku Gothic ProN, 繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3, -apple-system, BlinkMacSystemFont, 貂ｸ繧ｴ繧ｷ繝�け菴�, YuGothic, 貂ｸ繧ｴ繧ｷ繝�け Medium, Yu Gothic Medium, sans-serif
  }
}

@media screen and (max-width:359px) {
  .button-conversion__container {
    width: 280px
  }
  .button-conversion__container--small {
    width: 168px
  }
  .button-conversion__container--secondary {
    width: 100px
  }
  .button-conversion__title {
    top: 8px;
    left: 16%;
    font-size: 2.2rem
  }
  .button-conversion__title--small {
    font-size: 1.6rem
  }
  .button-conversion__title--secondary {
    top: 12px;
    left: 18%;
    font-size: 1.2rem
  }
  .button-conversion__mark {
    left: 1%;
    width: 36px;
    height: 36px
  }
  .button-conversion__mark--small {
    left: 3%;
    width: 22px;
    height: 22px
  }
  .button-conversion__call {
    bottom: 9px;
    left: 15%
  }
  .button-conversion__call--small {
    left: 18%;
    bottom: 6px
  }
  .button-conversion-tell__mark {
    width: 36px;
    height: 36px;
    left: -5%
  }
  .button-conversion-form__mark {
    width: 30px;
    height: 30px;
    left: 0
  }
  .button-conversion-new__call em {
    font-size: 1.3rem
  }
  .button-conversion-new__container {
    width: 280px
  }
  .button-conversion-new__title {
    top: 10px;
    left: 15%;
    font-size: 2.2rem
  }
  .button-conversion-new__mark {
    left: 1%;
    width: 36px;
    height: 36px
  }
  .button-conversion-new__call {
    bottom: 9px;
    left: 15%
  }
  .button-conversion-new__free03 {
    bottom: 3px
  }
  .button-conversion-secondary__call {
    bottom: 9px;
    left: 15%
  }
  .button-conversion-secondary__small-text {
    top: 12px;
    left: 5%;
    font-size: 1.4rem
  }
  .button-conversion-area__container {
    width: 260px;
    height: 57px
  }
  .button-conversion-area__container--secondary {
    width: 260px;
    height: 52px
  }
  .button-conversion-area__mark {
    left: 0
  }
  .button-conversion-area__mark--secondary {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 2%
  }
  .button-lead-feature__title {
    font-size: 1rem
  }
  .button-lead-feature__title>img {
    width: 36px
  }
  .button-search-category {
    font-size: 1.3rem
  }
  .button-search-category>small {
    font-size: 1.2rem
  }
  .button-search-category__item:before {
    right: 4.6rem
  }
  .button-search-category__item:after {
    right: 3.5rem
  }
  .button-search-top, .button-search-top02 {
    font-size: 1.3rem
  }
  .conductor_btn__inner:before {
    width: 40px;
    top: 6px
  }
  .conductor_btn__inner:after {
    top: 24px
  }
  .conductor_btn__title {
    font-size: 14px;
    margin-right: 5px
  }
  .conductor_btn__text {
    font-size: 13px
  }
  .list-data--small {
    font-size: 1.2rem
  }
  .list-feature>a>p {
    font-size: 14px
  }
  .list-feature>a .icon__svg {
    padding-left: 8px
  }
  .nav-conversion__secondary>a, .nav-conversion__thirdly>a {
    font-size: 1.4rem
  }
  .section__points {
    background: linear-gradient(180deg, transparent, transparent 64px, #1aa0e5 0, #1aa0e5)
  }
  .section__points .points__lead>p {
    width: 74%
  }
  .section-tbl .points__lead>p {
    width: 70%
  }
  .section-tbl .points__body>table>tbody>tr>td, .section-tbl .points__body>table>tbody>tr>th {
    padding: 8px
  }
}

@media screen and (max-width:767px) {
  .tag__detail small {
    font-size: 1rem
  }
  .tag__detail span {
    padding: .3rem;
    margin: 0 .5rem 0 0
  }
}

/* header改修 */
.f_box{
    display: flex;
    justify-content: flex-end;
}
.f_item:nth-of-type(2){
  padding-right: 20px;
}

.f_item:first-child{
    margin-right: auto;
}

@media screen and (max-width:767px) {
  #header-in .hd_txt {
      text-align: left;
      padding-left: 17px;
  }
  .menu {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 50px;
    padding: 0 10px;
    border: none;
    background-color: transparent;
    line-height: 1;
    cursor: pointer
  }

  .menu:active, .menu:checked {
    outline: 0
  }




}
/* 追加Gナビ */
@media screen and (max-width:768px) {
  #header-container{
    z-index: 100000;
  }
  .menu {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
      position: absolute;
      width: 50px;
      height: 50px;
      padding: 0 10px;
      border: none;
      background-color: transparent;
      line-height: 1;
      cursor: pointer;
      top: 0;
      right: 0;
  }

  .menu:active, .menu:checked {
    outline: 0
  }
  .menu__bar {
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 11px;
    width: 28px;
    height: 2px;
    border-radius: 2px;
    background-color: #818181;
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out
  }

  .menu__bar:first-child {
    top: 17px
  }

  .menu__bar:first-child, .menu__bar:nth-child(2) {
    -webkit-transform-origin: left center;
    transform-origin: left center
  }

  .menu__bar:nth-child(2) {
    top: 25px
  }

  .menu__bar:nth-child(3) {
    top: 33px;
    -webkit-transform-origin: left center;
    transform-origin: left center
  }

  .sp_gnav_btn.state-active .menu__bar:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 16px;
    left: 14px;
    width: 25px
  }

  .sp_gnav_btn.state-active .menu__bar:nth-child(2) {
    width: 0;
    opacity: 0
  }

  .sp_gnav_btn.state-active .menu__bar:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 34px;
    left: 14px;
    width: 25px
  }
  .header-container-in.hlt-top-menu.hlt-tm-small .logo-header{
    width: 140px;
  }

  .visible-xs .sp_gnav{
    padding: 10px;
    background: #FFF;
    display: block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }

  .tel_btn ul{
    margin: 0 auto;
    padding: 0;
    transform: translate(-25%,-25%);
    width: 300px;
  }
.tel_btn li{
  list-style: none;
  margin: 0;
  padding: 0;
}
  .header__menu{
    position: static;
    /*
    width: 100%;
    height: 100vh;
    */
  }

  #icon-tell{
    width: 40px;
    height: 40px;
    color: #fff;
    fill: #fff;
  }
  .tel_btn_link{
  position: relative;
  }
.tel_btn{
    display: block;
    background: #ed702d;
    border: none;
    color: #fff;
    width: 100%;
    height: 70px;
    -webkit-box-shadow: 0 3px 0 0 #ba5721;
    box-shadow: 0 3px 0 0 #ba5721;
    border-radius: 6px;
    text-align: center;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.tel_ic{
  position: absolute;
  top:10px;
  left: 105px;
}
.tel_txt{
  font-size: 26px;
  position: absolute;
  top: 0px;
  left: 130px;
  font-weight: 700;
  width: 200px;
}
.tel_notice{
  font-size: 12px;
  padding: 4px 8px;
  position: absolute;
  top: 40px;
  left: 150px;
  width: 200px;
  }
  .header__menu h2{
    padding-left: .5em;
    border-left: 4px solid #1ba0e5;
    margin: 10px;
    font-size: 1.6rem;
    font-weight: 700;
  }
  .gnav-area-links__item{
  border-bottom: 2px solid #e6e6e6;
  }
  .gnav-list-inline li{
    list-style: none;
  }

  .gnav-area-links__list dt:first-child{
      border-top: 1px solid #e6e6e6;
  }
  .header__inner{
    overflow: auto;
    height: calc(100vh - 70px);
    width: 100%;
    background: #fff;
    position: absolute;
    top: 70px;
	left: 0;
	display: none;
  }
  .nav-conversion__title {
    margin: 10px 0;
    text-align: center;
    color: #ed702d;
    font-size: 1.8rem;
    font-weight: 700;
  }
  .gnav-area-links__item{
    position: relative;
  }
  .gnav-area-links__item,
  .gnav-list-inline__item a:link,
  .gnav-list-inline__item a:visited,
  .gnav-list-inline__item a:hover{
      display: block;
      padding: 17px 20px;
      color: #1ba0e5;
      font-weight: 700;
      border-bottom: 1px solid #e6e6e6;
  }
  .gnav-list-inline{
    padding:0;
    margin:0;
  }

}
.native_entry_txt li:before{
  content: "■";
    color: #48a0df;
}
.native_entry_txt li{
  list-style: none;
  width: 48%;
  display: inline-block;
  padding: 0;
}
.article .native_entry_txt{
  padding: 20px 0 10px 0;
}

.article .native_entry_txt ul,
.article .native_entry_txt li{
  margin: 0;
  padding: 0;
  color: #212b3c;
}
.entry-card-content {
    margin-left: 200px;
}
.entry-card-thumb {
    width: 180px;
}
.article .entry-card-content {
    margin-left: 202px;
}
.article .entry-content .native_bg{
  margin: 30px;
}
.article .entry-content .notice{
  color: #d64872;
}
.tel{
  cursor: default ;
}


@media screen and (max-width:480px){
  .native_entry_txt li:nth-of-type(3),
  .native_entry_txt li:nth-of-type(4),
  .native_entry_txt li:nth-of-type(5),
  .native_entry_txt li:nth-of-type(6),
  .native_entry_txt li:nth-of-type(7),
  .native_entry_txt li:nth-of-type(8){
    display: none;
  }
  .native_entry_btn,
  .native_bg .entry-card-snippet,
  .blue_btn{
    display: none;
  }
  .entry-card-content, .related-entry-card-content{
    padding: 5px;
  }
  .native_bg h2{
    margin-bottom: 0;
  }
  .native_entry_txt ul{
    padding:0;
    margin:0;
  }
  .native_entry_txt{
    padding-top: 5px;
  }
  .article .native_entry_txt li{
    margin-bottom: 5px;
    line-height: 1.4;
  }
  .native_ad_ttl{
    background:none;
    font-size:15px;
    text-decoration: none;
    line-height: 1.6;
    margin-bottom: 5px;
  }
  .native_ad_ttl a:link,
  .native_ad_ttl a:visited,
  .native_ad_ttl a:hover{
    text-decoration: none;
  }
  .native_entry_txt li{
    width: 100%;
  }
  .article .entry-card-thumb {
      width: 100px;
  }
  .article .entry-card-content {
      margin-left: 110px;
  }
  .article .entry-content .native_bg{
    margin: 10px;
    -webkit-border-radius: 10px;
            border-radius: 10px;
    }

}
.fixedbox.is-fixed{
    font-family: Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,-apple-system,BlinkMacSystemFont,游ゴシック体,YuGothic,游ゴシック Medium,Yu Gothic Medium,sans-serif;
    box-sizing: content-box;
}
.fixedbox__body ul{
  list-style: none;
  padding-left: 0;
  margin: 0; }
.fixedbox__body p {
    line-height: 1.25;
}
.fixedbox__body a {
text-decoration: none;
}
em{
  font-style: normal;
}
@media screen and (min-width: 768px){
  .fixedbox__tell-area>dt {
  height: 60px;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  }
  .fixedbox{
    bottom: 10px !important;
  }
}
@media screen and (max-width: 768px){
  .fixedbox__body {
      background: rgba(0,0,0,.4) !important;

      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
              box-sizing: border-box;
  }

  .fixedbox__body ul{
    padding: 0;
  }
}
.sp_none{
	display: none;
}
@media screen and (max-width: 768px){
  .sp_none{
  display: block;
  }
	.pc_none{
		display: none;
	}
}