@charset "utf-8";
/*
theme Name: ONEテーマ001
Author: 株式会社壱番
Description: ONEテーマ001です。
version:0.0.1
*/
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,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#000;text-decoration:none;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}

* {
    box-sizing:border-box;
    line-height:1.5em;
}
p {
    margin-bottom:10px;
}
/*-- フェードイン css ここから--*/
.fadein {
    opacity : 0;
    transform : translate(0, 50px);
    transition:all 1.0s;
}
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
}
/*-- フェードイン css ここまで--*/
img{
    max-width: 100%;
    height:auto;
}
article {
    display: none;
  }
ul {
    list-style-position:inside;
    margin:20px 0;
}
html{
    font-size:16px;
    scroll-padding-top: 48px;
}
body{
    font-family:"Arial","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    margin:0;
    padding:0;
    color:#fff;
    width:100%;
}


main {
    width:100%;
    margin:0;
    padding:0;

        margin: 0 auto;
}
footer {
background-image:url('https://living-labo.jp/wp-content/uploads/2021/11/AdobeStock_161986908.jpg');
background-size:cover;
}
.footer-inner{
    background-color:rgba(0, 0, 0, 0.9);
}
footer ul{
    list-style: none;
}

/*-- コンテンツ --*/
.contents {
    display:flex;
    width:1200px;
    margin:64px auto 0 auto;
}
.bg_filter {
    background-color: rgba(0,0,0,0.5);
    height: 512px;
}

.main_visual_title{
    font-weight: bold;
    font-size:x-large;
    text-align:center;
    color:#fff;
    text-shadow: 1px 2px 3px #333;
  margin:0 0 20px 0;
}
.wp-block-columns{
    display: flex;
    width:100%;
}
.wp-block-columns .wp-block-column{
    width:100%;
    margin:10px;
}
.wp-block-columns .wp-block-column:first-child{
    margin:10px 10px 10px 0px;
}
.wp-block-columns .wp-block-column:last-child{
    margin:10px 0px 10px 10px;
}



.wpcf7-text,
.wpcf7-textarea,
.wpcf7-submit {
    width:100%;
}

.contact_button{
    padding:10px 20px;
    border-radius: 4px;
    background-color:#4285F4;
    color:#fff;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    margin:40px auto 20px auto;
    display: block;
    max-width:480px;
    text-align:center;
    box-shadow: 0px 0px 4px rgba(66,66,66,0.75);
    border:2px solid #4285F4;
}
.contact_button:hover{
    background-color:#fff;
    color:#2DBE60;
    box-shadow: none;
    transition: .4s;
}
table{
    width: 100%;
    font-size:12px;
	margin-bottom:20px;
}

.copyright{
    text-align: center;
    font-size:small;
    margin-top:10px;
    background-color:rgba(0, 0, 0, 0.75);
    padding:10px;
    font-weight: bold;
}
.copyright p{
    margin-bottom:0;
    color:#ddd;
}

.wpcf7-submit {
    -webkit-appearance: none;
    border-radius: 0;
    padding:10px 20px;
    background-color:#4285F4;
    color:#fff;
    border-radius:4px;
    border:none;
}

.cta{
    margin-top:20px;
    background-size: cover;
    color:#fff;
}
.cta .contact_button{
    margin-top:10px;
}

.center{
    text-align:center;
}
.bg_filter2 {
    background-color: rgba(0,0,0,0.5);
    height: 200px;
    padding:20px;
}



.performance{
    border:1px solid #aaa;
    box-shadow: 4px 4px 6px 2px rgba(0,0,0,0.4);
    padding-bottom:4px;
}
.performance img{
    width:100%;
}

main{
    margin:0 auto;
}
.mo {
    font-size:20px;
    font-weight: bold;
    text-align:center;
}
.mi {
    background-color:#2DBE60;
    padding:20px;
    margin:20px 0;
    font-size:24px;
    text-align:center;
    font-weight: bold;
    color:#fff;
}
.mb20 {
    margin-bottom: 20px;
}
.service_box img{
    margin-top:20px;
}
.service_box h3{
    font-size:24px;
}
.service_box > .service_price{
    border:1px solid #666;
    background-color:#666;
    border-radius: 100px;
    color:#fff;
    padding:10px;
    text-align:center;
    margin:20px 0;
}
.rubi{
    text-align:center;
    margin-top:-10px;
}

.footer_menu a{
    text-decoration: none;
    color:#666;
}

.wp-block-table td{
    padding:10px;
}
.service_container{
    display:flex;
    width:100%;
    flex-wrap: wrap;
}
.service_container > div{
    width:50%;
    padding:20px;
}


.flex_box{
    display:flex;
    flex-wrap: nowrap;
}
.flex_box > div{
    width:100%;
}
.flex_box > div:first-child{
    margin:20px 10px 20px 0px;
}
.flex_box > div:last-child{
    margin:20px 0px 20px 10px;
}
.price_style h3{
    padding:10px;
    background-color:#2DBE60;
    color:#fff;
    text-align:center; 
    font-size:20px;   
}
.price_style p{
    padding:10px;
    background-color:#ddd;
    font-weight: bold;
    text-align:center;
    font-size:32px;
}
.price_style ul{
    padding:20px;
    background-color:#eee;
    font-size:14px;
}



.price_title{
    text-align:left;
    font-size:24px;
    border-left:6px solid #2DBE60;
    padding-left:14px;
}

.notes_box {
    border:1px solid #2DBE60;
    padding:20px;
}
.price_box{
    margin:20px 0 40px 0;
}


.flow h3{
    font-size:20px;
    border-bottom:2px solid #2DBE60;
    padding:10px;
    margin-top:20px;
}

.flow p {
    padding:20px;
}


