@charset "UTF-8";
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.0; 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:60%; color:#f00;}
body#news #main-content .content-wrap.consultation-about #content-detail article {}
body#news #main-content .content-wrap.consultation-about #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 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 .ut-pt50.ut-pb50 {padding-top:25px; padding-bottom:25px;}
}

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:nth-child(n + 3) {margin-top:40px;}
body#news #main-content .img-rayout_col2.ut-df figure img {width:100%; margin-bottom:10px; padding:0;}
body#news #main-content .img-rayout_col2.ut-df figure figcaption {text-align:center; font-size:16px; font-weight:700;}
body#news #main-content p.img-caption {text-align:center; font-size:16px; font-weight:700;}
body#news #main-content .img-rayout_col4.ut-df {flex-wrap:wrap;}
body#news #main-content .img-rayout_col4.ut-df figure {width: calc((100% - 30px)/ 4);}
/*body#news #main-content .img-rayout_col4.ut-df figure {margin-right:10px;}*/
body#news #main-content .img-rayout_col4.ut-df figure:not(:nth-child(n + 4)) {margin-right:10px;}
body#news #main-content .img-rayout_col4.ut-df figure img {width:100%; margin-bottom:10px; padding:0;}
body#news #main-content .img-rayout_col4.ut-df figure figcaption {text-align:center; font-size:16px; font-weight:700;}

@media screen and (max-width : 414px){
  body#news #main-content .img-rayout_col2.ut-df figure {width: calc((100% - 10px) / 2);}
  body#news #main-content .img-rayout_col4.ut-df figure:not(:nth-child(n + 4)) {margin-right:0;}
  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:nth-child(n + 3) {margin-top:20px;}

  body#news #main-content .img-rayout_col4.ut-df figure {width: calc((100% - 10px) / 2);}
  body#news #main-content .img-rayout_col4.ut-df figure:nth-child(odd) {margin-right:10px;}
  body#news #main-content .img-rayout_col4.ut-df figure:nth-child(n + 3) {margin-top:20px;}

  body#news #main-content .img-rayout_col2.ut-df figure img,
  body#news #main-content .img-rayout_col4.ut-df figure img {margin-bottom:5px;}
  body#news #main-content .img-rayout_col2.ut-df figure figcaption,
  body#news #main-content .img-rayout_col4.ut-df figure figcaption,
  body#news #main-content p.img-caption {font-size:12px;}
  .pkg.ut-pb40 {padding-bottom:20px;}
}

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;}
}