@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@500&display=swap');
html {scroll-behavior: smooth;}
body{overflow-x:unset;}
#h_pom {scroll-margin-top: 80px;}
main p{font-size:15px;}
.section-inline-title {
  flex-direction: column;
  align-items: flex-start;
}
.section-inline-title > .jpn{
  padding: 0;
  margin-top: 10px;
}
.bricks-row-outer.row1{padding:0;}
.bricks-row-outer.row1 .container{padding:25px 20px;}
.bricks-row-outer.row1::after {content: none;}
.bricks-row-outer.row1 .container .bricks-row-body{
  padding:30px 18px;
  background-color: rgba(255, 255, 255, 0.83);
  margin: 0;
}
.bricks-row-outer.row1 .container .bricks-row-body p{margin-top:35px;}
.bricks-row-outer.row1 .container .bricks-row-body p:first-child{margin-top:0;}
.bricks-row-outer.row2{padding:100px 0 60px;}
.bricks-row-outer:is(.row3,.row4) {padding:70px 0;}
.bricks-row-outer.white-box{padding:40px 0 70px;}

.bricks-row-outer:is(.row2,.row3,.row4) .bricks-row-body{margin:0;}

.bricks-row-subheader span:nth-child(1){font-size:22px;}
.bricks-row-subheader span:nth-child(1) em{font-size:40px;}
.bricks-row-subheader span:nth-child(2){
  font-family: var(--yumincho);
  margin-top:0;
  font-size:20px
}
.bricks-row-subheader span:nth-child(2).ff_g{
  font-family: var(--gothic);
}
.bricks-row-outer.row3 .bricks-row-subheader{text-align: right;}

.bricks-row-outer:is(.row2,.row3,.row4) .bricks-row-body .bricks-col p{margin-top:30px;}

#reason3-img{
  width:90%;
  max-width: 330px;
  margin: auto;
}
#reason3-catch{
  font-size: clamp(18px, 5vw, 20px);
  font-family: var(--yumincho);
  line-height: 1.6;
  text-align: center;
}

#y1,#y2{padding:0 5% 70px;}
#y1{background-color:#F8F8F8;}
.yt{
  width: 100%;
  aspect-ratio: 16 / 9;
  max-width: 570px;
  margin: auto;
}
.yt iframe {
  width: 100%;
  height: 100%;
}

.link-kuwashiku{
  display: block;
  width:200px;
  color:#111;
  font-size:15px;
  line-height:1;
  text-align: center;
  padding-bottom:12px;
  border-bottom:1px solid #111;
  margin:60px auto 0;
  transition:all 0.2s linear;
}
.link-kuwashiku:hover{opacity:0.5;}
.link-kuwashiku span{padding-right:30px;}

.bricks-col .row-img{width: 100%;margin:50px 0 0;}
.bricks-col .row-img::before{content:none;}
.bricks-col .row-img img{box-shadow:none;}

#h_reason,
#h_pom,
#h_taikyu,
#h_cost,
#h_constr,
#h_case{
  padding:60px 15px;
  background-size: cover;
  background-position: center;
}
#h_reason{background-image: url(./img/bg_h_reason_sp.jpg);}
#h_pom{background-image: url(./img/bg_h_pom_sp.jpg);}
#h_taikyu{background-image: url(./img/bg_h_taikyu_sp.jpg);}
#h_cost{background-image: url(./img/bg_h_cost_sp.jpg);}
#h_constr{background-image: url(./img/bg_h_constr_sp.jpg);}
#h_case{background-image: url(./img/bg_h_case_sp.jpg);}
.h_txt{
  font-family: var(--yumincho);
  /* font-size:22px; */
  font-size: clamp(10px, 5vw, 22px);
  font-weight: 500;
  text-align:center;
  line-height: 1;
  padding:13px 20px;
  background-color: rgba(255, 255, 255, 0.83);
  width: max-content;
  margin: auto;
}
.sub_txt{
  color:#19225A;
  font-size:18px;
  line-height: 1;
  margin-top:30px;
}

.sub_txt + p{margin-top:20px!important;}

.catch{
  font-size:20px;
  font-family: var(--yumincho);
  line-height: 1.75;
  text-align: center;
  margin-bottom:50px;
}
.h_toggle{
  font-size:20px;
  font-family: var(--yumincho);
  line-height: 1;
  padding-left:15px;
  padding-bottom:15px;
  border-bottom:1px solid #000;
  margin-bottom:30px;
}
.cont_toggle{padding:0 10px;}
.cont_toggle:not(:last-child){margin-bottom:50px;}
.flex_toggle{
  display: flex;
  flex-wrap: wrap;
  gap:20px;
  margin-bottom:45px;
}
.flex_toggle img{max-height:170px;margin: auto;}