.fqa h3::before{
    content:'Ｑ';
    font-weight: bold;
    background-color:#2DBE60;
    color:#fff;
    padding:10px;
    margin:10px;
    display:inline-block;
}
.fqa p::before{
    content:'Ａ';
    font-weight: bold;
    background-color:#ff3333;
    color:#fff;
    padding:10px;
    margin:10px;
    display:inline-block;
}

.flex_box2{
    display:flex;
    flex-wrap: wrap;
}
.flex_box2 > div{
    width:calc(50% - 10px);
}
.flex_box2 > div:nth-child(odd){
    margin:20px 10px 20px 0px;
}
.flex_box2 > div:nth-child(even){
    margin:20px 0px 20px 10px;
}
.flex_box2 p{
    text-align:center;
}
.flex_box2 img {
    border:1px solid #aaa;
}
.flex_box2 a {
    text-decoration: none;
    color:#2DBE60;
    font-size:12px;
}


.full {
    margin: 0 calc(50% - 50vw);
    background-size:cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.full img{
    margin:0 auto;
    display:block;
}
.info {
    color:#2DBE60;
    background-color:#fff;
    padding:10px;
    text-align:center;
    font-weight: bold;
}
.info2 {
    color:#fff;
    background-color:#2DBE60;
    padding:10px;
    font-weight: bold;
}

body{
    width:100%!important;
    background-color:#222;
}


img{
    max-width: 100%!important;
}

.mt20{
    margin-top:20px;
}

#price{
    margin:10px;
    padding:10px;
}

#price > h2,
#product > h2,
#flow > h2,
#fqa > h2,
#contact > h2{
    font-size:48px;
    color:#2DBE60;
}
#price .title,
#product .title,
#flow .title,
#fqa .title,
#contact .title{
    margin-top:-14px;
    text-align: center;
    color:#2DBE60;
    margin-bottom:20px;
}
.plan{
    color:#fff;
}
.product_flex{
    margin: 0 calc(50% - 50vw);
    display: flex;
    
}
.product_flex > div{
margin:40px;
border:1px solid #2DBE60;
}


.point{
    border:2px solid #2DBE60;
    border-radius: 10px;
    margin:20px;
    padding:20px;
}
.point p{
    margin:20px auto;
    font-weight: bold;
}
#flow ul{
    list-style: none;
}
#flow ul li{
    border: 1px solid #2DBE60;
    border-radius: 100px;
    margin: 20px;
    padding: 10px 20px;
}
#flow .num{
    font-size: 32px;
    font-weight: bold;
    color:#2DBE60;
    padding-right:20px;
    vertical-align:middle;
}
.contact_tel{
    text-align: center;
}
.contact_tel_time,
.contact_line_time{
    text-align: center;
    margin-top:-10px;
}
.contact_tel a{
    text-decoration: none;
    color:#333;
    font-size:32px;
    font-weight: bold;
}
.contact_line{
    text-align: center;
    border:1px solid #2DBE60;
    background-color:#2DBE60;
    border-radius: 20px;
    margin: 20px;
}
.contact_line a{
    text-decoration: none;
    color:#fff;
    font-size:32px;
    font-weight: bold;
}
.cta_text{
    margin:20px;
    font-weight: bold;
    text-align: center;
}

#merit {
    padding:20px 20px 80px;
}

.section_title_sub{
    font-size:20px;
}
.section_title_main{
    font-size:46px;
    font-weight: bold;
    color:#2DBE60;
}
#merit .flex_box{
    display:flex;
    flex-wrap: wrap;
    text-align:center;
}
#merit .flex_box > div{
    width:50%;
    margin:0;
    padding:20px;
}
#merit .num{
    background-color:#2DBE60;
    color:#fff;
    border-radius: 100%;
    font-size:24px;
    font-weight: bold;
    display: inline-block;
    padding:16px 20px;
    margin:0 auto 10px;
}

#merit h3{
    font-size:24px;
    font-weight: bold;
    color:#2DBE60;
    margin-bottom:20px;
}
#merit p{
    text-align: left;
}


.redh{
    margin:100px auto;
    font-size:48px;
}


.test2344{
    margin: -20px calc(50% - 50vw) 0;
    height:560px;
    background-image: url('./img/area_main.jpg');
    background-size: cover;
    display:flex;
    flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: center;
    text-align: center;
    background-attachment: fixed;
}
.test2344 h1{
    color:#fff;
    text-shadow: 1px 2px 3px #333;
}
.test2344 p{
    color:#fff;
    text-shadow: 1px 2px 3px #333;
}
.req{
    background-color:#DB4437;
    border-radius: 4px;
    padding:2px 4px;
    margin-right:4px;
    color:#fff;
}
.any{
    background-color:#4285F4;
    border-radius: 4px;
    padding:2px 4px;
    margin-right:4px;
    color:#fff;
}
.breadcrumbs_wrapper{
	width:100%;
	background-color:#111;
	color:#fff;
	margin-top: 64px;
}
.breadcrumbs a{
    text-decoration: none;
    color:#fff;
}
.breadcrumbs{
    margin:0 auto;
    font-size:12px;
	width:1000px;
	padding:20px;
}
.new_pricebox{
    display: flex;
    flex-wrap: nowrap;
}

.new_pricebox > div{
    width:100%;
    border:1px solid red;
    margin:20px 10px;
}
.new_pricebox > div:first-child{
    margin:20px 10px 20px 20px;
}
.new_pricebox > div:last-child{
    margin:20px 20px 20px 10px;
}
.new_pricebox > div h3{
    
    padding:20px 0;
    text-align:center;
}
.bg_gold{
    background: linear-gradient(45deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%);
    
}

