@charset "utf-8";
/*
 Theme Name:   Grazioso Child
 Theme URI:    http://grazioso.info
 Description:  Grazioso Child Theme
 Author:       TRIAD Inc.
 Author URI:   http://triad-net.com
 Template:     grazioso
 Version:      1.0.0
 Tags:         responsive-layout, translation-ready, custom-background, custom-colors, custom-menu, featured-images, theme-options, threaded-comments
 Text Domain:  grazioso-child
*/
/* ここから追記 */
/* ------------------------------------------------------
 * Reset
------------------------------------------------------ */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{vertical-align:bottom !important;}
table,caption,tbody,tfoot,thead,tr,th,td{vertical-align:top;}
/* ----- custom ----- */
main{display:block;margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
h1,h2,h3,h4,h5,h6,small{font-weight:normal;}
p, ol, ul, dl, address{margin-bottom:0 !important;}
.contentstyle ul,.contentstyle ol{list-style-type:none !important;}
strong{font-weight:bold;}
em,i{font-style:italic;}
address{font-style:normal;}
hr,legend{display:none;}
time{display:block;}
sub,sup{position:relative;font-size:74%;line-height:1;}
sup{top:-.3em;}
sub{bottom:-.1em;}
img{max-width:100%;height:auto;vertical-align:top;}
/* ------------------------------------------------------
 * Basic
------------------------------------------------------ */
html {
  font-size: 62.5% !important;
  -ms-text-size-adjust: 100% !important;
  -webkit-text-size-adjust: 100% !important;
}
body {
  color: #333 !important;
  font: 1.6rem/1.75 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
  word-wrap : break-word !important;
}
body *,
body *::before,
body *::after {
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}
/* ----- link ----- */
a {
  -webkit-transform: translatez(0);
  transform: translatez(0);
  outline: none;
  -webkit-transition: all .3s ease-out 0s;
  transition: all .3s ease-out 0s;
}
/* ------------------------------------------------------
 * Common
------------------------------------------------------ */
@media print, screen and (min-width: 768px) {
/* ----- link ----- */
a img {
  opacity: 1;
  -webkit-transform: translatez(0);
  -webkit-transition: .3s ease-out 0s;
  transition: .3s ease-out 0s;
}
/* tel */
a[href^="tel:"] {
  color: #444 !important;
  text-decoration: none;
  pointer-events: none;
  cursor: default;
}
.pc-hidden{display:none!important}
/* ----- width ----- */
.gp-pc-w-auto{width:auto!important}.gp-pc-w-001per{width:1%!important}.gp-pc-w-002per{width:2%!important}.gp-pc-w-003per{width:3%!important}.gp-pc-w-004per{width:4%!important}.gp-pc-w-005per{width:5%!important}.gp-pc-w-006per{width:6%!important}.gp-pc-w-007per{width:7%!important}.gp-pc-w-008per{width:8%!important}.gp-pc-w-009per{width:9%!important}.gp-pc-w-010per{width:10%!important}.gp-pc-w-011per{width:11%!important}.gp-pc-w-012per{width:12%!important}.gp-pc-w-013per{width:13%!important}.gp-pc-w-014per{width:14%!important}.gp-pc-w-015per{width:15%!important}.gp-pc-w-016per{width:16%!important}.gp-pc-w-017per{width:17%!important}.gp-pc-w-018per{width:18%!important}.gp-pc-w-019per{width:19%!important}.gp-pc-w-020per{width:20%!important}.gp-pc-w-021per{width:21%!important}.gp-pc-w-022per{width:22%!important}.gp-pc-w-023per{width:23%!important}.gp-pc-w-024per{width:24%!important}.gp-pc-w-025per{width:25%!important}.gp-pc-w-026per{width:26%!important}.gp-pc-w-027per{width:27%!important}.gp-pc-w-028per{width:28%!important}.gp-pc-w-029per{width:29%!important}.gp-pc-w-030per{width:30%!important}.gp-pc-w-031per{width:31%!important}.gp-pc-w-032per{width:32%!important}.gp-pc-w-033per{width:33%!important}.gp-pc-w-034per{width:34%!important}.gp-pc-w-035per{width:35%!important}.gp-pc-w-036per{width:36%!important}.gp-pc-w-037per{width:37%!important}.gp-pc-w-038per{width:38%!important}.gp-pc-w-039per{width:39%!important}.gp-pc-w-040per{width:40%!important}.gp-pc-w-041per{width:41%!important}.gp-pc-w-042per{width:42%!important}.gp-pc-w-043per{width:43%!important}.gp-pc-w-044per{width:44%!important}.gp-pc-w-045per{width:45%!important}.gp-pc-w-046per{width:46%!important}.gp-pc-w-047per{width:47%!important}.gp-pc-w-048per{width:48%!important}.gp-pc-w-049per{width:49%!important}.gp-pc-w-050per{width:50%!important}.gp-pc-w-051per{width:51%!important}.gp-pc-w-052per{width:52%!important}.gp-pc-w-053per{width:53%!important}.gp-pc-w-054per{width:54%!important}.gp-pc-w-055per{width:55%!important}.gp-pc-w-056per{width:56%!important}.gp-pc-w-057per{width:57%!important}.gp-pc-w-058per{width:58%!important}.gp-pc-w-059per{width:59%!important}.gp-pc-w-060per{width:60%!important}.gp-pc-w-061per{width:61%!important}.gp-pc-w-062per{width:62%!important}.gp-pc-w-063per{width:63%!important}.gp-pc-w-064per{width:64%!important}.gp-pc-w-065per{width:65%!important}.gp-pc-w-066per{width:66%!important}.gp-pc-w-067per{width:67%!important}.gp-pc-w-068per{width:68%!important}.gp-pc-w-069per{width:69%!important}.gp-pc-w-070per{width:70%!important}.gp-pc-w-071per{width:71%!important}.gp-pc-w-072per{width:72%!important}.gp-pc-w-073per{width:73%!important}.gp-pc-w-074per{width:74%!important}.gp-pc-w-075per{width:75%!important}.gp-pc-w-076per{width:76%!important}.gp-pc-w-077per{width:77%!important}.gp-pc-w-078per{width:78%!important}.gp-pc-w-079per{width:79%!important}.gp-pc-w-080per{width:80%!important}.gp-pc-w-081per{width:81%!important}.gp-pc-w-082per{width:82%!important}.gp-pc-w-083per{width:83%!important}.gp-pc-w-084per{width:84%!important}.gp-pc-w-085per{width:85%!important}.gp-pc-w-086per{width:86%!important}.gp-pc-w-087per{width:87%!important}.gp-pc-w-088per{width:88%!important}.gp-pc-w-089per{width:89%!important}.gp-pc-w-090per{width:90%!important}.gp-pc-w-091per{width:91%!important}.gp-pc-w-092per{width:92%!important}.gp-pc-w-093per{width:93%!important}.gp-pc-w-094per{width:94%!important}.gp-pc-w-095per{width:95%!important}.gp-pc-w-096per{width:96%!important}.gp-pc-w-097per{width:97%!important}.gp-pc-w-098per{width:98%!important}.gp-pc-w-099per{width:99%!important}.gp-pc-w-100per{width:100%!important}}
@media only screen and (max-width: 767px) {
.sp-hidden{display:none!important}
.gp-sp-w-auto{width:auto!important}.gp-sp-w-001per{width:1%!important}.gp-sp-w-002per{width:2%!important}.gp-sp-w-003per{width:3%!important}.gp-sp-w-004per{width:4%!important}.gp-sp-w-005per{width:5%!important}.gp-sp-w-006per{width:6%!important}.gp-sp-w-007per{width:7%!important}.gp-sp-w-008per{width:8%!important}.gp-sp-w-009per{width:9%!important}.gp-sp-w-010per{width:10%!important}.gp-sp-w-011per{width:11%!important}.gp-sp-w-012per{width:12%!important}.gp-sp-w-013per{width:13%!important}.gp-sp-w-014per{width:14%!important}.gp-sp-w-015per{width:15%!important}.gp-sp-w-016per{width:16%!important}.gp-sp-w-017per{width:17%!important}.gp-sp-w-018per{width:18%!important}.gp-sp-w-019per{width:19%!important}.gp-sp-w-020per{width:20%!important}.gp-sp-w-021per{width:21%!important}.gp-sp-w-022per{width:22%!important}.gp-sp-w-023per{width:23%!important}.gp-sp-w-024per{width:24%!important}.gp-sp-w-025per{width:25%!important}.gp-sp-w-026per{width:26%!important}.gp-sp-w-027per{width:27%!important}.gp-sp-w-028per{width:28%!important}.gp-sp-w-029per{width:29%!important}.gp-sp-w-030per{width:30%!important}.gp-sp-w-031per{width:31%!important}.gp-sp-w-032per{width:32%!important}.gp-sp-w-033per{width:33%!important}.gp-sp-w-034per{width:34%!important}.gp-sp-w-035per{width:35%!important}.gp-sp-w-036per{width:36%!important}.gp-sp-w-037per{width:37%!important}.gp-sp-w-038per{width:38%!important}.gp-sp-w-039per{width:39%!important}.gp-sp-w-040per{width:40%!important}.gp-sp-w-041per{width:41%!important}.gp-sp-w-042per{width:42%!important}.gp-sp-w-043per{width:43%!important}.gp-sp-w-044per{width:44%!important}.gp-sp-w-045per{width:45%!important}.gp-sp-w-046per{width:46%!important}.gp-sp-w-047per{width:47%!important}.gp-sp-w-048per{width:48%!important}.gp-sp-w-049per{width:49%!important}.gp-sp-w-050per{width:50%!important}.gp-sp-w-051per{width:51%!important}.gp-sp-w-052per{width:52%!important}.gp-sp-w-053per{width:53%!important}.gp-sp-w-054per{width:54%!important}.gp-sp-w-055per{width:55%!important}.gp-sp-w-056per{width:56%!important}.gp-sp-w-057per{width:57%!important}.gp-sp-w-058per{width:58%!important}.gp-sp-w-059per{width:59%!important}.gp-sp-w-060per{width:60%!important}.gp-sp-w-061per{width:61%!important}.gp-sp-w-062per{width:62%!important}.gp-sp-w-063per{width:63%!important}.gp-sp-w-064per{width:64%!important}.gp-sp-w-065per{width:65%!important}.gp-sp-w-066per{width:66%!important}.gp-sp-w-067per{width:67%!important}.gp-sp-w-068per{width:68%!important}.gp-sp-w-069per{width:69%!important}.gp-sp-w-070per{width:70%!important}.gp-sp-w-071per{width:71%!important}.gp-sp-w-072per{width:72%!important}.gp-sp-w-073per{width:73%!important}.gp-sp-w-074per{width:74%!important}.gp-sp-w-075per{width:75%!important}.gp-sp-w-076per{width:76%!important}.gp-sp-w-077per{width:77%!important}.gp-sp-w-078per{width:78%!important}.gp-sp-w-079per{width:79%!important}.gp-sp-w-080per{width:80%!important}.gp-sp-w-081per{width:81%!important}.gp-sp-w-082per{width:82%!important}.gp-sp-w-083per{width:83%!important}.gp-sp-w-084per{width:84%!important}.gp-sp-w-085per{width:85%!important}.gp-sp-w-086per{width:86%!important}.gp-sp-w-087per{width:87%!important}.gp-sp-w-088per{width:88%!important}.gp-sp-w-089per{width:89%!important}.gp-sp-w-090per{width:90%!important}.gp-sp-w-091per{width:91%!important}.gp-sp-w-092per{width:92%!important}.gp-sp-w-093per{width:93%!important}.gp-sp-w-094per{width:94%!important}.gp-sp-w-095per{width:95%!important}.gp-sp-w-096per{width:96%!important}.gp-sp-w-097per{width:97%!important}.gp-sp-w-098per{width:98%!important}.gp-sp-w-099per{width:99%!important}.gp-sp-w-100per{width:100%!important}}
/* ----- margin ----- */
.gp-mt-0{margin-top:0!important;}
.gp-mt-1em{margin-top:1em!important;}
.gp-mt-2em{margin-top:2em!important;}
.gp-mb-0{margin-bottom:0!important;}
.gp-mb-1em{margin-bottom:1em!important;}
.gp-mb-2em{margin-bottom:2em!important;}
/* ----- align ----- */
.gp-al-center{text-align:center !important;}
.gp-al-right{text-align:right !important;}
.gp-al-left{text-align:left !important;}
.gp-al-top{vertical-align:top !important;}
.gp-al-middle{vertical-align:middle !important;}
.gp-al-bottom{vertical-align:bottom !important;}
/* ----- text parts ----- */
.text_ms {font-size: 1.3rem !important;}
.text_mm {font-size: 1.4rem !important;}
.text_ml {font-size: 1.8rem !important;}
.text_st {font-size: 2.0rem !important;}
.text_xl {font-size: 6.0rem !important;}
.contentstyle [class*="text_"],
.contentstyle [class*="text-"] {color: #222 !important;}
.contentstyle .text-color-blue{color: #0E6FB8 !important;}
.contentstyle .text-color-orange{color: #FF4500 !important;}
.contentstyle .text-color-red{color: #ff0401 !important;}
.text-bold{font-weight:bold!important;}


/* ----- data-row-pc ----- */
@media print, screen and (min-width: 768px) {
[data-row-pc]:not([data-row-pc="1"]) {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
[data-row-pc]:not([data-row-pc="1"]).align-items {
  -webkit-align-items: center;
  align-items: center;
}
[data-row-pc]:not([data-row-pc="1"]):not([data-row-pc="auto"]) > * {
  margin-top: 1.25em;
  margin-left: 36px;
}
[data-row-pc="2"] > *:nth-child(-n+2),
[data-row-pc="3"] > *:nth-child(-n+3),
[data-row-pc="4"] > *:nth-child(-n+4) {margin-top: 0 !important;}
[data-row-pc="1"] > *,
[data-row-pc="2"] > *:nth-child(2n+1),
[data-row-pc="3"] > *:nth-child(3n+1),
[data-row-pc="4"] > *:nth-child(4n+1) {margin-left: 0 !important;}
[data-row-pc="2"] > * { width: calc((100% -  36px) / 2); }
[data-row-pc="3"] > * { width: calc((100% -  72px) / 3); }
[data-row-pc="4"] > * { width: calc((100% - 108px) / 4); }
[data-row-pc="auto"] {
  margin-right: -36px;
  margin-bottom: -.5em;
}
_:-ms-lang(x)::-ms-backdrop, [data-row-pc="3"] > * {
  width: 30.9%;
  margin-left: 3.6% !important;
}
_:-ms-lang(x)::backdrop, [data-row-pc="3"] > *{
  width: 30.9%;
  margin-left: 3.6% !important;
}
}
/* ----- hover effect ----- */
/* img */
a:hover .image-set > .image_inner > img,
a:hover > .link_image > img {opacity: .7;}
/*タイトルエリア削除*/
@media print, screen and (min-width: 768px) {
.container-innerlead {width:100%;background: none ;overflow: hidden; display: none;}

/*コンテンツエリア幅指定*/
.content-innercontent {
  max-width: none !important;
  width: 100% !important;
}
.breadcrumb,
.content-innercontent-in {
  max-width: 1000px !important;
  width: 100% !important;
  margin: 0 auto !important;
}
}
.content-innercontent-in + p {display: none;}

/* ----- header ----- */
header.group {max-width: 1000px; width: 100%;}
header.group {padding: 0;}
header.group > .row.col-2-6,
header.group > .row.col-2-6-2 {padding: 1em 0;}
header.group > .row.col-2-6-2 {width: 62%; float: right;}
header.group > .row.col-2-6-2 .tel-link {
  float: right;
  margin: 4px 5px 0;
}
header.group > .row.col-2-6-2 .tel-link > a {display: block;}
header.group > .row.col-2-6-2 #no1 > a,
header.group > .row.col-2-6-2 #no2 > a {color: #222;}
header.group > .row.col-2-6-2 #no1 > a:hover,
header.group > .row.col-2-6-2 #no2 > a:hover {text-decoration: underline;}
header.group > .row.col-4-6 {width: 100%;}
header.group > .row.col-4-6 ul#menu-gnav > li {
  width: calc(100% / 7);
  float: left !important;
  margin-left: 0;
}
header.group > .row.col-4-6 ul#menu-gnav > li a {
  padding: 1.0em .5em;
  text-align: center;
  font-size: 1.4rem;
  font-weight: normal;
  color: #222;
}
header.group > .row.col-4-6 ul#menu-gnav > li > a {
  position: relative;
  padding: 1.0em .5em;
  text-align: center;
  font-size: 1.4rem;
  font-weight: normal;
  color: #222;
}
header.group > .row.col-4-6 ul#menu-gnav > li > a:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 1px;
  width: 1px;
  height: 10px;
  margin-top: -5px;
  background-color: #222;
}
header.group > .row.col-4-6 ul#menu-gnav > li:last-child > a:after {display: none;}
header.group > .row.col-4-6 ul#menu-gnav .sub-menu {
  padding: 0;
  border: 1px solid #e6911f;
  width: 14.6em;
}
header.group > .row.col-4-6 ul#menu-gnav .sub-menu > li,
header.group > .row.col-4-6 ul#menu-gnav .sub-menu > li a {width: 100%;}
header.group > .row.col-4-6 ul#menu-gnav > li.current-menu-item > a:before,
header.group > .row.col-4-6 ul#menu-gnav > li.current-menu-parent > a:before,
header.group > .row.col-4-6 ul#menu-gnav > li > a:hover::before {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  width: 100%;
  height: 3px;
  background-color: #e6911f !important;
}
header.group > .row.col-4-6 ul#menu-gnav .sub-menu > li a:hover,
header.group > .row.col-4-6 ul#menu-gnav > li.current-menu-parent .sub-menu li.current-menu-item,
header.group > .row.col-4-6 ul#menu-gnav > li.current-menu-parent .sub-menu li.current-menu-item a {background-color: #F4AA74 !important;}

