@charset "UTF-8";
main {padding-top: 50px;}

body#news #main-content .content-wrap.consultation {max-width: 600px; margin:100px auto;}
body#news #main-content .content-wrap.consultation h2.cont-ttl {font-size:22px; text-align:center; margin-bottom: 20px;}
body#news #main-content .content-wrap.consultation .consultation-category figure {width:25%; padding:0 5px;}
body#news #main-content .content-wrap.consultation .consultation-category figure img {width:100%; margin-bottom:5px;}
body#news #main-content .content-wrap.consultation .consultation-category figure figcaption {text-align: center; font-size: 12px;}
@media screen and (max-width : 414px){
  body#news #main-content .content-wrap.consultation {margin:50px auto;}
  body#news #main-content .content-wrap.consultation {padding:0 20px;}
  body#news #main-content .content-wrap.consultation h2.cont-ttl {font-size:20px; margin-bottom:10px;}
  body#news #main-content .content-wrap.consultation .consultation-category.ut-df {flex-wrap: wrap; justify-content: center;}
  body#news #main-content .content-wrap.consultation .consultation-category figure {width:33.3333%; padding:0 10px;}
  body#news #main-content .content-wrap.consultation .consultation-category figure:nth-child(1),
  body#news #main-content .content-wrap.consultation .consultation-category figure:nth-child(2),
  body#news #main-content .content-wrap.consultation .consultation-category figure:nth-child(3) {margin-bottom:15px;}
}

body#news #main-content .content-wrap.consultation-about {max-width:980px; margin:100px auto;}
body#news #main-content .content-wrap.consultation-about h2.cont-ttl {font-size:22px; text-align:center; margin-bottom: 20px;}
body#news #main-content .content-wrap.consultation-about nav ul {max-width:680px; margin:0 auto;}
body#news #main-content .content-wrap.consultation-about nav ul.ut-df {justify-content: space-between;}
body#news #main-content .content-wrap.consultation-about nav ul li {}
body#news #main-content .content-wrap.consultation-about nav ul li a {font-size:20px; padding:5px; opacity: 0.4; transition: all 0.3s ease 0s; font-weight: 700;}
body#news #main-content .content-wrap.consultation-about nav ul li a:hover {opacity:1;}
body#news #main-content .content-wrap.consultation-about #content-detail div {}
body#news #main-content .content-wrap.consultation-about #content-detail h1.content-detail_ttl:before {content: ""; display: block; border-top: solid 1px #aaa; width: 100%; height: 1px; position: relative; top: 50%; z-index: 1;}
body#news #main-content .content-wrap.consultation-about #content-detail h1.content-detail_ttl span.element {line-height: 1.2; font-size:24px; color:#000; background: #fff; margin-top: -0.5em; padding-right:20px; position: absolute; z-index: 5;}
body#news #main-content .content-wrap.consultation-about #content-detail h1.content-detail_ttl.icn span.element {margin-top: -1.5em;}
body#news #main-content .content-wrap.consultation-about #content-detail h1.content-detail_ttl span.ttl-icn {display:block; font-size:65%; color:#f00;}
body#news #main-content .content-wrap.consultation-about #content-detail h1.content-detail_ttl span.ttl-icn02 {display:block; font-size:65%; color:#000; font-family: "Gothic MB101", sans-serif;}
body#news #main-content .content-wrap.consultation-about #content-detail .content-detail_article {}
body#news #main-content .content-wrap.consultation-about #content-detail .content-detail_article h2.article-ttl {margin:0;}

@media screen and (max-width : 1000px){
  body#news #main-content .content-wrap.consultation-about {padding:0 20px;}
}
@media screen and (min-width : 509px) and (max-width : 768px){
  body#news #main-content .content-wrap.consultation-about nav ul li a {font-size:20px;}
  body#news #main-content .content-wrap.consultation-about #content-detail h1.content-detail_ttl span.element {font-size:22px;}
}
@media screen and (max-width : 508px){
  body#news #main-content .content-wrap.consultation-about {margin:50px auto;}
  body#news #main-content .content-wrap.consultation-about h2.cont-ttl {font-size:20px; margin-bottom:10px;}
  body#news #main-content .content-wrap.consultation-about nav ul li a {font-size:3.5vw;}
  body#news #main-content .content-wrap.consultation-about #content-detail .content-detail_article {padding:0;}
  body#news #main-content .content-wrap.consultation-about #content-detail h1.content-detail_ttl span.element {font-size:20px;}
  body#news #main-content .content-wrap.consultation-about #content-detail h1.content-detail_ttl span.ttl-icn02 {font-size:16px;}
  body#news #main-content .content-wrap.consultation-about #content-detail .ut-pt50.ut-pb50 {padding-top:25px; padding-bottom:25px;}
}
@media screen and (max-width : 767px){
  body#news #main-content .content-wrap.consultation-about #content-detail h1.content-detail_ttl:before {content:initial; display:initial; border-top:none; width:auto; height:auto; position:initial; top:initial; z-index:initial;}
  body#news #main-content .content-wrap.consultation-about #content-detail h1.content-detail_ttl span.element {line-height: 1.2; background:initial; position:initial; z-index:initial;}
  body#news #main-content .content-wrap.consultation-about #content-detail h1.content-detail_ttl.ut-pt30 {padding-top: 0;}
  body#news #main-content .content-wrap div .content-detail_article {margin:20px auto; padding: 0;}
}