.bg_silver{
    background: linear-gradient(45deg, #b6b6b6 0%, #dcdcdc 45%, #f0f0f0 70%, #dcdcdc 85%, #b6b6b6 90% 100%);
}

.bg_bronze{
    background: linear-gradient(45deg, #b65f03 0%, #da6708 45%, #fec6a0 70%, #da6708 85%, #b65f03 90% 100%);
}

.new_pricebox > div p{
    padding:20px;
}

.new_pricebox2{
    display:flex;
    flex-wrap: nowrap;
    border:1px solid #2DBE60;
    box-shadow: 4px 4px 8px rgba(0,0,0,0.25);
    padding:20px;
    margin:40px 0;
}
.new_pricebox2 > div:first-child{
    width: 66.6%;
}
.new_pricebox2 > div:last-child{
    width:33.3%;
    border:2px solid #2DBE60;
}

.new_pricebox2 h3{
    font-size:24px;
}
.new_pricebox2 .seisaku{
    text-align: center;
    padding:20px 0;
    margin:0;
    font-weight: bold;
    font-size:20px;
}
.new_pricebox2 .price{
    text-align: center;
    font-size:32px;
    font-weight: bold;
    padding:10px 0 0 0;
}
.new_pricebox2 .price > span{
    font-size:24px;
}
.icons_opt{
    font-size:24px;
    vertical-align:middle;
    color:#2DBE60;
}
.new_pricebox2 ul{
    list-style: none;
}

.new_pricebox2 .button{
    background-color:orange;
    color:#fff;
    font-weight: bold;
    border-radius: 100px;
    display:block;
    margin:20px;
    padding:20px 0;
    text-align: center;
    text-decoration: none;
}
.price_table2,
.price_table2 th,
.price_table2 td{
    border:1px solid #2DBE60;
    font-size:16px;
}
.price_table2 th,
.price_table2 td{
    padding:20px;
}
.price_table2 th:nth-child(odd),
.price_table2 td:nth-child(odd){
    text-align:left;
}
.price_table2 th:nth-child(even),
.price_table2 td:nth-child(even){
    text-align:right;
}



.area{
    list-style: none;
}
.area li{
    display: inline-block;
    border:1px solid #2DBE60;
    padding:2px 4px;
    margin:4px;
    border-radius: 4px;
}
.area li a{
    text-decoration: none;
    color:#2DBE60;
}

.camera{
    display:flex;
}
.camera > div{
    width:100%;
}
.camera h2{
    margin-top:0;
    margin-bottom:10px;
}

.flex_con {
    display:flex;
    width:100%;
}
.flex_con > div{
    width:100%;
}
.center{
    text-align:center;
    border:0px;
}


.full2{
    margin: 0 calc(50% - 50vw);
    background-image: url('./img/area_main.jpg');
    background-size: cover;
    display:flex;

    background-attachment: fixed;
}
.full2 > div{
    background-color:#fff;
    width:61.5%;
    margin:40px auto;
    padding:20px;
}






.fs_main_title{
    color:rgba(255,255,255,0.95);
    font-weight: bold;
    text-shadow: 0px 2px 8px rgba(0,0,0, 0.75);
    font-size:100px;
}
.fs_main_visual{
    width:100%;
    height:calc(100vh - 48px);
    margin-top:48px;
    background-position:top center;
    background-size: cover;
    display:flex;
    justify-content: center;
  align-items:center;
}
.dot-text {
    text-emphasis: filled dot rgba(255, 255, 255, 0.95);
	-webkit-text-emphasis: filled dot rgba(255, 255, 255, 0.95);
}


.fs_text_box{
    padding:20px 20px 20px 40px;
    width:100%;
}

.fs_text_box p{
    color:rgba(255,255,255,0.95);
    font-weight: bold;
    text-shadow: 0px 2px 8px rgba(0,0,0,0.75);
    font-size:46px;
    margin-top:10px;
    margin-left:4px;
}

.global_menu{
    background-image: linear-gradient(
	-45deg,
	#333 25%,
	#444 25%,
	#444 50%,
	#333 50%,
	#333 75%,
	#444 75%,
	#444
);
background-size: 30px 30px;
background-attachment: fixed;
z-index:999;
box-shadow: 0 4px 8px rgb(0 0 0 / 10%);
}
#global_nav.fixed {
    left: 0;
    position: fixed;
    top: 0;
    width:100%;
}
.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
  }
.global_menu ul{
        display: grid;
        grid-template-columns: repeat(auto-fit, 180px);
        grid-column-gap: 10px;
        justify-content: center;
        width: 100%;
        margin: 0 auto;
        padding:10px 10px 0 10px;
}
.global_menu li{
  margin-bottom:10px;
}
.global_menu li a{
    background-color: #fff;
    font-size:12px;
    height: 64px;
    width: 100%;
    padding:10px;
    display:flex;/*追記*/
    justify-content: center;
  align-items:center;
  box-shadow: 0 0 4px #666;
  border-radius: 6px;
}



.sidebar-inner{
    background-color:#fff;
}

  .sidebar-inner > h3{
    color:#fff;
    border-left:none;
    margin:0;
    padding:10px 20px 10px 20px;
    background-color: #4285F4;
  }
  .sidebar-inner ul{
  list-style: none;
  margin:0;
  }
  .sidebar-inner li.menu-item a{
    display: block;
    padding:10px 20px;
    margin:0;
    text-decoration: none;
    color:#333;
    border-bottom:1px solid #333;
  }
  .sidebar-inner li.menu-item:last-child a{border-bottom:none;}
  .sidebar-inner li.menu-item a:hover{
    background-color:#bbddff;
  }
  .sidebar-inner ul.sub-menu{
    margin:0;
  }
  .sidebar-inner ul.sub-menu li.menu-item a{
    padding:10px 20px 10px 30px;
  }
  .fqa_title:before{
      content: "Q.";
  }