#t_cost,#maint{
  padding:70px 5% ;
  background-color:#F2F2F2;
}
#l_cost,#lc_cost{padding:70px 5% ;}
#lc_cost p{max-width: 64em;}
#lc_img {
  max-width: 730px;
  margin:60px auto 0;
}
#lc_img img {
  width: 100%;
  max-width: 490px;
  display:block;
  margin: auto;
}

#t_h_txt,#l_h_txt,#lc_h_txt,#m_h_txt{
  font-size:22px;
  font-family: var(--yumincho);
  line-height: 1;
  text-align:center;
  margin-bottom:50px;
}
#l_h_txt{color:#AD2525;}
#lc_h_txt{color:#0082B2;}
.txt_c{text-align:center;}
.block-c{
  display:block;
  text-align: center;
}

.table_h{
  font-size:17px;
  font-weight: normal;
  line-height: 1;
  text-align:left;
  margin-top:50px;
  margin-left:10px;
  margin-bottom:10px;
}
.of_table{
  width: 100%;
  overflow-x: auto;
}
.table-style-1 {
  width:max-content;
  font-size: 15px;
  background-color: #fff;
}
.table-style-1 :is( th, td){
  border:1px solid #707070;
  text-align:center;
  line-height:1.5;
  font-weight: normal;
  padding:0.5em 1.5em;
}
.table-style-1 tr:last-child{background-color: rgba(245, 148, 148, 0.18);}

#prog{display:none;}
#prog + picture{
  display: block;
  width:70vw;
  text-align:center;
  margin: 0 auto;
}
#flex_case{
  display: flex;
  flex-direction: column;
  gap:35px;
}
#flex_case a{transition: all 0.2s linear;}
#flex_case a[href]:hover{opacity: 0.5;}
#flex_case img{vertical-align: bottom;width:100%;}
#flex_case p{
  color:#111;
  font-size:20px;
  font-family: var(--yumincho);
  line-height: 1.4;
  margin-top:20px;
}
#more{
  color: #fff;
  background-image: url(./img/bg_h_more_sp.jpg);
  background-size: cover;
  background-position: center bottom;
  padding: 60px 5% 50px;
}
#mo_h_txt{
  font-size:24px;
  font-weight: 500;
  font-family: var(--yumincho);
  line-height: 1.5;
  text-align:center;
  margin-bottom:40px;
}
#bn_more{
  margin-top: -60px;
  margin-bottom:85px;
}
#bn_more a{transition: all 0.2s linear;}
#bn_more a:hover{opacity:0.5;}
#bn_more img{width:100%;max-width:100%;vertical-align: bottom;}
@media screen and (max-width:767px){
.disp-pc{display:none;}
.page-bricks{
  background-image: url(./img/bg_obi_sp.jpg);
}
.bricks-row-outer.row1 .container{
  background-image: url(./img/bg_catch_sp.jpg);
  background-size: cover;
  background-position: center bottom;
  padding-bottom: 75vw;
  margin-bottom:70px;
}
.sub_txt.al-r{text-align: right;}
/* max767 */
}