/*メインコンテンツ*/
/*テーマ*/
div#main-content .consultation-theme {}
div#main-content .consultation-theme figure.mainPanel {max-width: 1024px; margin: 0 auto 50px;} /*メインパネル*/
div#main-content .consultation-theme figure.mainPanel img {width: 100%;} /*メインパネル*/
div#main-content .consultation-theme h2.themeTtl {max-width: 1024px; margin:0 auto 20px; padding:0 15px; font-size:20px; text-align: center;}
div#main-content .consultation-theme p.consultation-lead {max-width:980px; margin:0 auto;}
@media screen and (max-width : 1000px){
  div#main-content .consultation-theme p.consultation-lead {padding:0 20px;}
}
/*テーマ*/

/*カテゴリータイトル*/
.category-mainTtl {max-width: 1024px; margin: 0 auto 50px;}
.category-mainTtl h1 span {display: block;}
.category-mainTtl h1 span.category-mainTtl_sub {font-size: 14px; font-family: "Gothic MB101", sans-serif; line-height: 1.2;}
.category-mainTtl h1 span.category-mainTtl_main {font-size: 24px;}
@media only screen and (max-width : 1023px) {
  .category-mainTtl {width:100%; padding:0 15px;}
}
/*カテゴリータイトル*/

/*ユーティリティ*/
div#main-content figure.subPanel {max-width: 1024px; margin: 0 auto;}/*サブパネル*/
div#main-content figure.subPanel img {width: 100%;}/*サブパネル*/
/*ユーティリティ*/

body#news .process-block {width:100%; display: table;}
body#news .process-block_head {display:table-row;}
body#news .process-block_head .process-block_ttl {border-bottom: 2px solid #000; font-weight: bold; text-align: center; vertical-align:middle;}
body#news .process-block_body {display:table-row;}
body#news .process-block_ttl {display:table-cell; width:33.3333%; vertical-align:middle; padding: 20px; border-right: 2px solid #000;}
body#news .process-block_ttl:last-child {border-right:none;}