main h1{
    font-size:24px;
    padding:10px 10px;
    margin-bottom:20px;
}
h2{
    font-size:24px;
    padding:20px 10px;
    margin-top:40px;
    margin-bottom:20px;
}
main h2:first-child{
    margin-top:0;
    margin-bottom:0;
}
.bg-blue{
    color:yellow;
    font-size:18px;
    background-color:#4285F4;
    padding:20px 10px 20px 20px;
}
main p{
    text-align:justify;
}
.border-blue{
    border:1px solid #4285F4;
    padding:40px;
    background-color: #fff;
    border-radius: 6px;
}
.reason01,
.reason02{
    margin:40px 0px 40px 5rem;
    color:#4285F4;
    font-weight: bold;
    position: relative;
}
.reason01::before,
.reason02::before{
    border:2px solid #4285F4;
    padding:10px;
    margin-right:10px;
    margin-left: -5rem;
    position: absolute;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.reason01::before{content: "理由1";}
.reason02::before{content: "理由2";}
.sample-bg-blue{
    color:yellow;
    font-size:18px;
    background-color:#4285F4;
    padding:10px;
}
.sample-border-blue{
    border:1px solid #4285F4;
    padding:40px;
}
.point-border-blue1{
    border:solid #4285F4;
    border-width:1px 1px 0px 1px;
    padding:40px 40px 20px 40px;
    margin-bottom:0!important;
}
.point-border-blue2{
    border:solid #4285F4;
    border-width:0px 1px 1px 1px;
    padding:20px 40px 40px 40px;
}
.handling-list{
display:flex;
flex-wrap: wrap;
justify-content: space-between;
}
.handling-list li{
    margin:10px;
    display: flex;
    width:calc((100% / 3) - 20px)
}
.handling-list li a{
    width:100%;
    text-decoration: none;
    border:1px solid #4285F4;
	display: flex;
	align-items: center;
    color:#333;
    font-weight: bold;
    padding:20px;
    text-align: center;
    justify-content: center;
}
.contact-button a{
    border-radius:6px!important;
}
.casestudy_flexbox{
    display:flex;
    flex-wrap: wrap;
    align-items:center;
    border:1px solid #4285F4;
    margin-bottom:20px;
    background-color:#ccc;
}
.casestudy_flexbox img{
vertical-align:top;
}
.casestudy_flexbox p{
    margin-bottom:0;
}
.casestudy_flexbox > div:first-child{
    width:25%;
    height:auto;
    background-color:#fff;
}
.casestudy_flexbox > div:last-child{
    width:75%;
    display: flex;
    flex-wrap: wrap;
    background-color:#fff;
}
.casestudy_flexbox > div:last-child > div:nth-child(odd){
    border:1px solid #4285F4;
    color:#4285F4;
    font-weight: bold;
    width:25%;
    padding:10px;
}
.casestudy_flexbox > div:last-child > div:nth-child(even){
    border:1px solid #4285F4;
    width:75%;
    padding:10px;
}
.con_flex{
    display:flex;
    flex-wrap: wrap;
}
.con_flex > div{
    margin:10px;
    width:calc(33.3% - 20px);
    background-color:#f3f3f3;
}
.con_flex > div h2{
    background-color:rgba(0,0,0,0);
    padding:10px;
}
.con_flex > div h2 a{
    text-decoration: none;
    color:#333;
    font-size:14px;
}
.con_flex > div p{
    font-size:10px;
    margin-left:10px;
}
.con_flex > div > a{
    background-color: #4285F4;
    text-decoration: none;
    color:#fff;
    text-align:center;
    padding:4px 10px;
    display: block;
    font-size:12px;
    margin:10px;
}
.w100 a{
    width:100%;
}
.que{
    font-weight: bold;
    color:#4285F4;
    font-size: 20px;
    border-bottom:2px solid #4285F4;
    margin-bottom:10px;
}
.que::before{
    content: "Q.";
}
.ans::before{
    content:"A.";
}
.faqbox{
    margin:20px 10px;
    border:2px solid #4285F4;
    border-radius: 6px;
    padding:20px;
}
/*------------------------------------------------------------------------*/
/*                         スマホ表示                                     */
/*-----------------------------------------------------------------------*/
@media screen and (max-width: 780px) {
	.fs_main_visual {
		margin-top:48px;
	}
	.breadcrumbs {
		width:100%;
	}
    .casestudy_flexbox{
        flex-wrap: wrap;
    }
    .casestudy_flexbox > div,
    .casestudy_flexbox > div > div{
        width: 100% !important;
    }
    .casestudy_flexbox > div:last-child > div:nth-child(odd){
        color:#fff;
        background-color: #4285F4;
    }
    #footer{
        padding-bottom:64px;
    }

    
    .handling-list li{
        width:calc((100% / 2) - 20px)
    }
    .con_flex > div h2 a{
        font-size:18px;
    }
    .con_flex > div{
     width:100%;
     padding:20px;
    }
    
    

    .contents{
        flex-wrap: wrap;
        width:100%;
    }
    main{
        width:100%;
        margin:0;
    }
    aside{
        width:100%;
        margin:0;
        padding:10px;
    }
    
    .main_visual_box {
        height:320px;
    }
    .bg_filter {
        height: 320px;
    }
    .main_visual_box{
        word-wrap:break-word;
    }
    .main_visual_title{
        text-align:left;
    }
    .wp-block-columns{
        flex-wrap: wrap;
    }
    .wp-block-columns .wp-block-column{
        margin:10px 0;
    }
    .wp-block-columns .wp-block-column:first-child{
        margin:10px 0;
    }
    .wp-block-columns .wp-block-column:last-child{
        margin:10px 0;
    }

}
@media screen and (max-width: 780px) {

    .service_container > div{
        width:100%;
        padding:0;
    }
}
@media screen and (max-width: 780px) {
    .flex_box{
        flex-wrap: wrap;
    }
    .flex_box > div:first-child{
        margin:20px 0px 10px 0px;
    }
    .flex_box > div:last-child{
        margin:10px 0px 20px 0px;
    }
}