@media screen and (min-width:768px){
.disp-sp{display:none;}
.page-bricks{
  background-image: url(./img/bg_obi_pc.jpg);
}
.bricks-row-outer.row1{
  height: auto;
  margin-top:50px;
  margin-bottom:170px;
}
.bricks-row-outer.row1 .container{
  padding:65px 65px 380px;
  background-image: url(./img/bg_catch_sp.jpg);
  background-size: cover;
  background-position: bottom;
}
.bricks-row-outer.row1 .container .bricks-row-body{padding:35px 40px;max-width: 583px;}
.bricks-row-outer.row1 .bricks-col{
  display: block;
  height: auto;
  width: auto;
}
.bricks-row-outer.row1 .container .bricks-row-body p{max-width: unset;margin-left: unset;}
#h_reason,
#h_pom,
#h_taikyu,
#h_cost,
#h_constr,
#h_case{padding: 95px;}
#h_reason{background-image: url(./img/bg_h_reason_pc.jpg);}
#h_pom{background-image: url(./img/bg_h_pom_pc.jpg);}
#h_taikyu{background-image: url(./img/bg_h_taikyu_pc.jpg);}
#h_cost{background-image: url(./img/bg_h_cost_pc.jpg);}
#h_constr{background-image: url(./img/bg_h_constr_pc.jpg);}
#h_case{background-image: url(./img/bg_h_case_pc.jpg);}
.h_txt {font-size:24px;}
.catch{font-size:22px;line-height:2.1;}

.bricks-row-outer.row3 .bricks-row-subheader{text-align: left;}
.bricks-col .row-img {margin-top: 0;}
#y1 {background-color: #fff;}
.yt{margin-top: 30px;}

.bricks-row-outer.row2.bg-gr-lt {background: linear-gradient(90deg, #f8f8f8, #f8f8f8 73%, transparent 73%);}
.bricks-row-outer.row3.bg-gr-tr {background: linear-gradient(90deg, transparent, transparent 27%, #f8f8f8 27%);}
.sub_txt,
.bricks-row-outer:is(.row2,.row3,.row4) .bricks-row-body .bricks-col p{padding-left:35px;margin-left: 0;margin-right: 0;}
.bricks-row-outer:is(.row2,.row3,.row4) .bricks-row-body .bricks-col .bricks-row-subheader + p{margin-top:50px;}
.sub_txt{margin-top:15px;}
.bricks-col .row-img{margin-top:inherit;}
#h_pom ~ .bricks-row-outer:is(.row2,.row3) .bricks-row-body{align-items: start;}
#h_pom ~ .bricks-row-outer:is(.row2,.row3) .bricks-row-body .bricks-col .row-img{margin-top: 100px;}
.cont_toggle:not(:last-child) {margin-bottom: 80px;}
.h_toggle{
  font-size:24px;
  padding-left: 0;
  padding-bottom:20px;
  margin-bottom:50px;
}
.flex_toggle{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap:50px;
  margin-bottom:60px;
}
.flex_toggle img{margin:0;max-height:unset;}
#img-1-1{width:90%;}
#img-1-2{width:63%;}
#img-2-1{width:70%;margin: auto;}
#img-2-2{width:100%;}


.block-c img{width:100%;max-width: 670px;margin-bottom:50px;margin: auto;}
.block-c ~ .catch{margin-bottom:0;}
#t_cost, #maint, #l_cost, #lc_cost {padding: 120px 5%;}
#t_h_txt, #l_h_txt, #lc_h_txt, #m_h_txt {
  font-size: 24px;
}
.table_h {
  font-size: 20px;
  margin-left: 0;
  margin-bottom: 15px;
}
.table-style-1.table-cost tr > *:not(:first-child,:last-child) {padding:0.5em;}
.table-style-1.table-cost tr:nth-child(2) td:not(:last-child){font-size:13px;}
.bricks-row-outer.white-box{padding:90px 0 110px;}
#prog{
  display: block; 
  color:rgba(240, 240, 240, 0.56);
  font-size:160px;
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 1;
  text-align: center;
  margin-top: -100px;
}
#prog + picture{margin-top: -7vw;width:100%;max-width:990px}
#prog + picture img{width:100%;}

#flex_case{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap:45px 35px;
}
#flex_case p {font-size:22px;}

#more{
  padding-top:110px;
  background-image: url(./img/bg_h_more_sp.jpg);
}
#mo_h_txt {font-size: 30px;}
#bn_more a {
  display: block;
}
.block-c{margin-bottom:50px;}
#lc_img {
  background-color:#F2F2F2;
  padding:60px 60px 40px;
}
#reason3-catch{
  padding-left: 0;
  font-size:15px;
}
/* min768 */
}
@media screen and (min-width: 992px) {
.bricks-row-outer.row1 .container{
  padding:65px 65px 130px;
  background-image: url(./img/bg_catch_pc.jpg);
  background-position: center;
}
#prog{font-size:clamp(150px, 20vw, 275px);}
#reason3-img{margin: 0;}
#reason3-catch{
  font-size:20px;
  text-align: left;
}
.bricks-row-outer.row4 .bricks-row-body:has(#reason3-catch){align-items: start;}
/* min992 */
}
@media screen and (min-width:1200px){

#prog + picture {margin-top: -100px;}
#more{padding-bottom:100px;}
#bn_more {margin-top: -100px;}
.content-box{width: max-content;margin: auto;}

#tb-build{width: 900px;}
#tb-pow{width: 900px;}
/* min1200 */
}