.process {text-align: center; border-radius: 10px; font-weight: bold; position: relative; background: #d6d6d6; padding: 2em;}
.process:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -20px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #d6d6d6 transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}
.process_lst {text-align: center; font-weight: bold; border-radius: 10px; background: #d6d6d6; padding: 2em;}

@media only screen and (min-width : 640px) {
  body#news .process-block {width:100%;}
}
@media only screen and (max-width : 639px) {
  body#news .overflow-scroll {overflow: scroll;}
  body#news .process-block {width:640px;}
}

body#news .introduction {max-width:980px; margin:0 auto 80px; padding: 20px; border: 1px solid #ddd; border-radius: 5px;}
body#news .introduction img {width:100%;}

@media only screen and (max-width : 799px) {
  body#news .introduction {width:90%;}
}
body#news .introduction h1 {margin: 0 0 10px 0; font-size: 1em; line-height: 1; font-weight: bold;}
body#news .introduction p {margin-top: 0; font-size: 13px; overflow: hidden;}
body#news .introduction p:last-child {margin-bottom: 0;}
body#news .introduction .grid-card {display: flex; flex-wrap:wrap;}
@media only screen and (min-width : 769px) {
  body#news .introduction .grid-card div.c-image-list__item {width:250px; margin: 0 15px 15px 0;}
  body#news .introduction .grid-card div.c-image-list__item:nth-of-type(3) {margin-right: 0;}
}
@media only screen and (max-width : 768px) {
  body#news .introduction .grid-card {justify-content: space-between;}
  body#news .introduction .grid-card div.c-image-list__item {width:48%; margin:0;}
  body#news .introduction .grid-card div.c-image-list__item:nth-child(even) {margin-right: 0;}
}
/*メインコンテンツ*/

/*2列画像対応*/
body#news #main-content .img-rayout_col2.ut-df {flex-wrap:wrap;}
body#news #main-content .img-rayout_col2.ut-df figure {width: calc((100% - 10px) / 2);}
body#news #main-content .img-rayout_col2.ut-df figure:nth-child(odd) {margin-right:10px;}
body#news #main-content .img-rayout_col2.ut-df figure img {width:100%; margin:0; padding:0;}
@media only screen and (max-width : 480px){
 body#news #main-content .img-rayout_col2.ut-df {display: block;}
 body#news #main-content .img-rayout_col2.ut-df figure {width:100%; margin-bottom:20px;}
 body#news #main-content .img-rayout_col2.ut-df figure:nth-child(odd) {margin-right:0;}
}
/*2列画像対応*/

/*3列画像対応*/
body#news #main-content .img-rayout_col3.ut-df {flex-wrap:wrap;}
body#news #main-content .img-rayout_col3.ut-df figure {width: calc((99% - 20px) / 3); margin-right:10px;}
body#news #main-content .img-rayout_col3.ut-df figure:nth-of-type(3n) {margin-right:0;}
body#news #main-content .img-rayout_col3.ut-df figure img {width:100%; margin:0 0 15px 0; padding:0;}

@media only screen and (max-width : 480px){
 body#news #main-content .overflow-scroll_col3 {overflow: scroll;}
 body#news #main-content .img-rayout_col3.ut-df {width: 880px;}
}
/*3列画像対応*/

body#news #main-content aside dl {margin:0; padding:0; overflow: hidden;}
body#news #main-content aside dt {margin:0; padding:0; font-size:14px; font-weight: 700; line-height: 1.5em;}
body#news #main-content aside dl.store dd {line-height: 1.5em; margin-top: -1.6em; padding: 0 0 7px 5em;}
body#news #main-content aside dl.store dd a.contact {color: #60B3FA; font-weight: bold;}
@media screen and (max-width : 414px){
  body#news #main-content aside dt {margin-bottom:5px; padding-bottom:5px; border-bottom:1px #ccc dotted;}
  body#news #main-content aside dl.store dd {margin:0; padding: 0 0 14px 0;}
}

.information-area {max-width:980px; margin:0 auto 100px; padding: 20px; border: 1px solid #ddd; border-radius: 5px;}
.information-area_img {width: 40%; padding-right:15px;}
.information-area_img figure img {width: 100%;}
.information-area_detail {width: 60%; padding-left:15px;}
.information-area_detail p {font-size: 12px;}
.information-area_detail a {font-weight: 700;}

.information-area_detail.idee h2 {margin-bottom:20px; position: relative;}
.information-area_detail.idee h2 span {display:inline-block; margin-right: 20px;}
.information-area_detail.idee h2 span.main-ttl {width:13%;}
.information-area_detail.idee h2 span.main-ttl img {width:100%;}
.information-area_detail.idee h2 span.sub-ttl {width:87%; position: absolute; bottom: 0; line-height: 0.6; color:#001646;}
.information-area_detail.idee a {color:#001646;}

@media screen and (max-width : 980px){
  .information-area {margin:40px 20px;}
}
@media screen and (min-width : 769px){
.information-area_detail.idee {position: relative;}
.information-area_detail.idee a {position:absolute; bottom:0;}
}
@media screen and (max-width : 620px){
  .information-area.ut-df {display: block;}
  .information-area_img figure {margin-bottom:15px;}
  .information-area_img {width:100%; padding-right:0;}
  .information-area_detail {width:100%; padding-left:0;}
  .information-area_detail.idee h2 {margin-bottom:10px; position:initial;}
  .information-area_detail.idee h2 span {display:block; margin-right:0;}
  .information-area_detail.idee h2 span.main-ttl {width:20%; line-height:1.0; margin-bottom: 10px;}
  .information-area_detail.idee h2 span.main-ttl img {width:100%;}
  .information-area_detail.idee h2 span.sub-ttl {width:100%; position:initial; font-size: 14px; line-height:1.0;}
  .information-area_detail a {font-size: 12px;}
}


@media only screen and (min-width : 801px) and (max-width : 880px){
  .shop-guide_header,
  .shop-guide_List {width:100%;}
}
@media only screen and (max-width : 800px){
  .shop-guide_header,
  .shop-guide_List {width:100%;}
}

.shop-guide .shop-guide_List {margin: 0 auto 20px;}

.shop-guide .shop-guide_List figure,
.shop-guide .shop-guide_information {width: calc((100% - 20px) / 2);}
.shop-guide .shop-guide_List figure {margin-right:20px;}
.shop-guide .shop-guide_List figure img {width: 100%;}
.shop-guide .shop-guide_information .shop-detail p {font-size: 12px;}
.shop-guide .shop-guide_information .shop-detail .shop-detail_service {margin:10px 0 20px;}
.shop-guide .shop-guide_information .shop-detail .shop-detail_service p span {font-size: 12px; margin-right:5px; padding:5px 10px; line-height: 1; display: inline-block; border: 1px solid #ddd; border-radius: 50px;}
.shop-guide .shop-guide_information .shop-detail dl {margin-bottom: 20px;}
.shop-guide .shop-guide_information .shop-detail dt {float: left; margin-right: .5em; line-height: 2.4;}
.shop-guide .shop-guide_information .shop-detail dd {font-size: 16px;}
.shop-guide .shop-guide_information .shop-detail dd a {font-weight:700; color: #60B3FA;}

@media only screen and (max-width : 480px){
 .shop-guide_List.ut-df {display: block;}
 .shop-guide .shop-guide_List figure,
 .shop-guide .shop-guide_information {width:100%;}
 .shop-guide .shop-guide_List figure {margin-right:0; margin-bottom: 20px;}
}

.relatedLink {text-align: center; margin-top:20px;}
.relatedLink a {padding: 1.14em 4.5em; font-size: 14px; line-height: 1; display: inline-block; border: 1px solid #ddd; border-radius: 50px;}
.shop-guide_information .relatedLink a {padding:.8em 2.5em; font-size: 12px; line-height: 1; display: inline-block; border: 1px solid #ddd; border-radius: 50px;}