@media screen and (max-width: 780px) {
    .product_flex{
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 780px) {
    h1 {
        font-size:30px;
    }
    #merit .flex_box > div{
        width:100%;
    }
}
@media screen and (max-width: 780px) {
    .test2344{
        padding:20px;
    }
    .test2344 h1{
        font-size:24px;
    }
    h2{
        font-size:20px;
    }
    .new_pricebox2{
        flex-wrap: wrap;
    }
    .new_pricebox2 > div:first-child,
    .new_pricebox2 > div:last-child{
        width:100%;
    }
    .new_pricebox2 h3{
        font-size:18px;
    }
    .price_table2 th,
.price_table2 td{
    padding:10px;
    font-size:14px;
}
.new_pricebox2 li{
    margin:10px 0;
}
}
@media screen and (max-width: 780px) {
    .camera{
        flex-wrap: wrap;
    }
    }
@media screen and (max-width: 780px) {
    .flex_con {
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 780px) {
    .full2 {
        background-attachment: scroll;
    }
    .full2 > div{
        background-color:#fff;
        width:100%;
        margin:40px 20px;
        padding:20px;
    }
}
@media screen and (max-width: 780px) {
	.fs_main_title{
    font-size:30px;
}
	.fs_text_box p{
		font-size:22px;
        margin-top:30px;
	}
}


































/*--------- ヘッダー関連20210909 --------*/
.fs_header0909{
    position: fixed;
    top:0;
    left:0;
}
.fs_header0909 nav ul > li > a {
    color:#fff;
    text-decoration: none;
    font-weight: bold;
}
/*-- ヘッダー枠組み --*/
.fs_header0909 {
    display:grid;
    width: 100%;
    z-index: 9999;
    top: 0;
    background-color: rgba(0,0,0,0.8);
}

/*-- ヘッダー キャッチコピー ロゴ --*/
.fs_header0909_logo{
    grid-area:logo;
    z-index:9999;
    height:64px;
    padding:6px;
    /*width: 240px;*/
	display: flex;
}
.fs_header0909_logo p{
    font-size:10px;
    font-weight: bold;
    margin-bottom:0;
	display: flex;
    align-items: center;
}

.fs_header0909 .header_sitename a{
    text-decoration: none;
    font-size:24px;
    color:#fff;
}
.fs_header0909_logo img{
    height: 34px;
    width:auto;
}

/*-- ヘッダー グローバルメニュー共通 --*/
.fs_header0909_nav{
    grid-area:nav;
}

.fs_header0909_button{
    display: none;
}

/*-- ヘッダー グローバルメニュー パターン1 --*/
.fs_p01 {
    grid-template-columns: 2fr;
    grid-template-rows: auto 1fr auto;
    grid-template-areas: "logo honjitsu info"
                         "nav nav nav";
}
.fs_p01 .fs_header0909_nav{
    background-image: linear-gradient( 
-45deg, #333 25%, #444 25%, #444 50%, #333 50%, #333 75%, #444 75%, #444 );
    background-size: 30px 30px;
    background-attachment: fixed;
    z-index: 999;
    box-shadow: 0 4px 8px rgb(0 0 0 / 10%);
    padding:10px 10px 0 10px;
}
.fs_p01 ul {
    display: grid;
    grid-template-columns: repeat(auto-fit, 180px);
    grid-column-gap: 10px;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
}
.fs_p01 li a {
    background-color: #fff;
    font-size: 12px;
    height: 48px;
    width: 100%;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 4px #666;
    border-radius: 6px;
    margin-bottom:10px;
    color:#333;
    text-decoration: none;
    font-weight: bold;
}

/*-- ヘッダー グローバルメニュー パターン2 --*/
.fs_p02 li a{
    display:flex;
    height: 64px;
    width: 160px;
    padding:20px;
    justify-items: center;
    align-items: center;
    justify-content: center;
}
.fs_p02 {
    grid-template-columns: 1fr auto auto;
    grid-template-rows: 2fr;
    grid-template-areas: "logo nav info"
    "honjitsu honjitsu honjitsu";
}
.fs_p02 nav > div > ul{
    display: flex;
    box-sizing: border-box;
    height:64px;
    margin:0;
    justify-content: center;
    align-items: center;
}
.fs_p02 nav > div > ul > li{
    font-size: small;
    width: 160px;
    height: 64px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    font-weight: bold;
}
.honjitsu{
    display: flex;
    justify-content: center;
    align-items: center;
    grid-area:honjitsu;
    text-align:center;
    background-color:red;
    color:#fff;
    margin:0;
    padding:0 10px;
}
.honjitsu p{
margin-bottom:0;
}
/*-- ヘッダー ctaボタン */
.fs_header0909_info{
    grid-area:info;
    display:flex;
    height:64px;
}
.fs_header0909 .fs_cta_mail{background-color:#f7b125;}
.fs_header0909 .fs_cta_tel{background-color:rgb(62, 179, 233);}
.fs_header0909 .fs_cta_line{background-color:mediumseagreen;}
.fs_header0909 a.fs_cta_mail,
.fs_header0909 a.fs_cta_tel,
.fs_header0909 a.fs_cta_line{
    font-size:small;
    text-align: center;
    width: 164px;
    padding:10px;
    color:#fff;
    display: flex;
    justify-content: center;
    align-items:center;
    text-decoration: none;
    font-weight: bold;
}

@media screen and (max-width: 780px) {
    .fs_header0909 {
        height:64px;
        position: fixed;
    }
    .fs_header0909_logo p{
        font-size:10px;
    }
    .fs_header0909_info{
        display: none;
    }
    .fs_p01,.fs_p02 {
        grid-template-columns: 1fr auto;
        grid-template-rows: auto auto;
        grid-template-areas: "logo button"
                            "honjitsu honjitsu";
    }
    .fs_header0909 ul{
        padding-top: 60px;
    }

    .fs_header0909 .fs_header0909_nav {
        position: fixed;
        height: 100vh;
        width: 100%;
        left: -100%;
        top: 0;
        background: rgba(0,0,0,0.9);
        transition: .7s;
        z-index: 9996;
    }
    .fs_header0909 .in {
        transform: translateX(100%);
        z-index: 9996;
        
    }
    .fs_p02 nav > div > ul {
        display: block;
    }
    .fs_p02 nav > div > ul > li{
        width:100%;
        height: 40px;
    }
    .fs_header0909 ul{
        display: block;
    }
    .fs_header0909 li{
        display: inline;
    }
    .fs_header0909 li a{
        width: 100%;
        padding:10px;
        background-color: transparent;
        box-shadow:none;
        justify-content: left;
        font-size:12px;
        height:40px;
        border-bottom:1px solid gray;
        border-radius: 0;
        margin-bottom:0;
        display: block;
    }
    .fs_p02 .fs_header0909_nav{
        padding:10px;
    }
    .fs_p02 li a{
        padding:10px;
        margin:0;
        font-weight: bold;
    }
    
    .fs_header0909 .inner_line {
        background-color: #fff;
        transition: 1s;
        border-radius: 4px;
        width: 100%;
        height: 4px;
        }
    .fs_header0909 .line_1 {transform: translateY(10px) rotate(-45deg);}
    .fs_header0909 .line_2 {opacity: 0;}
    .fs_header0909 .line_3 {transform: translateY(-10px) rotate(45deg);}
    .fs_header0909 #line4 {
        transition: 1s;
        color:#fff;
        font-size:12px;
        line-height: 1;
        }
    .fs_header0909_button {
        display: flex;
        background-color:#333;
        grid-area:button;
        cursor: pointer;
        transition: 1s;
        z-index: 9999;
        padding:6px;
        flex-wrap: wrap;
        align-items: center;
    }
}

.footer_nav{
    display: none;
}
@media screen and (max-width: 780px) {
    .footer_nav{
        background-color:rgba(0,0,0,0.75);
        width:100%;
        margin:0;
        position: fixed;
    bottom: 0; /*下に固定*/
    display: flex;
    flex-wrap: nowrap;
    box-shadow:0 -4px 8px rgba(0,0,0,0.2) ;
    z-index:9999;
		height:64px;
    }
    .fs_footer_mail,
    .fs_footer_tel,
    .fs_footer_line{
        display: flex;
        text-decoration: none;
        width: 100%;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding:10px;
        color:#fff;
        font-weight: bold;
    }
    .fs_footer_mail{
        background-color:orange;
        margin:10px 5px 10px 10px;
    }
    .fs_footer_tel{
        background-color:rgb(62, 179, 233);
        margin:10px 5px 10px 5px;
    }
    .fs_footer_line{
        background-color:mediumseagreen;
        margin:10px 10px 10px 5px;
    }
    
}

main{
}
aside{
}


.fs_contents{
    display: flex;
    margin:0px auto;
    max-width: 1200px;
}

@media screen and (max-width: 780px) {
    .fs_contents{
        grid-template-columns:1fr;
        grid-template-rows: auto auto;
        grid-template-areas:"main"
                            "aside";
        margin:0px auto;
        max-width: 100%;
    }
}

.global_footer_nav{
    display: flex;
    justify-content: flex-end;
}
.global_footer_nav > li{
    padding:10px;
}
.global_footer_nav > li > a{
    text-decoration: none;
    color:#333;
}









/*------ブログカード設定----------*/
.blog_card {
    position: relative;
    height: 320px;
    margin:10px;
    padding:0px;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.3);
}
.blog_card .thumbnail {
    width:100%;
    height:200px;
    object-fit: cover;
}
.blog_card .title {
    text-align:left;
    font-size:18px;
    padding:0px 0px;
}
.blog_card .date {
    text-align:left;
    font-size:14px;
    padding:10px 10px 14px 10px;
}
.blog_card .category {
    position: absolute;
    left:10px;
    top:14px;
    z-index: 999;
}
.blog_card .post-categories {
    list-style-type: none;
}
.blog_card .post-categories li{
    display: inline;
}
.blog_card .post-categories li a{
    background-color:#333;
    color:#fff;
    padding:4px 6px;
    border-radius: 4px;
    font-size:12px;
}
.blog_card .post-categories li a:hover{
    background-color:#333;
    color:#aaa;
}
.blog_card .ex {
    padding:234px 10px 10px 10px;
    position: absolute;
    top:0px;
    left:0px;
    height: 320px;
    width: 100%;
}
.blog_card .ex:hover {
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);
}