/* ----- breadcrumb ----- */
.contentstyle ul.breadcrumb,
.contentstyle ol.breadcrumb {padding: 0 0 20px 0 !important;}
.breadcrumb > li {
  position: relative;
  float: left;
  margin: 0 !important;
  padding: 0 13px 0 20px !important;
  font-size: 1.4rem;
  list-style: none;
}
.breadcrumb > li::before {
  position: absolute;
  content: "";
  top: 8px;
  left: 0;
  display: block;
  font-weight: normal !important;
  width: 6px;
  height: 6px;
  border-top: 1px solid #333;
  border-right: 1px solid #333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.breadcrumb > li:first-child {padding-left: 0 !important;}
.breadcrumb > li:first-child::before {display: none;}
.breadcrumb > li:last-child {padding-right: 0 !important; font-weight: bold;}
.breadcrumb > li:last-child > span{
  color: #333;
  font-weight: bold;
}
.breadcrumb li a {
  text-decoration: none;
  color: #424444 !important;/*色*/
}
.breadcrumb li a:hover {text-decoration: underline;}
.content-innercontent {padding-top: 1.5em !important;}
.container-innercontent {background-color: #FFF !important;}

/* ------------------------------------------------------
 * Conditional Elements >>> Heading
------------------------------------------------------ */
[class*="heading-lv"] .block {display: block;}
[class*="heading-lv"] .block .heading_title {color: #222; font-weight: bold;}
.contentstyle .breadcrumb + section > [class*="heading-lv"] {margin-top: 0 !important;}
[class*="heading-lv"] a:hover > .heading_title,
[class*="heading-lv"] a:active > .heading_title {
  color: #ed6d00;
  text-decoration: none;
}
[class*="heading-lv"] a .heading_title::after {
  display: inline-block;
  position: relative;
  content: ">";
  color: #ed6d00;
  top: 0;
  margin-left: 8px;
}
/* ----- heading-lv2 ----- */
.heading-lv2,
.heading-lv2-v2 {margin: 5em 0 3em;}
.heading-lv2 .block {
  position: relative;
  display: block;
  padding: 0 0 5px;
  text-decoration: none;
}
.heading-lv2 .block::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: #00a0ea;
  background: -moz-linear-gradient(left, #ed6d00, #ed6d00 32%, #9fa1a0 32%, #9fa1a0);
  background: -webkit-linear-gradient(left, #ed6d00, #ed6d00 32%, #9fa1a0 32%, #9fa1a0);
  background: linear-gradient(to right, #ed6d00, #ed6d00 32%, #9fa1a0 32%, #9fa1a0)
}
.heading-lv2 .heading_title {
  position: relative;
  margin-bottom: 0;
  padding-left: 75px;
  padding-right: 30px;
  font-size: 2.4em;
  line-height: 1.4;
}
.heading-lv2-v2 > * {text-align: center;}
.heading-lv2-v2 .heading_title {
  margin-bottom: 0;
  font-size: 2.4em;
  line-height: 1.4;
}
.heading-lv2-v2 .sub_title {
  margin-bottom: 0.6em;
  font-size: 1.7em;
  font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
.heading-lv2-v3 .sub_title { color: #222 !important; }
/* ----- heading-lv3 ----- */
.heading-lv3 {margin: 3em 0;}
.heading-lv3 .block {
  position: relative;
  margin: 0 -46%;
  padding: 0 46%;
  overflow: hidden;
}
.heading-lv3 .block:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  bottom: 0;
  right: 0;
  background: -moz-linear-gradient(to right, #f2f3f3 0%, #231f20 100%);
  background: -webkit-linear-gradient(to right, #f2f3f3 0%, #231f20 100%);
  background: linear-gradient(to right, #f2f3f3 0%, #231f20 100%);
}
.heading-lv3 .block .heading_title {
  margin-bottom: 15px;
  font-size: 2.1em;
  text-align: right;
}
/* ----- heading-lv3-v2 ----- */
.heading-lv3-v2 {margin: 2.5em 0 1.0em;}
.heading-lv3-v2 .block .heading_title {font-size: 2.1em;}
/* ----- heading-lv3-v3 ----- */
.heading-lv3-v3 {margin: 2.5em 0 1.0em; }
.heading-lv3-v3 .block .heading_title{
  position: relative;
  padding-left: 30px;
  font-size: 2.1em !important;
}
.heading-lv3-v3 .block .heading_title:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  background: #ed6d00;
  width: 20px;
  height: 20px;
}
/* ----- heading-lv4 ----- */
.heading-lv4 {margin: 4.5em 0 3em;}
.heading-lv4 .block .heading_title {
  position: relative;
  font-size: 2.0em;
}
.heading-lv4 .block .heading_title:before {
  position: absolute;
  content: "";
  top: calc(50% - 2px);
  left: 0;
  width: 100%;
  height: 4px;
  background: #ed6d00;
}
.heading-lv4 .block .heading_title span {
  position: relative;
  padding: 0 1em 0 0;
  background: #fff;
}
/* ----- heading-lv4-v2 ----- */
.heading-lv4-v2 .block .heading_title {
  padding: 0 1em;
  font-size: 2.0em;
  border-left: 2px solid #ed6d00;
}
/* ----- heading-lv4-v3 ----- */
.heading-lv4-v3 {
  position: relative;
  margin: 50px 0;
}
.heading-lv4-v3:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #ed6d00;
  border-radius: 2px;
}
.heading-lv4-v3 .block .heading_title {
  text-align: center;
  margin-bottom: 1em;
  font-size: 2.0em;
}
/* ----- heading-lv5 ----- */
[class*="heading-lv5"] {margin: 4em 0 2em;}
[class*="heading-lv5"] > * {text-align: center;}
[class*="heading-lv5"] .block .heading_title {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
  padding-top: 20px;
  font-size: 2.0em;
}
[class*="heading-lv5"] .block .heading_title:before {
  position: absolute;
  content: "";
  top: 0;
  left: 50%;
  width: 30px;
  height: 1px;
  margin-left: -15px;
  background-color: #ed6d00;
}
[class*="heading-lv5"] .block .sub_title {font-size: 1.6rem;}
/* ----- heading-lv5-v2 ----- */
.heading-lv5-v2 .block .heading_title {
  font-weight: normal;
}
/* ----- heading-lv5-v3 ----- */
.heading-lv5-v3{
	margin: 4em 0 0;
}
.heading-lv5-v3 .block .heading_title {
  font-weight: bold;
  width:100%;
  background: #ed6d00;
  border-radius:30px 30px 0px 0px;
  color: #FFF;
  content: none;
  padding: 15px;
}
/* ----- heading-lv5-v4 ----- */
.heading-lv5-v4{
	margin: 4em 0 0;
}
.heading-lv5-v4 .block .heading_title {
  font-weight: bold;
  width:100%;
  background: #87CEFA;
  border-radius:30px 30px 0px 0px;
  color: #FFF;
  padding: 15px;
}
.heading-lv5-v4 .block .heading_title::before{
  display: none;
}
/* ----- heading-work ----- */
.heading-work {margin-top: 40px;}
.heading-work .block {text-align: center;}
.heading-work .block .heading_title {
  font-size: 2.4em;
  font-weight: bold;
  color: #0085C8;
}
/* ----- head-wrap ----- */
.head-wrap .head_image {text-align: center;}

/* ------------------------------------------------------
 * Elements >>> Text
------------------------------------------------------ */
.text-paragraph {
  margin-top: 2em;
  margin-bottom: 0;
  font-size: 16px !important;
}
[class*="heading-lv"] + .text-paragraph {margin-top: 0;}
[class*="industrial_pvsystem-lead"] + * {margin-top: 1.5em !important;}
[class*="industrial_pvsystem-lead"]{
  width: 150px;
  margin: 0 auto;
  padding: 8px 0 6px !important;
  border-radius: 20px;
  text-align: center;
}
.industrial_pvsystem-lead{background-color: #2EB26D;}
.industrial_pvsystem-lead-v2{background-color: #2B57A6;}
[class*="industrial_pvsystem-lead"] > span{
  font-size: 1.6rem;
  font-weight: bold;
  color: #FFF;
}
.content-innercontent-in .interview_lead {
  margin-top: 1.5em;
  font-size: 2.0em !important;
  font-weight: bold !important;
  text-align: center;
  color: #222 !important;
}
/* ------------------------------------------------------
 * Elements >>> List
------------------------------------------------------ */
[class*="list-note"],
[class*="list-bullet"],
[class*="list-order"] {
  margin-top: 1.5em !important;
  padding-bottom: 0 !important;
}
[class*="list-note"] > li + li,
[class*="list-bullet"] > li + li,
[class*="list-order"] > li + li {
  margin-top: .5em;
}
.is-nest {margin: .5em 0 !important;}
/* ----- list-note ----- */
.list-note {padding-left: 0 !important;}
.list-note > li {
    position: relative;
    padding-left: 1.5em;
    font-size: 14px;
    color: #222;
  }
.list-note > li > .list_mark {
    position: absolute;
    top: 0;
    left: 0;
}
/* ----- list-bullet ----- */
.list-bullet,.list-bullet-v2 {padding-left: 0 !important;}
.list-bullet > li {
  position: relative;
  padding-left: 19px;
  font-size: 16px;
  color: #222 !important;
}
.list-bullet > li::before {
  position: absolute;
  content: "";
  top: .7em;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #0D5993;
}
.list-bullet > li > ul,
.list-bullet > li > ol {padding-left: 0;}
.list-bullet-v2 > li {
  position: relative;
  padding-left: 19px;
  font-size: 16px;
  color: #222 !important;
}
.list-bullet-v2 > li + li {margin-top: 20px;}
.list-bullet-v2 > li::before {
  position: absolute;
  content: "";
  top: .5em;
  left: 0;
  width: 8px;
  height: 8px;
  background-color: #ed6d00;
}
/* ----- list-order ----- */
.list-order {padding-left: 0 !important;}
.list-order > li {
  position: relative;
  padding-left: 2em;
  color: #222;
  font-size: 16px;
}
.list-order > li > .list_mark {
  position: absolute;
  top: 0;
  left: 0;
}
.list-order > li > ul,
.list-order > li > ol {padding-left: 0;}
/* ----- news_list ----- */
.contentstyle .news_list {padding-left: 0;}
.contentstyle .news_list > br {display: none;}
.contentstyle .news_list li {
  position: relative;
  display: block;
  padding-left: 18px;
}
.contentstyle .news_list li:before {
  position: absolute;
  display: inline-block;
  content: ">";
  top: -2px;
  left: 0;
}
.contentstyle .news_list > *,
.contentstyle .news_list a {color: #222 !important;}
.contentstyle .news_list a:hover {text-decoration: underline;}
/* ----- interview_qa ----- */
.interview_qa {margin-top: 3em;}
.interview_qa + .interview_qa {margin-top: 1.5em;}
.interview_qa .q_text,
.interview_qa .a_text {color: #222 !important;}
.interview_qa .q_text {
  position: relative;
  padding-left: 40px;
  border-bottom: 1px solid #1c4263;
  font-size: 1.8rem;
}
.interview_qa .q_text:before {
  position: absolute;
  content: "";
  top: 8px;
  left: 0;
  width: 16px;
  height: 16px;
  background-color: #1c4263;
}
.interview_qa .a_text {
  padding: 1em 10px 0 20px;
  font-size: 1.5rem;
}

/* ----- event-color-list ----- */
.event-color-list {
  margin-top: 2em !important;
  padding-left: 0 !important;
}
.event-color-list li {
  position: relative;
  padding-left: 25px;
  font-size: 16px;
  color: #222 !important;
}
.event-color-list > li::before {
  position: absolute;
  content: "";
  top: .3em;
  left: 0;
  width: 15px;
  height: 15px;
}
.event-color-list .selfAnalysis:before {background-color: #fffd99;}
.event-color-list .greenCarrier:before {background-color: #84e291;}
.event-color-list .welfareBenefits:before {background-color: #96dcf8;}

/* ------------------------------------------------------
 * Elements >>> Link
------------------------------------------------------ */
.text-link {margin-top: 2em;}
.text-link a {
  position: relative;
  padding-left: 15px;
  color: #E6611F !important;
}
.text-link a:before {
  position: absolute;
  content: ">";
  left: 0;
}
.text-link a:hover {text-decoration: underline;}
[class*="link-button"] {margin-top: 5em;}
[class*="link-button"] + [class*="link-button"] {margin-top: 2.5em;}
/* ----- link-text ----- */
[class*="link-text"] {
  margin-top: 1em;
  padding: 0 !important;
}
[class*="link-text"] > li {
  margin-bottom: 0 !important;
  padding-left: 0 !important;
}
[class*="link-text"] > li > .a-blank::after {
  display: inline-block;
  position: relative;
}
[class*="link-text"] > li > .link_none {
  display: inline-block;
  position: relative;
  padding-left: 19px;
}
[class*="link-text"] > li > .link_none::before {
  position: absolute;
  top: .35em;
  left: 0;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #db0011;
  content: "";
}
.link-text > li + li {margin-top: .5em;}
.link-text > li > a {
  display: inline-block;
  position: relative;
  padding-left: 18px;
  color: #444 !important;
}
.link-text > li > a:before {
  position: absolute;
  content: ">";
  top: -1px;
  left: 0;
  vertical-align: top;
}
.link-text > li > a:after { margin-left: 8px;}
.link-text > li > a:hover {
  color: #ed6d00 !important;
  text-decoration: underline;
}
/* ----- link-button ----- */
.link-button a,
.link-button-v3 a {
  display: inline-block;
  position: relative;
  min-width: 300px;
  max-width: 100%;
  margin-bottom: 8px;
  padding: 16px 40px;
  background-color: #DC4813;
  border-radius: 5px;
  font-size: 1.9rem;
  color: #fff !important;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  box-shadow: 0 3px 3px rgb(0 0 0 / 19%);
  z-index: 1;
  transition: .3s;
}
.link-button a:before,
.link-button-v3 a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #C03C00;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
}
.link-button a.a-blank:after,
.link-button-v3 a.a-blank:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 15px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background: url(/altenergy/wp-content/uploads/2021/08/icon01.png) no-repeat 0 0;
  background-size: contain;
}
.link-button a:hover:before,
.link-button-v3 a:hover:before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}
.link-button-v2 a {
  position: relative;
  display: inline-block;
  width: 300px;
  padding: 20px 15px 18px;
  background-color: #0D5993;
  border-radius: 60px;
  font-size: 2.0rem;
  color: #FFF !important;
}
.link-button-v2 a:hover {opacity: 0.8;}
.link-button-v3 a {background-color: #0D5993;}
.link-button-v3 a:before {background-color: #003052;}
.link-button-v4 a {
  display: inline-block;
  width: 450px;
  margin: 0 auto;
  padding: 30px 0;
  background-color: #FFF;
  border: 1px solid #AAA;
  text-align: center;
  font-size: 1.5rem;
  color: #222 !important;
}
.link-button-v4 a:hover {
  background-color: #0D5993;
  color: #FFF !important;
}
/* ----- iconLink01 ----- */
.link.iconLink01 > p {
  padding: 18px 10px 15px;
  text-align: center;
  color: #0D5893 !important;
}
.link.iconLink01 span {
  position: relative;
  display: inline-block;
  padding-left: 25px;
}
.link.iconLink01 span:before {
  position: absolute;
  content: "";
  width: 14px;
  height: 14px;
  top: 50%;
  left: 0;
  margin-top: -7px;
  background-color: #0D5893;
  border-radius: 50%;
}
.link.iconLink01 span:after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  top: 50%;
  left: 0;
  margin-top: -3px;
  margin-left: 3px;
  border-top: solid 1px #FFF;
  border-right: solid 1px #FFF;
  transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
}
/* ----- iconLink02 ----- */
.link.iconLink02 {
  padding: 18px 10px 15px;
  text-align: center;
  color: #0D5893 !important;
}
/* ----- noIcon ----- */
.link[class*="noIcon"] {padding: 24px 10px 20px;}
.link[class*="noIcon"] > * {
  text-align: center;
  font-weight: bold;
  color: #333 !important;
}
.link[class*="noIcon"] span {position: relative;}

/* ----- event_link ----- */
.event_link {
  margin-top: 2.6em;
  text-align: center;
}
.event_link a {
  display: inline-block;
  position: relative;
  min-width: 300px;
  max-width: 100%;
  margin-bottom: 8px;
  padding: 16px 40px;
  background-color: #DC4813;
  border-radius: 5px;
  font-size: 1.9rem;
  color: #fff !important;
  font-weight: bold;
  text-align: center;
  overflow: hidden;
  box-shadow: 0 3px 3px rgb(0 0 0 / 19%);
  z-index: 1;
  transition: .3s;
}
.event_link a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: #C03C00;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  transition: transform ease .3s;
}
.event_link a:after {
  position: absolute;
  content: "";
  top: 50%;
  right: 15px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
  background: url(/altenergy/wp-content/uploads/2021/08/icon01.png) no-repeat 0 0;
  background-size: contain;
}
.event_link a:hover:before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}
.event_link a span {
  font-size: 1.6em;
  font-weight: bold;
  color: #fff;
}

/* ------------------------------------------------------
 * Elements >>> Table
------------------------------------------------------ */
.table {margin-top: 40px;}
.table > table {width: 100%;}
.table > table caption {margin-bottom: 0.5em;}
.table > table caption > *:first-child {margin-top: 0 !important;}
.table > table caption:after {
  display: block;
  content: "";
  clear: both;
}
.table > table caption > .unit,
.table > table caption > .note {
  clear: both;
  float: right;
  margin: 0;
}
.table > table th,
.table > table td {vertical-align: middle;}
.table > table th > *:first-child,
.table > table td > *:first-child {margin-top: 0 !important;}
.table > table tbody th {
  font-size: 1.6rem;
  vertical-align: top;
}
.table > table tbody td {font-size: 1.6rem;}
.table > table tbody th,
.table > table tbody td > * {color: #222 !important;}
/* ----- tableLayout01 ----- */
.table > table.tableLayout01 th,
.table > table.tableLayout01 td {
  padding: 16px 20px 14px;
  border-bottom: 1px solid #cfcfcf;
  font-weight: normal;
}
.table > table.tableLayout01 .cellLv01 {font-weight: bold;}
.table > table.tableLayout01 .cellLv01[scope="col"] {border-bottom: none;}
.table > table.tableLayout01 tr:last-child > .cellLv01[scope="row"] {border-bottom: 1px solid #cfcfcf;}
.table > table.tableLayout01 th > p,
.table > table.tableLayout01 td > p {font-size: 1.6rem;}
/* ----- tableLayout02 ----- */
.table .tableLayout02 th,
.table .tableLayout02 td {padding: 16px 20px 14px;}
.table .tableLayout02 th {
  background-color: #E7EDF7;
  border: solid 1px #DCDCDC;
  border-left: none;
  text-align: right;
}
.table .tableLayout02 td {
  border: solid 1px #dcdcdc;
  border-right: none;
}

/* ------------------------------------------------------
 * Elements >>> Image
------------------------------------------------------ */
/* ----- image-set ----- */
.image-set {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 30px;
}
.image-set img {width: 100%;}
.image-set.gp-al-left {
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
}
.image-set.gp-al-right {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
/* image_caption */
.image_caption {
  margin-top: .5em;
  font-size: 1.4rem;
  text-align: center;
}
.image_caption[class*="industrial_pvsystem"]{font-weight: bold;}
.image_caption.industrial_pvsystem {color: #2EB26D;}
.image_caption.industrial_pvsystem-v2 {color: #2B57A6;}

/* ------------------------------------------------------
 * Elements >>> Wrap
------------------------------------------------------ */
/* ----- strength-wrap ----- */
.strength-wrap {margin-top: 4.5em;}
.strength-wrap .strength_inner {
  position: relative;
  margin-top: 3em;
  padding: 30px;
  background-color: #EEE;
}
.strength-wrap .strength_inner:first-child {margin-top: 0;}
.strength-wrap .strength_inner > * {
  margin-bottom: 0;
  font-size: 1.4rem !important;
}
.strength-wrap .strength_inner .strength_num {
  position: absolute;
  top: -10px;
  width: 120px;
  padding: 10px;
  background-color: #ED6E02;
  text-align: center;
  font-weight: bold;
  color: #FFF !important;
}
.strength-wrap .strength_inner .strength_lead {
  padding: 30px 0;
  font-size: 2.1rem !important;
  font-weight: bold;
  line-height: 1.1;
  color: #ED6E02 !important;
}
.strength-wrap .strength_inner .strength_text {color: #333 !important;}
/* ----- strength-bg-wrap ----- */
.strength-bg-wrap {
  margin-top: 4.5em;
  padding: 4em 0 6em;
  background-color: #effafa;
}
.strength-bg-wrap .strength_inner {
  width: 1000px;
  margin: 0 auto;
}
.strength-bg-wrap .strength_inner > [class*="heading-lv"] {
  margin-top: 0;
}
.strength-bg-wrap .strength_inner > .grid + .box-layout-v5,
.strength-bg-wrap .strength_inner > .box-layout-v5 + .image-set {margin-top: 8em;}
/* ----- message-wrap ----- */
.message-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  padding: 54px 0 53px 50px;
  background-image: url(/altenergy/wp-content/uploads/2021/09/industrial_pvsystem_PC_im01.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.message-wrap .message_text {text-align: center;}
.message-wrap .message_text p {color: #FFF !important;}
.message-wrap .message_text span {font-weight: bold;}
.message-wrap .message_text span.lead {
  display: inline-block;
  padding: .5em 0;
  font-size: 2.2rem;
}
/* ----- profile-wrap ----- */
.profile-wrap > a {
  display: -webkit-flex;
  display: flex;
  flex-flow: column wrap;
  align-items: center;
}
.profile-wrap .profile_text {
  width: 400px;
  margin: -70px 0 5px;
  padding: 25px 40px 15px;
  background-color: #FFF;
  box-shadow: 0 3px 3px rgb(0 0 0 / 19%);
  z-index: 1;
}
.profile-wrap .profile_text > *,
.profile-wrap .profile_text .profile_other > * {color: #222 !important;}
.profile-wrap .profile_text .profile_lead {
  margin-top: 10px;
  font-size: 1.4rem;
}
.profile-wrap .profile_text .profile_other {margin-top: 20px;}
.profile-wrap .profile_text .profile_other > .profile_day {
  font-size: 1.2rem;
}
.profile-wrap .profile_text .profile_other > .profile_name {font-size: 2.0em;}
.profile-wrap .profile_text .profile_other > .profile_name > span {
  display: block;
  font-size: 1.2rem;
  line-height: 30px;
  color: #0b5890;
}
.profile-wrap .profile_text .profile_link {
  position: relative;
  padding-right: 25px;
  text-align: right;
  font-size: 1.4rem;
}
.profile-wrap .profile_text .profile_link:after {
  position: absolute;
  content: "＞";
  right: 0;
  top: 1px;
}
.profile-wrap > a:hover .profile_image {opacity: 0.8;}
.profile-wrap > a:hover .profile_link {text-decoration: underline;}

/* ----- event-wrap ----- */
.event-wrap {
  margin-top: 4.5em;
  padding: 30px 35px;
}
.event-wrap.selfAnalysis{background-color: #fffd99;}
.event-wrap.greenCarrier{background-color: #84e291;}
.event-wrap.welfareBenefits{background-color: #96dcf8;}
.event-wrap .event_inner {
  position: relative;
  padding: 30px;
  background-color: #fff;
}
.event-wrap .event_inner .event-icon {
  position: absolute;
  top: -40px;
  left: -55px;
  width: 100px;
  height: 100px;
  padding: 25px 0 25px;
  text-align: center;
  border-radius: 50%;
  background-color: #eb5c02;
  color: #fff !important;
  font-size: 1.6em;
  font-weight: bold;
}
.event-wrap .event_inner .event-icon span {
  position: absolute;
  left: 50%;
  bottom: 15px;
  margin-left: -10px;
  font-size: 25px;
}
.event-wrap .event_inner .event_title {text-align: center;}
.event-wrap .event_inner .event_title .heading_title {
  margin-bottom: 0.7em;
  font-size: 2.6em;
  color: #333;
}
.event-wrap .event_inner .event_title .sub_title {
  font-size: 1.7em;
  padding-bottom: 0.4em;
}

/* ----- calendar-wrap ----- */
.calendar-wrap {margin-top: 6.5em;}
.calendar-wrap .calendar_title {text-align: center;}
.calendar-wrap .calendar_title .heading_title {
  font-size: 3.0em;
  font-weight: bold;
  color: #333;
}

/* ------------------------------------------------------
 * Elements >>> Grid
------------------------------------------------------ */
/* ----- grid ----- */
.grid {margin-top: 2.5em;}
.grid .grid_item > *:first-child {margin-top: 0;}
.grid .grid_item > a {
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #CCC;
}
.grid .grid_item > a > figure {
  border-bottom: 1px solid #CCC;
  overflow:hidden;
}
.grid .grid_item > a > figure img,
.grid .grid_item > a.link > p {
  -webkit-transition: .5s;
  transition: .5s;
}
.grid .grid_item > a.link > p {margin: 0;}
.grid .grid_item > a:hover > figure img {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
}
.grid .grid_item > a.link.iconLink01:hover {background-color: #0D5893;}
.grid .grid_item > a.link.noIcon:hover {background-color: #DC4813;}
.grid .grid_item > a.link.noIcon-v2:hover {background-color: #005693;}
.grid .grid_item > a.link.iconLink01:hover span,
.grid .grid_item > a.link.noIcon:hover span,
.grid .grid_item > a.link.noIcon-v2:hover span {color: #FFF;}

/* ------------------------------------------------------
 * Layout >>> Column
------------------------------------------------------ */
/* ----- column-media ----- */
[class*="column-media"] {margin-top: 45px;}
[class*="column-media"] > .column_image > *:first-child,
[class*="column-media"] > .column_detail > *:first-child {margin-top: 0 !important;}
[class*="column-media"] > .column_image > *:last-child,
[class*="column-media"] > .column_detail > *:last-child {margin-bottom: 0 !important;}
[class*="column-media"] [data-row-pc="2"] > * {
  width: 46.95%;
  margin-left: 6.1%;
}
/* data-media-size */
[class*="column-media"][data-media-size="1/2"] > .column_image {width: 48.5%;}
[class*="column-media"][data-media-size="1/3"] > .column_image {width: 31.33%;}
[class*="column-media"][data-media-size="2/3"] > .column_image {width: 65.66%;}
[class*="column-media"][data-media-size="1/4"] > .column_image {width: 22.75%;}
[class*="column-media"][data-media-size="1/5"] > .column_image {width: 17.6%;}
[class*="column-media"][data-media-size="2/5"] > .column_image {width: 38.2%;}
/* data-image */
.column-media > .column_image[data-image="right"] {
  float: right;
  margin-left: 3%;
}
.column-media > .column_image[data-image="left"] {
  float: left;
  margin-right: 3%;
}
/* data-wraparound */
.column-media > .column_detail[data-wraparound="false"] {
  overflow: hidden;
  padding-bottom: 1px;
}
.column-media > .column_image[data-image="right"] + .column_detail[data-wraparound="false"] {padding-right: 1px;}
.column-media > .column_image[data-image="left"] + .column_detail[data-wraparound="false"] {padding-left: 1px;}
.column-media > .column_detail > * {color: #222 !important;}

/* ------------------------------------------------------
 * Layout >>> Box
------------------------------------------------------ */
/* ----- box-layout ----- */
.box_detail > *:first-child,
.box_button > *:first-child {margin-top: 0 !important;}
.box_detail > *:last-child {margin-bottom: 0 !important;}
[class*="box-layout"] > *:first-child {margin-top: 0 !important;}
.box-layout {
  padding:20px;
  border: 1px solid #ed6d00;
}
.box-layout-v2 {
  margin-top: 4em;
  padding: 20px;
  border: 1px solid #000;
}
.box-layout-v3 {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  margin: 7em 0 -60px;
  padding: 0 30px;
  background-color: #d7e6f6;
}
.box-layout-v3 > .profile-wrap {
  width: 460px;
  margin: -40px 0 6em !important;
}
.box-layout-v3 > .profile-wrap:nth-child(3),
.box-layout-v3 > .profile-wrap:nth-child(4) {
  margin-bottom: 3em !important;
}
.box-layout-v4 {
  margin-top: 4em;
  padding: 50px 20px;
  border: 1px solid #AAA;
}
.box-layout-v5 {
  margin-top: 3em;
  padding: 30px;
  background-color: #FFF;
}
.box-layout-v6 {
  margin-top: 3em;
  padding: 30px;
  border: 1px solid #00F;
  background: #FFF;
}
.box-layout-v7 {
  padding: 30px;
  background-color: #EEE;
  border-radius: 0px 0px 30px 30px;
}
.box-layout-v7 .grid .grid_item{
  position: relative;
}
.box-layout-v7 .grid .grid_item::after{
  display: inline-block;
  position: absolute;
  content: ">";
  color: #ed6d00;
  top: 50%;
  right: -20px;
  margin-left: 8px;
}
.box-layout-v7 .grid .grid_item_last::after{
  display: none;
}
.box-layout-v7 .grid .grid_item_last{
  margin-top: 20px;
}
.box-layout-v5 .text_lead { font-size: 3.0rem; }
.box-layout-v5 .column-media > .column_image[data-image="left"]{ margin-right: 6%; }
.box-layout-v5 .column-media > .column_image[data-image="right"]{ margin-left: 6%; }
.box-layout-v5 .column-media > .column_detail > .text-paragraph { line-height: 1.4em; }
.box-layout-v8 {
  padding: 30px;
  background-color: #FFF;
  border-radius: 10px 10px 10px 10px;
}
.box-layout-v7 .grid .box-layout-v8 {
height: 100%;
}
.box-layout-v8 .sg_lead{
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  color: #000 !important;
  padding-bottom: 30px;
}
.box-layout-v9 .sg-tsuyomi-lead{
  font-size: 1.4em;
  font-weight: bold;
  text-align: center;
  color: #000 !important;
}
.box-layout-v9{
  position: relative;
}
.box-layout-v9 .sg-tsuyomi-lead:before{
  position: absolute;
  content: '\';
}
/* ----- connection-box ----- */
.connection-box {margin-top: 3.0em;}
.connection-box .connection_lead > * {
  font-size: 1.7rem;
  font-weight: bold;
}
.connection-box .connection_lead + * {margin-top: 1.5em;}
/* ----- works-image-box ----- */
.works-image-box .image_left {
  float: left;
  width: 600px;
}
.works-image-box .image_right {
  float: right;
  width: 396px;
}
.works-image-box .image_right > figure + figure {margin-top: 4px;}

/* ------------------------------------------------------
 * Layout >>> Layout
------------------------------------------------------ */
/* ----- movie-layout ----- */
.movie-layout {
  margin-top: 4em;
  text-align: center;
}
/* ----- merit-layout ----- */
.merit-layout > .merit_item {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-around;
  justify-content: space-around;
  -webkit-align-items: center;
  align-items: center;
  width: calc((100% - 30px) / 4);
  padding: 18px 10px;
  border: 2px solid #222;
}
.merit-layout[data-row-pc]:not([data-row-pc="1"]):not([data-row-pc="auto"]) > .merit_item {margin-left: 10px;}
.merit-layout > .merit_item > .merit_icon {width: 70px;}
.merit-layout > .merit_item > .merit_text {text-align: center; color: #222;}
/* ----- sg-merit-layout ----- */
.sg-merit-item .grid .grid_item{
  display: grid;
  justify-items: center;
  align-items: center;
}
.sg-merit-item .grid .grid_item figure{
  width: 50%;
}
.sg-merit-item .grid .grid_item p{
  font-weight: bold;
}
.sg-merit-item p.sg-merit-lead{
  margin-top: 30px;
  text-align: center;
  font-size: 1.8rem;
  font-weight: bold;
  color: #ed6d00 !important;
}
/* ----- center-layout ----- */
.center-layout {
  width: 350px;
  margin: 0 auto;
}
/* ----- sg-layout ----- */
.sg-layout {
  position: relative;
  height: 310px;
}
.sg-layout a {display: block;}
.sg-layout .sg_button {
  position: absolute;
  display: inline-block;
  bottom: -40px;
  left: 50%;
  margin-left: -180px;
}
.sg-layout .sg_button img {width: 360px;}
/* ----- sg-tsuyomi-layout ----- */
.box-layout-v9.sg-tsuyomi-lead{
  position: relative;
}
.box-layout-v9 .sg-tsuyomi-lead:before{
  position: absolute;
  content: url(/altenergy/wp-content/uploads/2022/05/sg-im19.png);
  vertical-align: middle;
  margin-left: -25px;
}
.box-layout-v9 .sg-tsuyomi-lead:after{
  position: absolute;
  content: url(/altenergy/wp-content/uploads/2022/05/sg-im20.png);
  vertical-align: middle;
}
.grid_item .box-layout-v9 .number img{
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}
.grid_item .box-layout-v9 .sg_tsuyomi .sg_tsuyomi_txt{
  font-size: 1.6rem;
  color: #000;
  margin-top: 20px;
}
.box-layout-v10{
  position: relative;
}
.sg_tsuyomi_arrow{
  padding-top: 50px;
  margin-bottom: -50px;
  width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.sg_tsuyomi_graph{
  background-color: #EEE; 
  border-radius: 30px;
  padding: 80px 40px 20px 40px;
}
section.sg-merit{padding-top: 80px;}
section.sg-link-btn{padding-top: 40px;}
section.sg-merit .sg-merit-item .grid_item + .grid_item {margin-top: 2em;}
/* ----- background-layout ----- */
.background-layout {
  width: 1000px;
  height: 330px;
  background-image: url(/altenergy/wp-content/uploads/2021/09/credo_im02.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 800px auto;
}
.background-layout .background_inner {
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
}
.background-layout .background_inner > p {
  margin-top: 0;
  color: #222 !important;
}
/* ----- background-layout-v2 ----- */
.background-layout-v2 {
  margin-top: 8em;
  padding: 5em 0;
  background-color: #d7e6f6;
}
.background-layout-v2 .background_inner {
  width: 1000px;
  margin: 0 auto;
}
.background-layout-v2 .background_inner > *:first-child {margin-top: 0;}
.background-layout-v2 .background_inner > .link-button-v4 {text-align: center;}

/* ----- history-layout ----- */
.history-layout .history_detail > *:first-child {margin-top: 0;}
.history-layout {position: relative;}
.history-layout:before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 7px;
  width: 2px;
  height: 100%;
  background-color: #999;
}
.history-layout .history_heading {
  position: relative;
  padding-left: 140px;
}
.history-layout .history_heading:before {
  position: absolute;
  content: "";
  display: block;
  top: 23px;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #E6611F;
  box-shadow: rgb(255, 255, 255) 0px 1px 4px, rgb(255, 255, 255) 0px 0px 0px 7px;
}
.history-layout .history_heading:after {
  position: absolute;
  content: "";
  display: block;
  top: 29px;
  left: 23px;
  width: 100px;
  height: 2px;
  background-color: #E6611F;
}
.history-layout .history_heading > span{
  font-size: 3.5rem;
  font-weight: bold;
  font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  color: #E6611F;
}
.history-layout .history_detail {padding: 15px 0 15px 140px;}
.history-layout .history_detail > * {margin-top: 1em;}
/* ----- message-layout ----- */
/* 代表挨拶のメインビジュアル */
.message-layout {position: relative;}
.message-layout > .message_text {
  position: absolute;
  top: 50%;
  left: 45px;
  margin-top: -45px;
}
.message-layout > .message_text > p {
  font-size: 3.0rem;
  color: #222 !important;
  line-height: 1.4;
}
/* ----- tab-layout ----- */
.tab-layout {background-color: #fff;}
/*タブのスタイル*/
.tab_item {
  width: calc((100% - 40px) / 5);;
  height: 50px;
  border:1px solid #E6611F;
  background-color: #E6611F;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #fff;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  margin-right:10px;
}
/*.tab_item:nth-child(8) {margin-right: 0;}*/
.tab_item:nth-child(10) {margin-right: 0;}
.tab_item:hover {opacity: 0.75;}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {display: none;}
/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding-top: 40px;
  clear: both;
  overflow: hidden;
}
/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#rikuyane:checked ~ #rikuyane_content,
#seppannyane:checked ~ #seppannyane_content,
#carport:checked ~ #carport_content,
#other:checked ~ #other_content{
  display: block;
}
/*選択されているタブのスタイルを変える*/
.tab-layout input:checked + .tab_item {
  background-color: #fff;
  border: 1px solid #666;
  color: #666;
}
/*微調整*/
#sekoubox,
.sekoubox {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 0;
}
.tab_content > ul.sekoubox {
  padding: 0 !important;
}
#sekoubox:first-child,
.sekoubox:first-child {margin-top: 0;}
#sekoulist {
  position: relative;
  width: calc((100% - 30px) / 4);
  min-height: 200px;
  margin-left: 10px;
  margin-bottom: 1.0em;
  padding: 15px 0 0;
}
.sekoulist {
  position: relative;
  width: calc((100% - 30px) / 3);
  min-height: 200px;
  margin-left: 10px;
  margin-bottom: 1.0em;
  padding: 15px 0 0;
}
#bunrui {
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  z-index: 3;
}
#sekoubox > #sekoulist:nth-child(4n+1),
.sekoubox > .sekoulist:nth-child(4n+1) {margin-left: 0;}
#syashin_indent,
#syashin_koe_indent {
  display: block;
  padding: 5px 4px 4px 7px;
  font-size: 0.6vw;
  color: #FFF !important;
  line-height: 1.4;
}
#syashin,
#syashin_koe {
  position: absolute;
  top: 15px;
  right: 0;
  max-width: 210px;
  background-color: #a9a9a9;
}
.sekoubox #syashin,
.sekoubox #syashin_koe {
  max-width: 320px;
}
#koe{
  position: absolute;
  top: 15px;
  right: 0;
  width: 100px;
  z-index: 3;
}
#syashin_koe:hover,
#syashin:hover {opacity: 0.8;}
/* ----- postimg ----- */
.postimg {display: none !important;}
/* ----- questionnaire ----- */
.questionnaire{
  border: solid 1px #e08e8e;
  margin-bottom: 50px;
}
/* ----- faq ----- */
.faq {margin-bottom: 32px;}/* 各Q&Aの下に余白 */
.faq__dt,
.faq__dd {
  position: relative;
  padding-left: 24px;
}
.faq__dt::before,
.faq__dd::before {
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}
.faq__dt {
  font-weight: bold; /* 質問文は太字にしてみました */
  border-bottom: 1px solid #999;
  margin-bottom: 4px; /* 下にちょい余白 */
}
.faq__dt::before {
  content: 'Q.';
  color: #c80021; /* 「Q」の文字色 */
}
.faq__dd::before {
  content: 'A.';
  color: #0085C8; /* 「A」の文字色 */
}
.faq__dt,
.faq__dd,
.faq__dt > *,
.faq__dd > * {
  font-size: 1.6rem !important;
  color: #222;
}
/* ----- strength-list-contents ----- */
.strength-list-contents {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 309px;
  height: 313px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.strength-list-contents.strength_num01 { background-image: url("/altenergy/wp-content/uploads/2021/12/strengths_bg01.png"); }
.strength-list-contents.strength_num02 { background-image: url("/altenergy/wp-content/uploads/2021/12/strengths_bg02.png"); }
.strength-list-contents.strength_num03 { background-image: url("/altenergy/wp-content/uploads/2021/12/strengths_bg03.png"); }

.strength-list-contents > span.strength-list_num {
  position: absolute;
  top: 45px;
  left: 40px;
  width: 100px;
  height: 81px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
.strength-list-contents.strength_num01 > span.strength-list_num { background-image: url("/altenergy/wp-content/uploads/2021/12/strengths_tx01.png"); }
.strength-list-contents.strength_num02 > span.strength-list_num { background-image: url("/altenergy/wp-content/uploads/2021/12/strengths_tx02.png"); width: 115px; top: 38px; left: 48px; }
.strength-list-contents.strength_num03 > span.strength-list_num { background-image: url("/altenergy/wp-content/uploads/2021/12/strengths_tx03.png"); width: 115px; top: 40px; left: 50px; }

.strength-list-contents .strength-list_text {
  margin-top: 2.3em;
  font-size: 2.2rem;
  font-weight: bold;
  letter-spacing: 7px;
  color: #FFF !important;
}
.strength-list-contents .strength-list_subText {
  font-weight: bold;
  letter-spacing: 1px;
  line-height: .8em;
  color: #FFF !important;
}

/* ------------------------------------------------------
  * TOP
------------------------------------------------------ */
.layerslider_widget-2 .content-widget {
  width: 100%;
  max-width: 100%;
  padding: 0;
}
.layerslider_widget-2 .content-widget h1 {display: none;}
.layerslider_widget-2 .content-widget #layerslider_1 {width: 100%;}
/*Featured content(test201904)*/
div.featuredcontent{
  width: 245px;
  margin: 40px auto 50px;
}
div.featuredcontent > a {display: block;}
img.alignnone.size-full.wp-image-3142{margin-bottom: 20px !important;}
img.alignnone.size-full.wp-image-3142.gifImage{width: 650px;}
span.link_txt00 {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  font-family: 'メイリオ' !important;
  color: #0e6fb8;
  border: solid 2px;
  padding: 1em;
  width: 245px;
  transition: all  0.5s ease;
}
span.link_txt00:before{
  content: '';
  width: 14px;
  height: 14px;
  background: #0e6fb8;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 10%;
  margin-top: -7px;
}
span.link_txt00:hover {
  color: #FFFFFF;
  background-color: #0e6fb8;
}
span.link_txt00:after{
  content: '';
  width: 5px;
  height: 5px;
  border: 0px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 11%;
  margin-top: -3px;
}
/*新コンテンツ(test20180121)*/
div.contents_image{
  width: 1044px !important;
  margin: 0 auto;
}
.sangyou,
.house,
.battery,
.maintenance,
.casestudy,
.shinsei{
  float: left;
  position: relative;
}
.sangyou > a,
.house > a,
.battery > a,
.maintenance > a,
.casestudy > a,
.shinsei > a {display: block;}
.sangyou,
.casestudy{
  width: 520px;
  margin-right: 2px;
}
.house,
.battery,
.maintenance,
.shinsei {width: 260px;}
.house,
.maintenance {margin-right: 2px;}
.maintenance,
.casestudy,
.shinsei {margin-top: 2px;}
.contents_image img{height: 300px;}
span[class*="arrow_"] {
  position: absolute;
  font-family: メイリオ;
  font-size: 1.2em;
  bottom: 10px;
  left: 50%;
  margin-left: -24px;
}
span.arrow_sangyou{margin-left: -75px;}
span.arrow_casestudy{margin-left: -35px;}
span.arrow_shinsei{margin-left: -15px;}
span[class*="arrow_"]:before {
  position: absolute;
  content: ">";
  margin-left: -20px;
}
div.sangyou > a:hover,
div.house > a:hover,
div.battery > a:hover,
div.maintenance > a:hover,
div.casestudy > a:hover,
div.shinsei > a:hover {opacity: 0.7;}
hr.blue{
  border-top: 5px solid #0d5893 !important;
  margin: 0;
  padding-bottom: 30px;
}
hr.oj{
  clear: both;
  border-top: 5px solid #dd4914 !important;
  width: 135px;
  margin: 5px auto 20px;
}
p.contents_txt{
  margin-bottom: 1.5em !important;
  color: #0c5793 !important;
  font-size: 1.5em !important;
  line-height: 2em !important;
  font-family:'メイリオ' !important;
}
/*ニュース*/
/*タイトル領域削除*/
.content-widget .whatsnew h1 {display:none;}
div.wn-date{color: #222222;}
div.wn-article a{color: #222222 !important;}
.wn-postlist a{color: #222222 !important;}
.whatsnew{color: #222222 !important;}
.whatsnew dd{color: #222222 !important;}
.whatsnew dt{color: black !important;}

/*お問い合わせはここから*/
.footer-contact{width:100%;}
ul.footer-contact_list{
  margin: 0 auto;
  padding-top: 60px;
}
.footer-contact .footer-contact_title{
  color: #dd4914;
  font-size: 1.9rem;
  font-family:'メイリオ' !important
}
.footer-contact .footer-contact_list_item {
  display: inline-block;
  margin: 0;
}
.footer-contact .footer-contact_list_item:first-child {margin-right: 10px;}
.footer-contact .footer-contact_list_item a {
  display: block;
  padding: 0 !important;
}
/*ご質問やお見積もりのご依頼*/
span.link_txt02{
  position: relative;
  display: inline-block;
  padding-left: 20px;
  color: #dd4914;
  border: solid 2px;
  padding: 1em 2em 1em 4em;
  transition: all  0.5s ease;
}
span.link_txt02:before{
  content: '';
  width: 14px;
  height: 14px;
  background: #dd4914;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 9%;
  margin-top: -7px;
}
span.link_txt02:after{
  content: '';
  width: 5px;
  height: 5px;
  border: 0px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 10%;
  margin-top: -3px;
}
.footer-contact_list_item a:hover span.link_txt02 {
  color: #FFFFFF;
  background-color: #dd4914;
}
.group.block-6 .content-widget {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
}
.group.block-5 .content-widget {
  width: 100% !important;
  max-width: 100% !important;
  padding: 1% 0 0 0 !important;
}
.group.block-7 .content-widget,
.group.block-4 .container-widget {
  width: 100% !important;
  max-width: 100% !important;
}
.group.block-3 .container-widget {
  width: 100% !important;
  max-width: 100% !important;
  background-color: #e0eeff;
}
.group.block-3 .container-widget .content-widget,
.group.block-4 .container-widget .content-widget {
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
  padding: 2em 0;
}
/*お問い合わせ・エントリーフォーム*/
.wpcf7 form .wpcf7-response-output {color: #B94A48; border: none;}

/* ------------------------------------------------------
  * Footer
------------------------------------------------------ */
.group.block-2 .container-widget .content-widget {
  max-width: none;
  width: 100%;
  padding: 0;
}
.custom-layout,
.footer-siteNav {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.office-info{
  width: 30%;
  padding: 5em 50px 5em 200px;
  background-color: #1c4263;
}
.office-info .office_logo {width: 250px;}
.office-info .office_inner {
  width: 280px;
  float: right;
}
.office-info .office_inner .office_address {
  margin-top: 3em;
  text-align: left;
}
.office-info .office_inner .office_address > * {
  margin-top: 0.5em;
  font-size: 1.6rem;
}
.office-info .office_inner .office_address > * > a {color: #FFF !important;}
.aside-menu{
  width: 70%;
  padding: 5em 100px;
  background-color: #0a588f;
}
.footer-siteNav .nav_item {width: 33%;}
.footer-siteNav .nav_item a {
  display: inline;
  background: none;
  font-size: 1.9rem;
  color: #FFF !important;
}
.footer-siteNav .nav_item p > a {font-weight: bold;}
.footer-siteNav .nav_item ul {padding-bottom: 0;}
.footer-siteNav .nav_item p,
.footer-siteNav .nav_item ul li {
  margin-top: 20px;
  text-align: left;
}
.footer-siteNav .nav_item p {margin-top: 35px;}
.footer-siteNav .nav_item > *:first-child{margin-top: 0;}
.footer-siteNav .nav_item ul li > a {
  position: relative;
  padding: 0 0 0 20px;
  font-size: 1.5rem;
}
.footer-siteNav .nav_item ul li > a:before {
  position: absolute;
  content: ">";
  top: -1px;
  left: 2px;
  font-weight: bold;
  color: #E6611F;
}
#container-footer footer.group.centered{padding: 15px 0 15px 0 !important;}
#container-footer footer.group.centered p {
  margin-bottom: 0 !important;
  font-size: 1.2rem;
}
.footer-siteNav .nav_item > * a:hover {text-decoration: underline;}
.footer-siteNav .nav_item ul li > a:hover,
.footer-siteNav .nav_item ul li > a:active {background: none;}
#footmenucontainer ul.footmenu {margin: 10px 0 15px !important;}
#footmenucontainer ul.footmenu > li {
  border-left: 1px solid #FFF;
  margin: 0 0 0 5px;
  padding: 0 0 0 15px;
}
#footmenucontainer ul.footmenu > li:first-child {margin-left: 0; padding-left: 0; border-left: none;}
#footmenucontainer ul.footmenu > li a {
  font-size: 1.4rem;
  color: #FFF;
  line-height: 1.1;
}
#footmenucontainer ul.footmenu > li a:hover {text-decoration: underline;}

/* ------------------------------------------------------
   * Clearfix
  ------------------------------------------------------ */
.breadcrumb:after,
.column-media:after,
.works-image-box:after,
.contents_image:after,
.office-info:after {
	display: block;
	clear: both;
	content: "";
}

/* ======================================================
 * Media Queries
====================================================== */
/* タブレット表示  */
@media screen and (min-width: 768px) and ( max-width:1024px) {
#dropmenucontainer {margin-top: 0 !important;}
#wprmenu_bar {display: none;}
header.group > .row.col-4-6 ul#menu-gnav {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-align-items: center;
  align-items: center;
  float: none;
}
header.group > .row.col-4-6 ul#menu-gnav > li:first-child > a {padding-right: 0; padding-left: 0;}
header.group > .row.col-4-6 ul#menu-gnav > li > a {font-size: 1.1rem;}
.content-innercontent-in {padding: 0 15px;}
.contentstyle ul.breadcrumb,
.contentstyle ol.breadcrumb {padding: 0 15px 15px !important;}
.customcode01_new .contents_image{
  max-width: 520px !important;
  margin: 1em auto;
  display: grid;
}
.sangyou,
.casestudy {
  margin-right: 0;
  grid-column-start: 1;
  grid-column-end: 3;
}
.house,
.battery {
  grid-row-start: 2;
  grid-row-end: 3;
}
.maintenance {
  grid-row-start: 4;
  grid-row-end: 5;
}
.house,
.battery {margin-top: 2px;}
.sangyou,
.house,
.battery,
.maintenance,
.casestudy,
.shinsei {width: auto;}
.sangyou,
.house,
.battery,
.maintenance,
.casestudy,
.shinsei,
img.sp_contents_sangyou,
img.sp_contents_casestudy {float: none;}
.tab_content {margin: 0 15px;}
#sekoulist {width: calc((100% - 20px) / 3); margin-left: 10px; margin-bottom: 1.0em;}
#sekoubox > #sekoulist:nth-child(4n+1) {margin-left: 10px;}
#sekoubox > #sekoulist:nth-child(3n+1) {margin-left: 0;}
#bunrui {width: 65px;}
#koe {width: 90px;}
/* ----- message-wrap ----- */
.message-wrap {
  padding: 20px 0 20px 20px;
  background-position: 12% 70%;
  background-size: auto;
}
.works-image-box .image_left,
.works-image-box .image_right {
  float: none;
  width: 100%;
  text-align: center;
}
.works-image-box .image_left img {width: 100%;}
.works-image-box .image_right {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.works-image-box .image_right > figure {margin-top: 4px;}
.works-image-box .image_right > figure + figure {margin-left: 4px;}
.custom-layout {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column-reverse nowrap;
  flex-flow: column-reverse nowrap;
}
.office-info,
.aside-menu {
  width: 100%;
  padding: 1.5em 6em;
}
.office-info .office_inner {
  float: none;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.office-info .office_inner > .office_logo {width: 40%;}
.office-info .office_inner .office_address {
  width: 40%;
  margin-top: 0;
}
.office-info .office_inner .office_address > * {font-size: 1.2rem;}
.strength-bg-wrap,
.strength_inner {
  max-width: 1000px !important;
  width: 100% !important;
}
.strength_inner {
  padding: 0 15px;
}
.strength-bg-wrap .strength_inner > .grid[data-row-pc="3"] > * {width: calc((100% - 30px) / 3);}
.strength-bg-wrap .strength_inner > .grid > .grid_item {margin-left: 15px;}
.strength-list-contents {
  width: 245px;
}
.background-layout {
  width: 100%;
  background-size: 685px auto;
}
.background-layout-v2 {
  padding: 2.5em 20px;
}
.background-layout-v2 .background_inner {
  max-width: 1000px;
  width: 100%;
}
.box-layout-v3 > .profile-wrap {width: 48%}
.profile-wrap .profile_text {
  max-width: 280px;
}
.message-layout > .message_text {left: 35px;}
.message-layout > .message_text > p {font-size: 2.3rem;}
}

/* スマホ表示  */
@media only screen and (max-width: 767px) {
.content-innercontent p {font-size: 1.4rem !important;}
/* ----- data-row-sp ----- */
[data-row-sp]:not([data-row-sp="1"]) {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}	
[data-row-sp]:not([data-row-sp="1"]) > * {margin-left: 18px;}
[data-row-sp]:not([data-row-sp="1"]):not([data-row-sp="auto"]) > * {margin-top: 20px;}
[data-row-sp]:not([data-row-sp="1"]) > * > section:first-child,
[data-row-sp]:not([data-row-sp="1"]) > * > .list_mark {margin-top: 0 !important;}
[data-row-sp="2"] > *:nth-child(2n+1),
[data-row-sp="3"] > *:nth-child(3n+1),
[data-row-sp="4"] > *:nth-child(4n+1),
[data-row-sp="5"] > *:nth-child(5n+1) {margin-left: 0 !important;}
[data-row-sp="1"] > *:first-child,
[data-row-sp="2"] > *:nth-child(-n+2),
[data-row-sp="3"] > *:nth-child(-n+3),
[data-row-sp="4"] > *:nth-child(-n+4),
[data-row-sp="5"] > *:nth-child(-n+5),
[data-row-sp="1"] > *:first-child > *:first-child,
[data-row-sp="2"] > *:nth-child(-n+2) > *:first-child,
[data-row-sp="3"] > *:nth-child(-n+3) > *:first-child,
[data-row-sp="4"] > *:nth-child(-n+4) > *:first-child,
[data-row-sp="5"] > *:nth-child(-n+5) > *:first-child,
[data-row-sp="2"] > *:nth-child(-n+2) > *:first-child > *:first-child,
[data-row-sp="3"] > *:nth-child(-n+3) > *:first-child > *:first-child,
[data-row-sp="4"] > *:nth-child(-n+4) > *:first-child > *:first-child,
[data-row-sp="5"] > *:nth-child(-n+5) > *:first-child > *:first-child {margin-top: 0 !important;}
[data-row-sp="2"] > * {width: calc((100% - 18px) / 2);}
.merit-layout[data-row-sp="2"] > .merit_item {width: calc((100% - 10px) / 2);}
[data-row-sp="3"] > * {
  width: calc((100% - 36px) / 3);
  margin-left: 12px;
}
[data-row-sp="4"] > * {width: calc((100% - 54px) / 4);}

/* ----- data-layout-sp ----- */
.column-media[data-layout-sp="col"] > .column_image[data-image="left"],
.column-media[data-layout-sp="col"] > .column_image[data-image="right"] {width: 100%; float: none; margin: 0 0 15px;}

/* ------------------------------------------------------
  * Header
------------------------------------------------------ */
#container-head > header + p,
header.group > p ,
#container-head > header.group:last-child {display: none;}
header.group {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
header.group.customBox {
  -webkit-justify-content: end;
  justify-content: end;
  padding-right: 15px;
}
header.group.customBox .row.col-2-6-2 {width: 100%; margin-top: 0; padding-top: 0;}
header.group > .logoalign {width: 34%;}
header.group > .col-2-6-2 {width: 60%;}
header.group > .col-2-6-2 > a img {width: 140px;}
#search input[type="text"] {width: 150px;}
#search input[type="image"] {padding-right: 0;}
#wprmenu_bar {z-index: 500;}
#wprmenu_bar div.hamburger {margin-top: -5px;}
#wprmenu_bar .menu_title {display: none;}
#mg-wprm-wrap ul li {padding: 0;}

/*タイトルエリア削除*/
.container-innerlead {width:100%;background: none ;overflow: hidden; display: none;}
.contentstyle p {font-size: 1.1em;}

/* ----- container ----- */
.container-innerpage {
  overflow: hidden;
  padding: 15px 10px 10px;
}
.content-innercontent {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.container-innercontent {
  width: 100%;
  margin: 0 0 20px;
  padding: 15px 10px 0 !important;
}
.pageHead + .container {padding-top: 0;}

/* ----- breadcrumb ----- */
.contentstyle ul.breadcrumb,
.contentstyle ol.breadcrumb {padding: 0 0 1.8em 0 !important;}
.breadcrumb > li {
  position: relative;
  float: left;
  margin: 0 !important;
  padding: 0 10px 0 15px !important;
  font-size: 1.2rem;
  list-style: none;
}

/* ------------------------------------------------------
 * Conditional Elements >>> Heading
------------------------------------------------------ */
.heading-lv2,
.heading-lv2-v2 {margin: 3em 0 2em;}
.heading-lv2 .heading_title {
  padding-left: 15px;
  padding-right: 15px;
  font-size: 2rem !important;
}
.heading-lv4 {margin: 2.5em 0 1.5em;}
.heading-lv4 .block .heading_title {font-size: 1.6rem;}
.heading-lv4 .block .heading_title span {padding-right: .5em;}
.heading-lv5 {margin: 2em 0 1.5em;}
[class*="heading-lv5"] .block .heading_title {padding-top: 15px;}

/* ------------------------------------------------------
 * Elements >>> Text
------------------------------------------------------ */
/* ----- text parts ----- */
.content-innercontent .text_ms {font-size: 1.2rem !important;}
.content-innercontent .text_mm {font-size: 1.4rem !important;}
.content-innercontent .text_ml {font-size: 1.6rem !important;}
.content-innercontent .text_st {font-size: 1.8rem !important;}
.content-innercontent .text_xl {font-size: 3.0rem !important;}
.text-paragraph {margin-top: 1em;}

/* ------------------------------------------------------
 * Elements >>> List
------------------------------------------------------ */
/* ----- list-bullet ----- */
/* ----- list-order ----- */
.list-bullet > li,
.list-order li,
.event-color-list li {font-size: 1.4rem;}

/* ------------------------------------------------------
 * Elements >>> Link
------------------------------------------------------ */
[class*="link-button"] {margin-top: 3em;}
/* ----- link-button ----- */
.link-button a,
.event_link a {
  min-width: 100%;
  font-size: 1.6rem;
}
.link-button-v2 a {
  width: 230px;
  padding: 10px;
  font-size: 1.8rem;
}
.link-button-v4 a {
  width: 230px;
  padding: 10px;
  font-size: 1.4rem;
}
.link.iconLink01 > p,
.event_link a span {font-size: 1.4rem !important;}


/* ------------------------------------------------------
 * Elements >>> Table
------------------------------------------------------ */
.table {margin-top: 2em;}
.table.sp-break table,
.table.sp-break table caption,
.table.sp-break table thead,
.table.sp-break table tbody,
.table.sp-break table tr,
.table.sp-break table th,
.table.sp-break table td {
  display: block;
  width: 100%;
}
.table.sp-break table {
  border: none;
  border-bottom: 1px solid #DCDCDC;
}
.table.sp-break table th,
.table.sp-break table td {
  border-top: 1px solid #DCDCDC;
  border-bottom: none !important;
  border-left: 1px solid #DCDCDC;
  border-right: 1px solid #DCDCDC !important;
}
.table.sp-break table th {text-align: left;}
.table.sp-break table thead tr th:last-child,
.table.sp-break table tbody tr td:last-child {border-right: 1px solid #DCDCDC !important;}
.table tr .map iframe {
  width: 100%;
  height: auto;
}
.table tr th,
.table tr td,
.table tr td > * {font-size: 1.4rem;}

/* ------------------------------------------------------
 * Elements >>> Image
------------------------------------------------------ */
/* ----- image-set ----- */
.image-set {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  margin-top: 20px;
}
.image-set .image_caption.f-large {margin-top: 1em;}
[class*="column-media"] > .column_image .image-set + .image-set {margin-top: 10px;}

/* ------------------------------------------------------
 * Elements >>> Wrap
------------------------------------------------------ */
.strength-wrap {margin-top: 2.5em;}
.strength-wrap .strength_inner {
  margin-top: 2.2em;
  padding: 20px;
}
.strength-wrap .strength_inner:first-child {margin-top: 0;}
.strength-wrap .strength_inner > * {font-size: 1.4rem !important;}
.strength-wrap .strength_inner .strength_num {padding: 5px;}
.strength-wrap .strength_inner .strength_lead {
  padding: 20px 0 15px 0;
  font-size: 1.8rem !important;
}
/* ----- strength-bg-wrap ----- */
.strength-bg-wrap {
  margin-top: 2.5em;
  padding: 35px 0 50px;
}
.strength-bg-wrap .strength_inner {
  width: 100%;
  padding: 0 15px;
}
.strength-bg-wrap .strength_inner > .grid + .box-layout-v5, .strength-bg-wrap .strength_inner > .box-layout-v5 + .image-set {margin-top: 4em;}
/* ----- message-wrap ----- */
.message-wrap {
  display: block;
  padding: 0;
  background-position: top right;
  background-size: cover;
}
.message-wrap .message_text {
  padding: 30px 0 35px 0;
  background:rgba(0,0,0,0.3);
}
/* ----- profile-wrap ----- */
.profile-wrap > a {
  flex: none;
}
.profile-wrap .profile_text {
  width: 100%;
  margin-top: 0;
  padding: 10px 20px 10px;
}
.profile-wrap .profile_text .profile_other {margin-top: 15px;}

/* ----- event-wrap ----- */
.event-wrap {padding: 30px 25px;}
.event-wrap .event_inner .event_title .heading_title {
  font-size: 18px;
}
.event-wrap .event_inner .event-icon {
  top: -30px;
  left: -25px;
  width: 70px;
  height: 70px;
  padding: 10px 0;
  border-radius: 0;
}
.event-wrap .event_inner .event-icon span {
  margin-left: -7px;
  bottom: 10px;
  font-size: 16px;
}
/* ----- calendar-wrap ----- */
.calendar-wrap {margin-bottom: 3em;}
.calendar-wrap .calendar_title .heading_title {font-size: 16px;}

/* ------------------------------------------------------
 * Elements >>> Grid
------------------------------------------------------ */
.grid + .grid,
.grid > .grid_item {margin-top: 15px;}
.strength-bg-wrap .strength_inner > .grid > .grid_item {margin-top: 25px;}

/* ------------------------------------------------------
 * Layout >>> Layout
------------------------------------------------------ */
/* ----- message-layout ----- */
.message-layout > .message_text {
  left: 30px;
  margin-top: -35px;
}
/* ----- center-layout ----- */
.center-layout {
  width: 100%;
  margin: 0 auto;
}
/* ----- background-layout ----- */
.background-layout {
  width: 100%;
  height: 150px;
  background-size: contain;
}
/* ----- background-layout-v2 ----- */
.background-layout-v2 {
  margin: 3em 0 0;
  padding: 2em 0 2em;
  background-color: #FFF;
}
.background-layout-v2 .background_inner {
  width: 100%;
  margin: 0 auto;
}
/* ----- history-layout ----- */
.history-layout .history_heading{padding-left: 60px;}
.history-layout .history_heading:after {width: 24px;}
.history-layout .history_detail {padding-left: 60px;}
/* ----- merit-layout ----- */
.merit-layout > .merit_item > .merit_icon {width: 50px; margin-right: 5px;}

/* ------------------------------------------------------
 * Layout >>> Box
------------------------------------------------------ */
.box-layout-v3 {margin-top: 4em;}
.box-layout-v3 > .profile-wrap{
  width: 100%;
  margin: -20px 0 3em !important;
}
.box-layout-v3 > .profile-wrap:nth-child(3) {margin-bottom: 3em !important;}
.box-layout-v3 > .profile-wrap:nth-child(4) {margin-bottom: 6em !important;}
.box-layout-v4 {
  margin-top: 3em;
  padding: 20px 10px;
}
.box-layout-v5 {
  margin-top: 2em;
  padding: 15px;
}
.box-layout-v5 .text_lead {
  font-size: 1.8rem !important;
  text-align: center;
}
.box-layout-v5 > .image-set .image_inner { width: 60px;}
.tab-layout {margin-bottom: 1em;}
.tab_content {padding-top: 20px;}
#sekoubox {margin-top: 1em;}
#sekoulist {
  position: relative;
  width: calc((100% - 15px) / 2);
  min-height: 155px;
  margin-top: 1em !important;
}
#sekoubox > #sekoulist:nth-child(2n+1) {margin-left: 0;}
#bunrui {width: 40%;}
#koe {width: 50%;}
#syashin,
#syashin_koe {width: 90%;}
#syashin_indent,
#syashin_koe_indent {
  padding: 3px 6px 4px 6px;
  font-size: 1.2rem;
  line-height: 1.2;
}
/* ----- works-image-box ----- */
.works-image-box .image_left,
.works-image-box .image_right {
  float: none;
  width: 100%;
}
.works-image-box .image_right > figure,
.works-image-box .image_right > figure + figure {margin-top: 15px;}
/* ----- faq ----- */
.faq__dt,
.faq__dd,
.faq__dt > *,
.faq__dd > * {font-size: 1.4rem !important;}
/* ----- strength-list-contents ----- */
.strength-list-contents {
  width: 100%;
  height: 260px;
}
.strength-list-contents > span.strength-list_num {
  top: 35px;
  left: 50px;
  height: 65px;
}
.strength-list-contents.strength_num02 > span.strength-list_num,
.strength-list-contents.strength_num03 > span.strength-list_num { top: 35px; left: 55px;}
.strength-list-contents .strength-list_text { font-size: 1.8rem !important;}

/* ------------------------------------------------------
  * Top
------------------------------------------------------ */
.layerslider_widget-2 .content-widget .row {
  margin: 0;
}
.group.block-3 .content-widget .row,
.group.block-4 .content-widget .row,
.group.block-5 .content-widget .row,
.group.block-6 .content-widget .row ,
.group.block-7 .content-widget .row {
  margin: 0;
  padding: 0 1em;
}
.group.block-3 .container-widget .content-widget,
.group.block-4 .container-widget .content-widget {width: 100%;}
.group.block-6 .content-widget .movie-set,
.content-innercontent-in .movie-layout {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.group.block-6 .content-widget .movie-set iframe,
.content-innercontent-in .movie-layout iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.group.block-6 .content-widget .featuredcontent {
  margin-top: 25px;
  margin-bottom: 30px;
}
.group.block-7 .content-widget {padding: 2em 0 2em;}
.customcode01_new .contents_image{
  width: 100% !important;
  margin: 1em 0;
  display: grid;
}
.sangyou,
.casestudy {
  margin-right: 0;
  grid-column-start: 1;
  grid-column-end: 3;
}
.house,
.battery {
  grid-row-start: 2;
  grid-row-end: 3;
}
.maintenance {
  grid-row-start: 4;
  grid-row-end: 5;
}
.house,
.battery {margin-top: 2px;}
.sangyou,
.house,
.battery,
.maintenance,
.casestudy,
.shinsei {width: auto;}
.sangyou,
.house,
.battery,
.maintenance,
.casestudy,
.shinsei,
img.sp_contents_sangyou,
img.sp_contents_casestudy {float: none;}
span[class*="arrow_"] {bottom: 2px;}
span.arrow_sangyou {margin-left: -85px;}
.contents_image img {height: auto;}
.contents_image .house img,
.contents_image .battery img {height: 201px;}
hr.blue {margin: 0 -1em;}
.footer-contact .footer-contact_list_item:first-child {margin: 0 0 1em 0;}
.contact_number {width: 90%; margin: 0 auto;}
.contact_number a {display: block;}

/* ------------------------------------------------------
  * Footer
------------------------------------------------------ */
.custom-layout {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: column-reverse nowrap;
  flex-flow: column-reverse nowrap;
}
.office-info,
.aside-menu {
  width: 100%;
  padding: 1.5em 1.0em;
}
.office-info .office_inner {
  float: none;
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
}
.office-info .office_inner > .office_logo {width: 40%;}
.office-info .office_inner .office_address {
  width: 50%;
  margin-top: 0;
}
.office-info .office_inner .office_address > * {font-size: 1.2rem;}
.footer-siteNav {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
.footer-siteNav .nav_item {width: 50%;}
.group.block-2 .container-widget .content-widget .row.col-3-3 {margin: 0;}
#footmenucontainer ul.footmenu > li {padding-left: 10px;}
#footmenucontainer ul.footmenu > li a {font-size: 1.2rem;}
}