.w50c {
    display:flex;
    flex-wrap: wrap;
}
.w50c > div{
    width: calc(50% - 20px);
    border:1px solid red;
}


/*トップコンテンツ1*/
.top_contents01_wrapper{
    background-color:#20f1c4;
    padding:20px;
}
.top_contents01{
    max-width: 100%;
    width:1000px;
    margin:40px auto;
}
.top_newslist_wrapper{
    padding:20px;
}
.top_newslist_wrapper h2{
    color:#333;
    background-color: unset;
    padding:10px;
    text-align:center;
    font-size:32px;
    line-height: 0.75;
    margin-top:40px!important;
}
.top_newslist_wrapper h2 > span{
    font-size:24px;
}

.top_newslist{
    max-width:100%;
    width:1000px;
    margin:40px auto;
    list-style-type: none;
    border:1px solid #ccc;
    padding:40px;
}
.top_newslist li{
    border-bottom:1px solid #ccc;
    padding:20px;
}
.top_newslist li a{
    text-decoration: none;
    color:#333;
}
.top_newslist li:last-child{
    border-bottom:unset;
}

.top_contents01 p{
    text-align:center;
    color:#fff;
}
.top_contents01 h2{
    text-align:center;
    color:#fff;
    font-weight: bold;
    font-size:32px;
    background-color:unset;
    line-height: 0.75;
}
.top_contents01 h2 > span{
    font-size:24px;
}



.wp-block-columns{
    width: 1000px;
    margin:40px auto;
}

.more_button{
    text-align: center;
margin-top:20px;

font-weight: bold;
}
.more_button a{
    color:#fff!important;
    background-color:#2074f1;
    padding:10px 20px;
    border-radius:4px;
    text-decoration: none;
}

.wp-block-columns img{
    height: 100%;
}

.pc { display: block !important; }
.sp { display: none !important; }


.top_business_wrapper h2{
    color:#2074f1;
    text-align:center;
    font-weight: bold;
    font-size:32px;
    background-color:unset;
    line-height: 0.75;
}
.top_business_wrapper h2 > span{
    font-size:24px;
}
.top_business_wrapper > p{
    text-align: center;
    margin-bottom: 40px;
}
.top_business{
    display:flex;
    flex-wrap: nowrap;
}
.top_business > div:nth-child(1){background-image:url('https://relife-corp.jp/wp-content/uploads/2022/03/リフォーム.jpeg');}
.top_business > div:nth-child(2){background-image:url('https://relife-corp.jp/wp-content/uploads/2022/03/原状.jpeg');}
.top_business > div:nth-child(3){background-image:url('https://relife-corp.jp/wp-content/uploads/2022/03/ハウスクリーニング.jpeg');}
.top_business > div:nth-child(4){background-image:url('https://relife-corp.jp/wp-content/uploads/2022/03/建物維持.jpeg');}
.top_business > div:nth-child(5){background-image:url('https://relife-corp.jp/wp-content/uploads/2022/03/店舗改装.jpeg');}

.top_business > div{
    background-size: cover;
    width: 100%;
    height:300px;
    margin:4px;
}
.top_business > div > a{
    display: flex;
    width:100%;
    height: 300px;
    justify-content: center;
    align-items: center;
    padding:20px;
    color:#fff;
    text-decoration: none;
    text-shadow: 0px 2px 8px rgba(0,0,0, 0.75);
    font-size:24px;
    font-weight: bold;
}
.top_business_wrapper .more_button{
    text-decoration: none;
    display: block;
    padding:10px 20px;
    margin:40px auto;
    background-color:#2074f1;
    width: 300px;
    border-radius: 4px;
    color:#fff;
}

.footer_info{
    padding:20px;
    color:#fff;
    font-weight: bold;
    font-size:18px;
    text-shadow: 0 2px 4px rgba(0,0,0,0.25);
}
.footer_info .footer_name{
    font-size:24px;
}
.footer_info a{
    text-decoration: none;
    color:#fff;
}
.yoko_footer ul{
    margin:0 20px;
}
.yoko_footer li{
    padding:0 20px 0 0;
}
.yoko_footer a{
    color: #fff!important;
}

.company_table{
    width:640px;
    max-width:100%;
    margin:0 auto!important;
}
.company_table td:first-child{
background-color:#eee;
}
.company_table td{
    font-size:16px;
    font-weight: bold;
}
#top_section01{
    
    width:1000px;
    max-width: 100%;
    margin:100px auto;
	padding:20px;
}
#top_section01 p{
    text-align:center;
    font-weight: bold;
}

.fs_text_box a{
    background-color:#2074f1;
    padding:10px 20px;
    border-radius: 4px;
    font-weight: bold;
    color:#fff;
    text-decoration: none;
    display: inline-block;
    margin-top:10px;
    box-shadow: 0 4px 4px rgba(0,0,0,0.5);
}

@media screen and (max-width: 780px) {
    .pc { display: none !important; }
    .sp { display: block !important; }

    .top_business {
        flex-wrap: wrap;
    }
    .yoko_footer ul {
        display: block;
        margin-top:40px;
    }
    .yoko_footer ul li {
        margin-bottom:10px;
    }
    .company_table {
        width:90%;
    }
    .wp-block-contact-form-7-contact-form-selector{
        width:90%;
        margin:0 auto;
    }
    .main_k{
        width:90%;
        margin:0 auto;
    }
    ol{
        list-style-position: inside;
    }
}


.jigyo{
	display:flex;
	margin-bottom:40px;
}
.jigyo img{
	object-fit: cover;
    height: 360px;
    width: 100%;
	}
.jigyo > div{
	padding:10px;
	width:50%;
}
.jigyo > div h2{
	padding:10px;
	color:#2074f1;
	border-left:4px solid #2074f1;
	margin-bottom:10px;
}
.jigyo > div li{
	list-style:none;
	display:inline-block;
	background-color:#2074f1;
	color:#fff;
	border-radius:6px;
	font-weight:bold;
	padding:4px 6px;
	margin-right:10px;
	margin-bottom:10px;
	text-align:center;
}
.top_contact{
	max-width:800px;
	padding:40px;
	border:4px solid #2074f1;
	margin:40px auto;
	text-align: center;
}
.top_contact p,
.top_contact a{
	text-align:center;
	font-weight:bold;
	font-size:24px;
	text-decoration:none;
    color:#333;
}
.top_contact a{
	font-size:36px;
	display:inline-block;
}
.page_title_box{
color:#fff;
background-color:#333;
	margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
	text-align:center;
	padding:80px 10px;
	margin-bottom:40px;
}
.page_title_box h1{
	margin-bottom:0;
	font-size:36px;
}
.big_test > div{
    width:960px;
    max-width:100%;
    margin:0 auto;
    padding:20px;
}
.big_test p {
    text-align: center;
    margin-bottom:0;
}
@media screen and (max-width: 780px) {
	.jigyo{
	display:flex;
		flex-wrap:wrap;
}
	.jigyo img{
		margin-bottom:20px;
		height:200px;
	}
	.jigyo > div{
	width:100%;
}
	.jigyo > div li{
	display:block;
		margin-right:0;
		margin-bottom:10px;
}
	.top_contact{
		padding:20px;
		margin: 20px;
	}
	.top_contact p,
.top_contact a{
	font-size:16px;
}
.top_contact a{
	font-size:20px;
}
	.page_title_box{
		padding:20px 10px;
	}
}



/*--------------------*/
/*---外壁塗装LP用css---*/
/*--------------------*/
.lp_top_box_warrper{
    background-image: url('https://relife-corp.jp/wp-content/themes/hp001/img/main_visual.jpeg');
    background-size: cover;
    height:80vh;
}
.lp_top_box{
    display: flex;
    flex-wrap: nowrap;
    height:80vh;
    max-width: 1200px;
    margin:0 auto;
}
.lp_top_box > div{
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.lp_top_box > div >img{
    width:100%;
    height:auto;
    filter: drop-shadow(5px 5px 5px #333);
}
#sec02_warrper,
#sec03_warrper{
    
    padding:40px 20px;
}
.sec02bg{
    background-image: url('https://relife-corp.jp/wp-content/themes/hp001/img/bg02-04.png');
    background-size: cover;
}
.sec03bg{
    background-image: url('https://relife-corp.jp/wp-content/themes/hp001/img/bg06.png');
    background-size: cover;
}
#sec02_title{
    background-color:orange;
    position: relative;
    padding: 50px 20px;
    z-index: 1;
    color:#fff;
    margin:0;
    text-align:center;
    font-size:36px;
}

.white_page{
    width: 100%;
max-width: 800px;
    background-color:#fff;
    margin:0 auto;
    box-shadow: 0px 10px 10px rgba(0,0,0,0.5);
    padding:20px;
}
.white_page p{
font-size: 18px;
font-weight: bold;
}
.white_page h2{
    text-align: center;
}
.flex2c50{
    
    display: flex;
    flex-wrap: wrap;
    
    
}
.flex2c50 > div{
    width:50%;
    padding:10px;
}
.wall_title{
    text-align: center;
    font-size:20px;
}
.wall_title2{
    text-align: left;
    font-size:20px;
}
.big_titile{
    background-color: #4285F4;
    color:#fff;
    margin:0;
    text-align: center;
    padding:40px 20px;
    font-size:36px;
}
.flex_order > div:nth-child(1){order:1;}
.flex_order > div:nth-child(2){order:2;}
.flex_order > div:nth-child(3){order:4;}
.flex_order > div:nth-child(4){order:3;}
.flex_order > div:nth-child(5){order:5;}
.flex_order > div:nth-child(6){order:6;}
.flex_order > div:nth-child(7){order:8;}
.flex_order > div:nth-child(8){order:7;}

.flex_order h3{
    border-radius: 4px;
    background-color: #0855c7;
    color:#fff;
    padding:10px;
}

@media screen and (max-width: 780px) {

    .lp_top_box_warrper {
        height:auto;
    }
    .lp_top_box{
        flex-wrap: wrap;
        width:100%;
        height:auto;
    }
    .lp_top_box > div{
        width:100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .lp_top_box > div:nth-child(1){order:1}
    .flex2c50 > div {
        width: 100%;
    }
    .flex_order > div:nth-child(1){order:2;}
.flex_order > div:nth-child(2){order:1;}
.flex_order > div:nth-child(3){order:4;}
.flex_order > div:nth-child(4){order:3;}
.flex_order > div:nth-child(5){order:6;}
.flex_order > div:nth-child(6){order:5;}
.flex_order > div:nth-child(7){order:8;}
.flex_order > div:nth-child(8){order:7;}
.flex_order h3{margin-top:20px;}
}
.footer_contact{
    padding:20px;
    max-width: 800px;
    width: 100%;
    margin:0 auto;
}

.faq_box{
    padding:10px;
    margin-bottom:20px; 
}
.faq_box > .ques{
    margin-bottom:20px;
}
.faq_box > .ques::before{
    content: 'Q';
    color:#fff;
    background-color:#2074f1;
    text-align: center;
    border-radius: 4px;
    padding:4px 6px;
    margin-right:4px;
    font-size:24px;
    display: block;
    width:20px;
}
.faq_box > .ques > h3 {
    padding-left: 38px;
    margin-top: -32px;
    font-size:24px;
}
.faq_box > .anss::before{
    content: 'A';
    color:#fff;
    background-color:orange;
    text-align: center;
    border-radius: 4px;
    padding:4px 6px;
    margin-right:4px;
    font-size:24px;
    display: block;
    width:20px;
}
.faq_box > .anss > div {
    padding-left: 38px;
    margin-top: -32px;
    font-size:24px;
}
.faq_box > .anss > div >p {
    font-size:18px;
}

.relife_e{
    text-align: center;
    color:#0855c7;
    font-size: 36px;
}
.era_li > li{
    position: relative;
    padding-left: 25px;
    margin-bottom:10px;
    list-style: none;
}
.era_li > li:before {
    content: "";
    position: absolute;
    top: .35em;
    left: 6px;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width: 3px;
    height: 7px;
    border-right: 2px solid orange;
    border-bottom: 2px solid orange;
    }
.era_li > li:after{
content: "";
    position: absolute;
    top: .2em;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid orange;
    border-radius: 2px;
}
.telbox2{
    border-radius: 4px;
    background-color: #0855c7;
    color: #fff;
    padding:20px;
    text-align: center;
}
.telbox2 > .big_tel{
    font-size:36px;
    margin-bottom: 0;
}
.taiou{
    text-align: center;
    font-size: 20px;;
}
.flc{
    justify-content: center;
align-items: center;
}


@media screen and (max-width: 780px) {
    .relife_e {font-size: 20px;}
    #sec02_title,
    .big_titile {font-size: 24px;}
    .faq_box > .ques > h3{font-size:20px;}
}

.riyu{
    list-style: none;
}

.lp_button{
    border:2px solid #0855c7;
    border-radius: 4px;
    display: block;
    padding:4px 10px;
    text-decoration: none;
    text-align: center;
    color:#0855c7;
    font-weight: bold;

}