/*
Theme Name: renover Child2
Template: renovation
Version: 20251104
https://masamax.net
https://ja.pngtree.com/ 写真サイト
*/

body{
    height: 100%;
    max-width: 100%;
    overflow-x: hidden;
    color: #102431;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.yuGothic{
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-weight: bold;
}
.post h2, .post h2 span, .post h3, .post h3 span, .entry-title, .post .entry-title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
/*
body,
html{
    width: 100%;
    box-sizing: border-box;
    scroll-behavior: smooth;
    overflow-y: auto;
}
*/
@media print {
    body { display: none }
}
/*
#wpg-login{
    display: none;
    text-align: center;
}
.wpg-button{
  display: none;
}
*/

body.not('.page-id-122') img
{
    /* PCの右クリック禁止 */
    pointer-events: none;
    /* SPの長押し禁止 */
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-touch-callout:none;
    -moz-user-select:none;
    user-select:none;
}

body.home{
/*
    background: url(image/top-image.jpg) no-repeat;
    background-position: center top;
    background-size: cover;
*/
}
body.page-template-page-announce{
    background: url(image/announce.jpg) no-repeat;
    background-position: center center;
    background-size: 170% auto;
    background-size: cover;
}
body:has(.mypage-content),
body.page-template-page-mypage{
    background: #F5F0FE;
    background: rgba(100, 100, 100,0.5);
    background: rgba(240, 240, 240,0.8);
}
body:has(.mypage-content) #contentInner,
body.page-template-page-mypage #contentInner{
    margin-right: 0;
    box-sizing: border-box;
}
#st-ami.modal::before{
    content: '';
    display: block;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.3);
    z-index: 99;
}
.st-main.normal{
    box-sizing: border-box;
    width: 100%;
    padding: 100px 10% 0;
}
.st-main.normal .page-news-text{
    margin-top: 60px;
    margin-bottom: 60px;
}
.st-main.normal .page-news-text li{
    box-sizing: border-box;
    margin-bottom: 15px;
    width: 46%;
}
.st-main.normal .page-news-text li img{
    width: 100%;
    border-radius: 16px;
    aspect-ratio: 10 / 7;
    object-fit: cover;
}
.st-main.normal .page-news-text li .news-content{
    padding-top: 12px;
}
.st-main.normal .page-news-text li h2{
    padding-left: 0;
    padding-right: 0;
    margin-top: 0;
}
.link-action{
    cursor: pointer;
}
.post ul{
    padding: 0;
}
#gazou-wide{
    position: relative;
}
#gazou-wide .front-top-direct-type{
    position: absolute;
    top: 15%;
    right: 0;
    writing-mode: vertical-rl;
    white-space: nowrap;
}
#gazou-wide .front-top-direct-type > li{
    color: #000;
    background: rgba(255,255,255,0.7);
    font-size: 90%;
    padding: 22px 6px;
    float: left;
    border-radius: 3px 0 0 3px;
    margin-bottom: 40px;
    color: rgba( 255 , 255 , 255 , 1 );
    background: rgba( 50 , 50 , 50 , 0.6 );
}
#gazou-wide img{
    width: 100%;
}
#gazou-wide img.line-btn{
    position: absolute;
    position: fixed;
    display: block;
    left: 37%;
    bottom: 20px;
    margin: 0;
    width: 26%;
    z-index: 9999;
}
.header-link img.newsletter-btn{
    width: 95px;
}
.insert-box .close{
    background: rgba(0, 0, 0, 0.0);
    position: relative;
    text-align: right;
    cursor: pointer;
    font-weight: bold;
    font-size: 30px;
    margin: 30px 30px 30px 0;
}
a {
    text-decoration: none;
    color: #141414;
}
a:hover {
    text-decoration: underline;
    color: orange;
    color: rgba(56,103,169,1);
}
.post .scroll-area {
    position: relative;
    overflow: auto;
    width: 100%;
    max-height: 1100px;
}
.post .scroll-area table {
    margin: 0;
    border-spacing: 0;
}
.post .scroll-area table th{
    background: #fcf9f3;
    position: sticky;
    top: 0;
    left: 0;
    padding: 10px 5px;
}
.scrollbar {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}
.scrollbar .inner{
    height: 1px;
}

.toggleopen{
    cursor: pointer;
}
.toggleopen .fa{
    transition-duration: 0.3s;
}
.toggleopen.on .fa{
    transform: rotate(180deg);
    margin-bottom: -10px;
}
.post ul li:last-child{
    padding-bottom: 5px;
}
#s-navi dd.acordion_tree{
    position: relative;
    z-index: 999;
    background: rgba(255,255,255,0.7);
}
#s-navi{
    background: rgba(255,255,255,1);
}
.insert-box {
    margin-top: 0;
}
.insert-box {
    position: fixed;
    top: 1000px;
    right: 0;

    top: 0;
    right: -1200px;
    background: rgba(255, 255, 255, 1);
    background: #102431;
    padding: 15px;
    z-index: 999999;
    min-height: 100vh;
    width: 650px;
    max-width: 100%;
    transition-duration: 0.5s;
    overflow-y: auto;
    color: #333;
    color: #fff;
    box-sizing: border-box;
    opacity: 0;
}
.insert-box.insert {
    /*right: 0;*/
    top: 0;
    right: 0;
    opacity: 1;
}
.acordion_tree ul.menu li a {
    text-decoration: none;
    color: #333;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    height: 30px;
    letter-spacing: 0.05em;
    line-height: 1.4;
    margin: 0px 0px 20px 0px;
    text-align: center;
    width: auto;
    max-width: 100%;
}
.acordion_tree ul.menu li {
    border: none;
    margin-bottom: 15px;
}
.acordion_tree ul.menu li .fa{
    display: none;
}
.disno{
    display: none;
}

.main-area{
    margin-top: 10px;
    margin-top: 0;
}
#st-page{
    min-height: 500px;
}
.mainbox{
    padding-bottom: 50px;
}
/*
#side{
    position: absolute;
    top: 72px;
    left: 0;
    width: auto;
    height: 100%;
    background: rgba(255,255,255,1);
    padding: 10px 7px;
    box-sizing: border-box;
}
#side::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(139, 61, 255,0.1);
}
#side .st-aside{
    width: 68px;
    color: rgba(139, 61, 255,1);
    font-size: 12px;
    list-style: none;
    text-align: center;
    padding: 10px 3px;
    box-sizing: border-box;
    position: relative;
    height: 100%;
    z-index: 1;
}
*/
.span-require-red{
    dispaly: inline-block;
    white-space: nowrap;
    padding: 1px 5px;
    border-radius: 5px;
    background: red;
    color: #fff;
    margin-left: 3px;
}
.cl-orange,
.fa.on{
    color: orange;
}
.cl-white{
    color: #fff;
}
.font-w-bold{
    font-weight: bold;
}
.cursor-pointer{
    cursor: pointer;
}
#side .st-aside a{
    color: rgba(139, 61, 255,1);
    text-decoration: none;
}
#side .st-aside a.on .fa{
    color: #8B3DFF;
}
#side .st-aside .fa{
    display: block;
    font-size: 22px;
    color: #fff;
/*
    text-shadow: 0 0 3px #8B3DFF;
    -webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #8B3DFF;
*/
    -webkit-text-stroke: 2px #8B3DFF;
    text-stroke: 2px #8B3DFF;
}
#side .st-aside li{
    margin-bottom: 24px;
    cursor: pointer;
}
#side > div{
    width: 260px;
    position: relative;
    height: 100%;
    z-index: 1;
    padding: 10px;
    box-sizing: border-box;
    border-left: 1px solid rgba(139, 61, 255,0.2);
}
/**/
.flex-between{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: start;
    align-content: space-between;
    padding: 0;
}
.flex-between.reverse{
    flex-direction: row-reverse;
}
.flex-start{
    display: flex;
    flex-wrap: nowrap;
    align-items: start;
    align-content: start;
    padding: 0;
}
.flex-start.align-center,
.flex-between.align-center{
    align-items: center;
}
.flex-between.align-end{
    align-items: end;
}
.flex-start.wrap,
.flex-between.wrap{
    flex-wrap: wrap;
}
footer{
    background: #102431;
}
#footer,
.home #footer{
    background: #fff;
    background: #102431;
    color: #fff;
    padding: 50px 10% 10px;
}
#footer .footer-c,
#footer .footer-bottom{
    display: flex;
    flex-wrap: nowrap;
    justify-content: start;
    align-items: start;
    align-items: center;
    margin-bottom: 50px;
    max-width: 100%;
    box-sizing: border-box;
}
#footer .footer-bottom{
    padding: 0;
    align-items: center;
    width: 600px;
    width: 100%;
    flex-wrap: wrap;
}
#footer .footer-bottom li{
    padding-right: 15px;
    max-width: calc(25% - 15px);
}
#footer .footer-bottom li:last-child{
    padding-right: 0;
}
#footer .footerlogo {
}
#footer .footer-logo {
    margin-right: 10%;
}
#footer .footermenust{
    padding: 0;
}
#footer .footermenust a{
    font-size: 14px;
    color: #fff;
}
#footer p.footer-cooperating{
    font-size: 16px;
    text-align: left;
}
#footer img.footer-logo-img{
    width: 220px;
}
#footer .copy-right{
    color: #fff;
    font-size: 13px;
    text-align: center;
}
.footer-fixed-menu {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    background: rgba(139, 61, 255,0.1);
    box-sizing: border-box;
    z-index: 999;
}
.footer-fixed-menu li{
    width: 50%;
    padding: 3px;
    box-sizing: border-box;
}
.pop-area,
.pop-area2{
    padding: 20px 35px;
    background: #fff;
    width: 1000px;
    max-width: 96%;
    margin: 10px auto;
    max-height: calc(100vh - 20px);
    box-sizing: border-box;
    border-radius: 12px;
    overflow-y: auto;
}
h2{
    margin: 10px 0;
}
.pop-area h2{
    margin-top: 0;
    border: none;
    background: none;
}
.pop-area label{
    display: block;
    margin-bottom: 5px;
    font-size: 15px;
}
.pop-area .design-form{
    width: 33%;
    margin-bottom: 15px;
}
.pop-area .right-area{
    width: 63%;
    margin-bottom: 15px;
}
input[type="password"],
input[type="text"],
.tml select,
select{
    display: block;
    width: auto;
    clear: both;
    margin-bottom: 10px;
    max-height: 36px;
    padding: 5px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #999;
    background: linear-gradient(to bottom, #fff 0%, #fcf9f3 100%);
    border-radius: 8px;
    font-size: 16px;
    box-sizing: border-box;
}
.tml select{
    line-height: normal;
}
select.design2{
    display: block;
    width: auto;
    clear: both;
    margin-bottom: 10px;
    max-height: 36px;
    padding: 7px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: linear-gradient(to bottom, #fcf9f3 0%, #ccc 100%);
    border-radius: 8px;
    font-size: 15px;
    box-sizing: border-box;
}

.lity{
    background: rgba(50,50,50,0.3);
    z-index: 999999;
}
.lity-content{
}
.lity-content:after {
    content: '';
    box-shadow: none;
}
.lity form {
    overflow-y: auto;
    background: #fff;
    padding: 15px 20px 15px;
}
.lity form h2
 {
    color: #fff;
    background: #258de0;
    border: none;
}
.lity form table tr th,
.lity form table tr td{
    border: none;
}
.lity form table tr{
    border-bottom: 1px solid #aaa;
}

.cl-white{
    color: #fff;
}
.post ul,
ul{
    list-style: none;
}
.home h1{
    font-size: 300%;
    margin: .45em 0;
}
h1 {
    font-size: 2.4em;
}
h1.contract-h1{
    font-size: 180%;
    font-weight: normal;
    margin-top: 0;
    padding-top: 0;
}
h2{
    background: none;
    border: none;
}
.font-weight-bold{
    font-weight: bold;
}
.fs80p{
    font-size: 80%;
}
.fs90p{
    font-size: 90%;
}
.fs110p{
    font-size: 110%;
}
.fs120p{
    font-size: 120%;
}
.fs130p{
    font-size: 130%;
}
.fs140p{
    font-size: 140%;
}
.fs150p{
    font-size: 150%;
}
.fs160p{
    font-size: 160%;
}
.fs170p{
    font-size: 170%;
}
.fs180p{
    font-size: 180%;
}
.fs190p{
    font-size: 190%;
}
.fs200p{
    font-size: 200%;
}
.mgl10{
    margin-left: 10px;
}
.mgl15{
    margin-left: 15px;
}
.mgl20{
    margin-left: 20px;
}

.mgt10{
    margin-top: 10px;
}
.mgt20{
    margin-top: 20px;
}
.mgt30{
    margin-top: 30px;
}
.mgt40{
    margin-top: 40px;
}
.mgt50{
    margin-top: 50px;
}
.mgt60{
    margin-top: 60px;
}
.mgt70{
    margin-top: 70px;
}
.mgt80{
    margin-top: 80px;
}
.mgt90{
    margin-top: 90px;
}
.mgt100{
    margin-top: 100px;
}
.mgt110{
    margin-top: 110px;
}
.mgt120{
    margin-top: 120px;
}

.mgt125{
    margin-top: 125px;
}
.mgt-front-top{
    margin-top: 90px;
}
.mgb10{
    margin-bottom: 10px;
}
.mgb20{
    margin-bottom: 20px;
}
.mgb30{
    margin-bottom: 30px;
}
.mgb40{
    margin-bottom: 40px;
}
.mgb50{
    margin-bottom: 50px;
}
.mgb60{
    margin-bottom: 60px;
}
.mgb70{
    margin-bottom: 70px;
}
.mgb80{
    margin-bottom: 80px;
}
.mgb90{
    margin-bottom: 90px;
}
.mgb100{
    margin-bottom: 100px;
}
.mgb110{
    margin-bottom: 110px;
}
.mgb120{
    margin-bottom: 120px;
}
.mgb130{
    margin-bottom: 130px;
}

.mgr10 {
    margin-right: 10px;
}
.mgr20 {
    margin-right: 20px;
}
.padr10 {
    padding-right: 10px;
}

input.wid120px,
.wid120px{
    width: 120px !important;
}
.post .wid48,
input[type="text"].wid48,
input.wid48,
.wid48{
    width: 48% !important;
}
.wid-auto{
    width: auto;
}
p.center{
    text-align: center;
    padding-bottom: 0;
}
p.tleft{
    text-align: left !important;
}
p.tright{
    text-align: right;
}
/*front*/
header{
    background: #fff;
/*
    padding: 25px 75px 25px 75px;
*/
}
#headbox-bg{
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(255,255,255,0.7);
    z-index: 9999;
}
#headbox-bg img.icon1,
#headbox-bg img.icon2,
#headbox-bg img.icon3{
    width: 44px;
    height: auto;
}
#headbox-bg img.icon4{
    width: 24px;
    height: auto;
    margin: 0 0 0 0;
}
#header-bg{
    align-items: center;
    flex: none;
    flex-direction: row;
    flex-wrap: nowrap;
    height: 55px;
    justify-content: space-between;
    position: relative;
/*
    width: calc(100% - 150px);
    z-index: 5;
    max-width: calc(100% - 150px);
*/
}
#header-l{
    width: 100%;
    padding: 6px 0;
}
header .sitename{
    margin: 0;
}
header p.sitename,
header .sitename{
    padding: 6px 0 ;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0.04em;
    line-height: 1.2;
}
header p.sitename ,
#header-l h1{
    color: #141414;
    font-size: 28px;
    font-weight: 600;
    height: auto;
    letter-spacing: 0.04em;
    line-height: 1.1;
    text-align: left;
    width: auto;
    max-width: 100%;
    max-width: 170px;
    justify-content: flex-start;
    padding: 6px 0 ;
}

#gazou-wide{
    position: relative;
/*
    max-height: 100vh;
*/
    height: auto;
    overflow: visible;
    overflow: hidden;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
}
#gazou-wide img.top-img{
    position: relative;
    margin: 0;
    width: 100%;
    aspect-ratio: 150 / 93;
    object-fit: cover;
}
#gazou-wide .top-form-box{
    position: absolute;
    left: 5%;
    top: 10%;
    display: inline-block;
    background: #fff;
    border-radius: 16px;
    width: 29%;
    padding: 25px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
}
#gazou-wide .top-form-box .access-form-tabs{
    border: none;
    margin-bottom: 16px;
}
#gazou-wide .top-form-box .access-form-tabs li{
    cursor: pointer;
    border-radius: 8px 8px 0 0;
    padding: 7px 15px;
    text-align: center;
    background: rgba(150,150,150,0.5);
    width: 48%;
    box-sizing: border-box;
}
#gazou-wide .top-form-box .access-form-tabs li.on{
    background: #8B3DFF;
    color: #fff;
    cursor: pointer;
}

#gazou-wide .top-form-box h2{
    padding: 0;
}
#gazou-wide .top-form-box input{
    padding: 15px 10px 15px 15px;
    width: 100%;
    max-height: 54px;
    box-sizing: border-box;
    margin-top: 10px;
    transition-duration: 0.4s;
}
#gazou-wide .top-form-box input:hover{
    background: #141414;
}
#gazou-wide .top-form-box select{
    max-height: 56.5px;
    padding: 15px 10px 15px 15px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
}

#gazou-wide .inner-text{
    position: absolute;
    top: 25%;
    left: 75px;
}
#gazou-wide .inner-text p{
    color: #fff;
}
#gazou-wide .inner-text p.title{
    color: #FFFFFF;
    font-size: 48px;
    font-weight: 700;
    height: auto;
    letter-spacing: 0.05em;
    line-height: 1.4;
    margin: 0px 0px 75px 0px;
    text-align: left;
    width: 100%;
    max-width: 100%;
}
#gazou-wide .inner-text p.sub-text,
#gazou-wide .inner-text p.spec,
#gazou-wide .inner-text p.price-tag{
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 600;
    height: auto;
    letter-spacing: 0.05em;
    line-height: 1.4;
    text-align: left;
    width: 100%;
    max-width: 100%;
    margin-bottom: 6px;
}
#gazou-wide .inner-text p.price{
    color: #FFFFFF;
    font-size: 36px;
    font-weight: 700;
    height: auto;
    letter-spacing: 0.05em;
    line-height: 1.4;
    margin: 0px 0px 50px 0px;
    text-align: left;
    width: 100%;
    max-width: 100%;
}

.header-link{
    margin-left: auto;
}
.header-link a{
    text-decoration: none;
    color: #141414ff;
    font-size: 18px;
    font-weight: 600;
    height: auto;
    letter-spacing: 0.04em;
    line-height: 1.4;
    margin: 0px 0 0px 0px;
    text-align: left;
    width: auto;
    padding: 3px 15px;
}
.header-link a.r-border{
    border-right: 1px solid #333;
}
.header-link a:hover{
    text-decoration: underline;
}
p.p-slash{
    margin: 0 7px 0 3px;
    color: #141414ff;
    font-size: 18px;
    font-weight: 600;
    height: auto;
    letter-spacing: 0.04em;
    line-height: 1.4;
    text-align: left;
    width: auto;
}
.menu-icon{
    color: #999;
    font-size: 18px;
    cursor: pointer;
    margin-left: 15px;
    padding: 20px 0 20px 20px;
}
.section-box{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    max-width: 92%;
}
.section-box.service-info{
    background: url(image/service-bg.jpg);
    background-position: center top;
    background-size: 100% auto;
    color: #fff;
    box-sizing: border-box;
    padding: 50px 5%;
}
.section-box.flow-info{
    background: url(image/service-bg.jpg);
    background-position: center top;
    background-size: 100% auto;
    color: #fff;
    box-sizing: border-box;
    padding: 50px 5% 20px;
}
.section-box.flow-info .icon-cover{
    width: 8.5%;
    margin: 0 3% 0 5%;;
}
.section-box.flow-info .arrow-icon{
    width: 100%;
}
.section-box.flow-info .flow-icon{
    width: 20%;
}
.section-box.flow-info .flow-text{
    margin-bottom: 0;
}
.section-box.flow-info .flow-text li{
    font-size: 108%;
    margin-bottom: 8px;
}
.section-box.flow-info .flow-text li:last-child{
    margin-bottom: 0;
}
.section-box.flow-info2{
    box-sizing: border-box;
    padding: 50px 5%;
}
.section-box.flow-info h2{
    text-align: center;
    color: #fff;
    font-size: 200%;
    margin-bottom: 40px;
}
.section-box.flow-info2 h2{
    font-size: 180%;
}
.section-box.flow-info h3{
    color: #fff;
    border: none;
    margin: 0 0 10px 0;
}

.service-infomation-text li{
    width: 45%;
    box-sizing: border-box;
    padding: 10px 2%;
}
.service-infomation-text li .num{
    text-align: center;
    width: 100%;
    display: block;
    font-size: 200%;
    font-weight: bold;
    font-family: 'Oswald';
}
h2.quality-h2 .num{
    text-align: center;
    display: inline-block;
    font-weight: bold;
    font-family: 'Oswald';
    margin-right: 6px;
    font-size: 120%;
}
h2.quality-h2{
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0;
    margin-bottom: 10px;
    padding: 28px 0;
    font-size: 100%;
}
h2.quality-h2::before{
    position: absolute;
    display: inline-block;
    width: 50px;
    height: 100%;
    left: calc(100% + 18px);
    top: 0;
    content: '';
    background: url(image/icon/h2-icon-q1.png) no-repeat;
    background-size: auto 100%;
    background-position: left center;
}
h2.quality-h2.icon2::before{
    background: url(image/icon/h2-icon-q2.png) no-repeat;
    background-size: auto 100%;
    background-position: left center;
}
h2.quality-h2.icon3::before{
    background: url(image/icon/h2-icon-q3.png) no-repeat;
    background-size: auto 100%;
    background-position: left center;
}

.service-infomation-text li h3{
    border: none;
    color: #fff;
    padding: 0;
}

.section-box.service-info h2{
    text-align: center;
    font-size: 200%;
    color: #fff;
}
.section-box h2.h2-type1{
    text-align: center;
    font-size: 240%;
    margin-bottom: 50px;
}
.section-box h2.h2-type1 .h2-sub{
    font-size: 75%;
}
.section-box h2.h2-type1 .h2-sub .num{
    font-size: 130%;
    padding: 0 10px;
}
.section-box h2.h2-type2{
    line-height: 1;
    font-size: 240%;
}
.section-box h2.h2-type2 img.logo-title{
    max-width: 204px;
    max-width: 170px;
    margin-left: 12px;
    margin-left: 15px;
}
.top-sns-box{
    width: 900px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    border: 1px solid #102431;
    border-radius: 14px;
    box-sizing: border-box;
    padding: 35px 5% 25px;
    text-align: center;
}
.page-add-box{
    width: 900px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    border: none;
    border-radius: 14px;
    box-sizing: border-box;
    padding: 35px 5% 25px;
    padding: 35px 0 25px;
    text-align: center;
}

.top-sns-box img.title-logo{
    width: 52%;
    width: 40%;
    margin-bottom: 35px;
}
.top-sns-box ul{
    width: 41%;
    margin: 0 auto;
}
.top-sns-box ul li{
    padding-right: 50px;
}
.top-sns-box ul li:last-child{
    padding-right: 0;
}

.section-box-full{
    margin: 0;
    width: 100%;
    overflow: hidden;
}
.section-box-full.add-mgb{
    margin-bottom: 50px;
}
.section-box-full img{
    width: 100%;
}

.content-slider-area {
    display: flex;
    width: 400%;
    height: 45vh;
}
.content-slider-area li{
    width: auto;
    height: 100%;
    margin-right: 25px;
}
.content-slider-area li img {
    width: auto;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
}
.designer-slider-area{
    position: relative;
    margin-right: -25px;
}
.designer-slider-area li{
    margin-right: 25px;
}
.designer-slider-area li img{
    width: 100%;
    aspect-ratio: 171 / 200;
    object-fit: cover;
}
.designer-slider-area li p{
    font-size: 100%;
    margin: 8px 0 0;
    line-height: 1;
}
.designer-slider-area img.slick-arrow{
    width: 31px;
    height: auto;
    position: absolute;
    top: calc(50% - 31px) ;
    cursor: pointer;
}
.designer-slider-area img.slick-arrow.left{
    left: -75px;
}
.designer-slider-area img.slick-arrow.right{
    right: -50px;
}
.section-box .front-search-form{
    width: 1200px;
    max-width: 96%;
    box-sizing: border-box;
    padding: 20px 5% 35px;
    display: block;
    margin: 75px auto;
    border: 1px solid #333;
    border-radius: 16px;
}
.section-box .front-search-form .form-inner{
    margin: 25px auto;
}
.section-box .front-search-form .form-inner select{
    width: 31.5%;
}
.section-box .faq-box{
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 96%;
    max-width: 913px;
}
.section-box .faq-box h2{
    font-size: 40px;
    margin-bottom: 30px;
}
.section-box .front-search-form h1,
.section-box h2{
    padding: 0;
    color: #102431;
    font-size: 24px;
    font-weight: 900;
    height: auto;
    line-height: 1.4;
    text-align: left;
    width: auto;
    max-width: 100%;
}
.section-box .front-search-form h1,
.section-box .front-search-form h2{
    text-align: center;
}
.section-box ul.ul-top-text li{
    position: relative;
    width: calc(100% / 3);
    padding: 40px 3%;
    box-sizing: border-box;
}
.section-box ul.ul-top-text li::before{
    position: absolute;
    content: '';
    display: block;
    width: 1px;
    background: #102431;
    top: 50px;
    right: 0;
    height: calc(100% - 90px);
}
.section-box ul.ul-top-text li:nth-child(3n)::before{
    background: none;
}
.section-box ul.ul-top-text li:nth-child(-n + 3){
    border-bottom: 1px solid #102431;
}
.section-box ul.ul-top-text li .num{
    font-weight: bold;
    font-size: 28px;
    width: 55px;
    margin-top: 24px;
    line-height: 1.4;
}
.section-box ul.ul-top-text li h2.{

}
.section-box.front-newsletter{
    border-top: 1px solid #102431;
    border-bottom: 1px solid #102431;
    padding: 40px 0;
    margin: 40px auto 80px;
}
.section-box ul.top-news-text li{
    position: relative;
    width: 50%;
    padding: 20px 3%;
    box-sizing: border-box;
}
.section-box ul.top-news-text li img{
    width: 30%;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    border-radius: 12px;
}
.section-box ul.top-news-text li .news-content{
    padding: 0 3.5%;
    box-sizing: border-box;
}
.section-box ul.top-news-text li h2{
    font-size: 20px;
}
.section-box ul.top-infomation-text li{
    width: 30%;
}
.section-box ul.top-infomation-text li img{

}
.section-box ul.top-infomation-text li img.step-icon{
    width: 26%;
    margin-right: 4%;
}
.section-box ul.top-infomation-text li span.step-num{
    font-size: 60px;
    color: #B5B5B6;
    font-weight: bold;
    line-height: 1.4;
    margin-right: 7%;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.section-box ul.top-infomation-text.service{
    border-left: 1px solid #B5B5B6;
    margin-bottom: 90px;
}
.section-box ul.top-infomation-text.service li{
    border: 1px solid #B5B5B6;
    border-left: none;
    box-sizing: border-box;
    width: calc(100% / 3);
    padding: 20px 25px;
}
.section-box p,
.section-box ul.top-infomation-text li p{
    font-size: 16px;
}
.section-box .center{
    text-align: center;
}

.home ul.ul-template-list{
    padding: 0;
}
.link-mypage{
    background: #fff;
    color: #141414;
    padding: 3px 20px 2px;
    border-radius: 16px;
    border: 1px solid #141414;
    text-decoration: none;
    white-space: nowrap;
    transition-duration: 0.4s;
}
.link-mypage.type2{
    background: rgba(0, 0, 0, 0.0);
    border-bottom: 1px solid #141414ff;
    border-left: 1px solid #141414ff;
    border-radius: 64px;
    border-right: 1px solid #141414ff;
    border-top: 1px solid #141414ff;
    box-shadow: 3px 3px 0px #141414ff;
    padding: 15px 45px;
    width: auto;
    max-width: 100%;
}

.link-mypage.fw-bold{
    padding: 5px 20px 4px;
    font-weight: bold;
}
.link-mypage:hover{
    background: #141414;
    color: #fff;
    text-decoration: none;
}
hr.line{
    display: block;
    background: rgba(0, 0, 0, 0.0);
    border-bottom: 0px solid #c1c1c1ff;
    border-left: 0px solid #c1c1c1ff;
    border-right: 0px solid #c1c1c1ff;
    border-top: 1px solid #c1c1c1ff;
    height: 10px;
    width: 94%;
    margin-left: auto;
    margin-right: auto;
}
hr.line100{
    display: block;
    background: rgba(0, 0, 0, 0.0);
    border-bottom: 0px solid #c1c1c1ff;
    border-left: 0px solid #c1c1c1ff;
    border-right: 0px solid #c1c1c1ff;
    border-top: 1px solid #c1c1c1ff;
    height: 10px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
hr.line-w{
    display: block;
    background: rgba(0, 0, 0, 0.0);
    border-bottom: 0px solid #fff;
    border-left: 0px solid #fff;
    border-right: 0px solid #fff;
    border-top: 2px solid #fff;
    height: 2px;
    width: 100%;
    margin: 10px auto;
}

.num-image{
    color: #141414ff;
    font-size: 90px;
    font-weight: 600;
    height: auto;
    letter-spacing: 0.04em;
    line-height: 1.4;
    margin: 7% auto 0px;
    overflow-x: visible;
    overflow-y: visible;
    text-align: left;
    width: auto;
    max-width: 100%;
}
section.type2 .left-box,
section.type2 .right-box{
    width: 50%;
    box-sizing: border-box;
    margin-bottom: 10px;
}
section.type2 .left-box{
    padding: 0 10% 0 5%;
}
section.type2 .left-box h2{
    font-size: 28px;
    font-weight: 700;
    height: auto;
    letter-spacing: 0.03em;
    line-height: 1.6;
    margin: 0px 0px 60px 0px;
    text-align: left;
    padding: 0;
}
section.type2 .left-box p{
    color: #141414ff;
    font-size: 18px;
    font-weight: 500;
    height: auto;
    letter-spacing: 0.03em;
    line-height: 1.6;
    margin: 0px 0px 45px 0px;
    text-align: left;
    width: 100%;
}
section.type2 .right-box img{
    width: calc(50% - 4px);
    margin-bottom: 8px;
}
section.type2 {
    padding: 20px 7%;
}
section.type3{
    padding: 0 10.5% 20px;
}
section.type3 h2{
    color: #141414ff;
    font-size: 40px;
    font-weight: 900;
    height: auto;
    letter-spacing: 0.05em;
    line-height: 1.4;
    text-align: left;
    width: auto;
    max-width: 100%;
    padding: 0;
    margin: 0;
}
.type3 .service-box {
    background: #f8f9fbff;
    border-radius: 24px;
    margin-top: 50px;
    padding: 45px;
    box-sizing: border-box;
}
section.type3 .content90p{
    width: 90%;
    margin: auto;
}
section.type3 .content90p .left-content,
section.type3 .content90p .right-content{
    background: #f4f4f4ff;
    border-bottom: 0px solid #c1c1c1ff;
    border-left: 0px solid #c1c1c1ff;
    border-radius: 24px;
    border-right: 0px solid #c1c1c1ff;
    border-top: 0px solid #c1c1c1ff;
    height: 100%;
    margin: 0px 0px 0px 0px;
    padding: 50px;
    width: 45%;
    max-width: 45%;
    box-sizing: border-box;
}
section.type3 .content90p h3{
    color: #141414ff;
    font-size: 36px;
    font-weight: 700;
    height: auto;
    letter-spacing: 0.03em;
    line-height: 1.6;
    text-align: left;
    width: auto;
    max-width: 100%;
    border: none;
}
section.type3 .content90p p{
    color: #141414ff;
    font-size: 24px;
    font-weight: 600;
    height: auto;
    line-height: 1.6;
    margin: 75px 0px 0px 0px;
    text-align: left;
    width: 100%;
    max-width: 100%;
}

.type3 .service-box img{
    width: calc(55% - 15px);
    margin-right: 15px;
}
.type3 .service-box h3{
    margin: 50px 0 50px 0;
    padding: 0;
    color: #141414ff;
    font-size: 25px;
    font-weight: 800;
    height: auto;
    letter-spacing: normal;
    line-height: 1.4;
    width: auto;
    max-width: 100%;
    border: none;
}
.type3 .service-box h3.mgt0{
    margin-top: 0;
}
.type3 .service-box p{
    color: #141414ff;
    font-size: 18px;
    font-weight: 700;
    height: auto;
    letter-spacing: 0.05em;
    line-height: 1.4;
    width: auto;
    max-width: 100%;
}
.type3 .service-box .right-box{
    padding: 5px 2px 5px 18px;
    box-sizing: border-box;
}
.type3 .design-box{
    margin-bottom: 50px;
}
.type3 .design-box img{
    width: 70%;
}
.type3 .design-box .right-box{
    width: 30%;
    padding: 5px 5px 5px 30px;
    box-sizing: border-box;
}
.type3 .design-box .right-box h3{
    margin-top: 0;
    padding-top: 2px;
    color: #141414ff;
    font-size: 64px;
    font-weight: 700;
    height: auto;
    line-height: 1;
    text-align: left;
    width: auto;
    max-width: 100%;
}
.type3 .design-box .right-box p{
    color: #141414ff;
    font-size: 18px;
    font-weight: 600;
    height: auto;
    letter-spacing: 0.03em;
    line-height: 1.6;
    text-align: left;
    width: auto;
    max-width: 100%;
}
.start-p{
    color: #141414ff;
    font-size: 20px;
    font-weight: 800;
    height: auto;
    letter-spacing: 0.03em;
    line-height: 1.4;
    margin: 0px 0px 0px 0px;
    text-align: center;
    width: 100%;
    max-width: 100%;
}
.type4{
    width: 792px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.type4 p{
    color: #141414ff;
    font-size: 24px;
    font-weight: 600;
    height: auto;
    letter-spacing: 0.03em;
    line-height: 1.6;
    margin: 0px 0px 25px 0px;
    text-align: left;
    width: 100%;
    max-width: 100%;
}
/**/
#comments input[type="submit"],
label.default-label,
.btn-primary,
input.default-btn,
input[type="submit"],
input.design-regist-btn,
input.mypage-btn{
    background: #8B3DFF;
    color: #fff;
    border: 2px solid #8B3DFF;
    border-radius: 16px;
    border-radius: 20px;
    background: #102431;
    color: #fff;
    border: 2px solid transparent;

    text-align: center;
    min-width: 200px;
    display: block;
    margin: auto;
}
input[type="submit"].style2{
    display: block;
    background: #102431;
    padding: 6px;
    color: #fff;
    border: none;
    border-radius: 8px;
    text-align: center;
    min-width: 180px;
    margin: 0 auto;
}

#st-page .entry-title
 {
    display: flex;
    align-items: center;
}
input[type="button"].popup-btn
 {
    text-align: center;
    font-size: 100%;
    font-weight: 200;
    padding: 6px 22px;
    color: #fff;
    text-shadow: 1px 1px 1px #999;
    background-image: linear-gradient(#80aad2, #5971a1, #282961);
    border-radius: 7px;
    border: none;
    box-shadow: 1px 1px 1px #999;
    white-space: nowrap;
    box-sizing: border-box;
    font-size: 14px;
    display: inline-block;
    max-width: 160px;
    font-weight: bold;
}
input[type="submit"].calendar-btn,
input[type="button"].calendar-btn
 {
    padding: 6px 22px;
    color: transparent;
    border: none;
    display: block;
    width: 320px !important;
    max-width: 80%;
    background: url(image/mypage/request-btn.png);
    background-size: 100% auto;
    background-position: center center;
    margin: 30px auto 10px;
    aspect-ratio: 16 / 3;
}

label.default-label{
    display: block;
    text-align: center;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    cursor: pointer;
}

.btn-primary.bg-gray{
    background: #aaa;
}
.btn-primary{
    display: inline-block;
    padding: 2px 18px;
    cursor: pointer;
}
input[type="submit"]{
    padding: 4px 12px;
    padding: 10px 12px;
}
input.type2-btn{
    background: #fff;
    color: #8B3DFF;
    border: 2px solid #8B3DFF;
    border-radius: 8px;
}
.post table,
.post table tr,
.post table tr th,
.post table tr td
{
    background: none;
    border: none;
    font-size: 16px;
}
.post table th{
    text-align: right;
}
.post table th.center{
    text-align: center;
}
.post table.msg-table tr th,
.post table.msg-table tr td{
    vertical-align: middle;
}
/*care*/
.section-box h2.care-h2{
    position: relative;
    padding-left: 0;
}
.section-box h2.care-h2 span{
    font-size: 160%;
    display: inline-block;
    width: auto;
    margin-right: 4px;
}
/*
.section-box h2.care-h2::before{
    display: flex;
    align-items: start;
    position: absolute;
    content: '\025A0';
    width: 24px;
    top: -17px;
    left: 0;
    font-size: 170%;
}
*/
.section-box .ul-care-text li p{
    margin-bottom: 2px;
}
.ul-care-box li{
    width: 32%;
    box-sizing: border-box;
    padding: 15px 10px;
    border-radius: 16px;
    background: #F0EEEF;
    border: 1px solid #102431;
    margin-bottom: 20px;
}
.ul-care-box li img{
    width: auto;
    height: 46.7%;
    width: 20%;
    height: auto;
    margin-right: 5%;
    aspect-retio: 56 / 65;
    object-fit: cover;
}
.ul-care-box li:nth-child(3) img{
    width: 15%;
}
.ul-care-box li div{
    width: 75%;
}
.ul-care-box li div h3{
    border: none;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
}
/*mypage*/
.ul-template-list li{
    width: 24%;
    margin-bottom: 30px;
}
.ul-template-list.ver2 li{
    width: 32%;
    margin-bottom: 30px;
}

.ul-template-list li .img-area{
    position: relative;
    overflow: hidden;
    aspect-ratio: 315 / 200;
    border-radius: 12px;
    z-index: 1;
    transition-duration: 0.4s;
}
.ul-template-list li .img-area h3.inner-h3{
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #fff;
    border: none;
    margin: 0;
    font-size: 16px;
}
.ul-template-list li .img-area img{
    aspect-ratio: 315 / 200;
    object-fit: cover;
    transition-duration: 0.4s;
}
.ul-template-list.ver2 li .img-area{
    overflow: hidden;
    aspect-ratio: 437 / 446;
    border-radius: 0;
    z-index: 1;
    transition-duration: 0.4s;
}
.ul-template-list.ver2 li .img-area img{
    aspect-ratio: 437 / 446;
    object-fit: cover;
    transition-duration: 0.4s;
}

img.ar551-380{
    aspect-ratio: 551 / 380;
    object-fit: cover;
}
.ul-template-list li .img-area:hover img {
    transform: scale(1.1); /* 拡大 */
}
.ul-template-list li .content-area h3{
    color: #c1c1c1ff;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    height: auto;
    line-height: 1.4;
    text-align: left;
    width: auto;
    max-width: 100%;
    padding: 0;
    margin: 20px 0 5px;
    border: none;
    white-space: nowrap;
}
.ul-template-list li .content-area h3 .arrow{
    display: inline-block;
    margin-left: 10px;
    vertical-align: top;
    color: transparent;
    background: url(image/arrow.png) no-repeat;
    background-size: 100% auto;
    background-position: center center;
}
.ul-template-list.ver2 li .content-area h3{
    margin-bottom: 20px;
}
.ul-template-list.ver2 li .content-area{
    display: block;
    background: #102431;
    padding: 15px 20px 10px;
    box-sizing: border-box;
}
.ul-template-list li .content-area .detail{
    color: #666666;
    color: #fff;
    font-size: 14px;
    height: auto;
    line-height: 1.4;
    text-align: left;
    width: auto;
    max-width: 100%;
}
.ul-template-list li .content-area .detail.mgb10{
    margin-bottom: 5px;
}
.ul-template-list.ver2 li .content-area .detail{
    color: #333333;
    color: #fff;
    font-size: 16px;
    font-weight: 800;
}
.ul-template-list li .content-area p{
    color: #fff;
    margin: 0;
    padding: 0;
}
.ul-template-list li .content-area .price{
    color: #666666;
    color: #fff;
    font-size: 14px;
    height: auto;
    letter-spacing: normal;
    line-height: 1.4;
    text-align: left;
    width: auto;
    max-width: 100%;
}
.ul-template-list.ver2 li .content-area .price{
    color: #333333;
    color: #fff;
    font-size: 32px;
    font-weight: 800;
}

.post ul.design-title li h2,
.design-title li h2{
    color: #aaa;
    margin-bottom: 0;
    cursor: pointer;
}
.post ul.design-title li.on h2,
.design-title li.on h2{
    color: #1a1a1a;
}
.post ul.design-title li.on,
.design-title li.on{
    border-bottom: 3px solid #333;
}
.left-box,
.right-box{
    width: 50%;
}
/*madori*/
.post ul.madori-menu{
    width:100%;
    min-height: 20px;
    padding: 2px 12px;
    margin-bottom: 10px;
    background: none;
    box-sizing: border-box;
    border-radius: 3px;
}
.madori-menu li{
    display: inline-block;
    width: auto;
    padding: 4px 4px;
    cursor: pointer;
    margin-right: 12px;
    min-width: 50px;
}
.madori-menu li .fa{
    margin-right:7px;
}
.canvas-area{
    position: relative;
}
.canvas-area p,
.madori-control p{
    margin-bottom: 10px;
}
.madori-control p{
    width: 49%;
    cursor: pointer;
    text-align: center;
    padding: 5px 1px;
    border-radius: 6px;
    background: #ccc;
    box-sizing: border-box;
}
.canvas-area .data-area{
    position: absolute;
    background: #fff;
    right:0;
    bottom: 0;
    width: 150px;
}
.canvas-area .data-area .toggle-tab{
    width: 100%;
    padding: 4px;
    text-align: center;
    background: #8B3DFF;
    color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 6px 6px 0 0;
}
.canvas-area .data-area .toggle-content{
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
#canvas{
    background: url('madori/bg.png');
    background-size: 100% auto;
}
.madori-side-box,
.madori-box,
.madori-control{
    width: 260px;
    max-width: 100%;
    margin-left: 0;
    display: block;
}
.madori-st-box,
.madori-st-control .madori-box,
.madori-st-control .madori-control{
    width: 100%;
}
.madori-side-box,
.madori-control{
    margin-left: 4px;
}
.madori-box .tabs,
.madori-control .tabs{
    width: 100%;
    list-style: none;
    padding: 0;
    margin-bottom: 5px;
}
.madori-box .tabs li,
.madori-box .tabs li:last-child,
.madori-control .tabs li:last-child,
.madori-control .tabs li{
    background: #ccc;
    border-radius: 5px;
    margin-bottom: 5px;
    text-align :center;
    cursor: pointer;
    width: 49%;
    padding: 5px;
    box-sizing: border-box;
}
.madori-box .tabs li.on,
.madori-control .tabs li.on{
    background: #8B3DFF;
    color: #fff;
    border-radius: 5px;
    margin-bottom: 5px;
}
.madori-box .tabs-content,
.madori-control .tabs-content{
    width: 100%;
    padding: 5px 0;
    box-sizing: border-box;
}
.madori-box .tabs-content li,
.madori-control .tabs-content li{
    width: 100%;
    min-height: 300px;
    padding: 10px;
    box-sizing: border-box;
    background: #fff;
}
.madori-box .tabs-content li{
    background: rgb(95,96,93);
    border-radius: 10px;
}
.madori-box .tabs-content li dl{
    color: #fff;
    padding: 10px;
}
.madori-control .tabs-content .text-new{
    display: block;
    margin-bottom: 10px;
}
.madori-control .tabs-content li img{
    cursor: pointer;
}
/*table*/
.lity table.normal-table,
.lity table.normal-table th,
.lity table.normal-table td,
.post table.normal-table,
.post table.normal-table th,
.post table.normal-table td{
    font-size: 16px;
    vertical-align: middle;
}
.post table.normal-table td.on{
    background: rgba(56,103,169,1);
    color: #fff;
}
.lity table.normal-table th{
    background: #fcf9f3;
}
.lity table.normal-table,
.lity table.normal-table th,
.lity table.normal-table td{
    border: none;
}
.lity table.normal-table tr{
    border-bottom: 1px; solid #888;
}

/*news*/
.post ul.ul-post-page {
    padding: 0 10px;
    box-sizing: border-box;
    width: 100%;
}
.post ul.ul-post-page li{
    padding: 15px;
    border-radius: 12px;
    background: #eee;
    margin-bottom: 25px;
    box-sizing: border-box;
}


.invisible {
	transition: opacity 0.5s ease;
	opacity: 0.0;
}
.visible {
	transition: opacity 0.5s ease;
	opacity: 1.0;
}

/*
* Animations
*/

.fromTopIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0,0);
	opacity: 1.0;
}

.fromTopOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0,-20px);
	opacity: 0.0;
}

.fromBottomIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0,0);
	opacity: 1.0;
}

.fromBottomOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0,20px);
	opacity: 0.0;
}

.fromLeftIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0,0);
	opacity: 1.0;
}

.fromLeftOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(-20px,0);
	opacity: 0.0;
}

.fromRightIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0,0);
	opacity: 1.0;
}

.fromRightOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(20px, 0);
	opacity: 0.0;
}

.scaleUpIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.scaleUpOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: scale(1.3,1.3);
	opacity: 0.0;
}

.scaleDownIn
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: scale(1.0,1.0);
	opacity: 1.0;
}

.scaleDownOut
{
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: scale(0.7,0.7);
	opacity: 0.0;
}
/**/
.relative-frame{
    position: relative;
}
.relative-frame .fa{
    color: red;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px;
    cursor: pointer;
    font-size: 20px;
}

/*builder*/
.ul-page-shop .content-li {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #aaa;
}
.ul-page-shop .content-li .cont-text {
    width: 60%;
    box-sizing: border-box;
    font-size: 13px;
    padding: 6px 12px;
    border-radius: 10px;
    /* background: rgba(29, 161, 242, 0.2); */
    margin: 16px 0 8px;
    border: 1px solid #aaa;
    /* box-shadow: 2px 2px 2px rgb(50 50 50 / 30%); */
    transition: 0.5s;
}
.ul-page-shop .content-li .cont-text.line-clamp4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden; 
    transition: 0.5s;
}
.post ul.ul-page-shop .bottom-area h3 {
    padding: 5px 0;
    margin: 10px 0 0 0;
    font-size: 14px;
    border: none;
}
.post ul.ul-page-shop .bottom-area p {
    padding: 5px 0;
    font-size: 12px;
    margin-bottom: 0;
    line-height: 110%;
}
.post ul.ul-page-shop .top-area img {
    width: calc(100% / 5);
}
.post ul.ul-page-shop .bottom-area p.fs16 {
    font-size: 16px;
}

/*terms-label*/
.template-terms label {
    display: inline-block;
    background: #fff;
    color: #141414;
    border-radius: 24px;
    height: 30px;
    line-height: 30px;
    margin: 0 0 8px 0;
    padding: 0;
    width: 90px;
    border: 1px solid #141414;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
}
.template-terms input:checked + label {
    background: #141414;
    color: #fff;
}
.term-title{
    position: relative;
    text-align: center;
    overflow: hidden;
}
.term-title .name{
    position: relative;
    font-size: 16px;
    font-weight: 600;
    background: #fff;
    padding: 0 12px;
    z-index: 1;
}
.term-title::after{
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    border-bottom: 1px solid #141414;
}

ul.border-ul li{
    border: 2px solid transparent;
}
ul.border-ul li.on{
    border: 2px solid orange;
}
#page-top {
    position: fixed;
    z-index: 9999;
    bottom: 20px;
    right: 10px;
    font-size: 20px;
}
#page-top a {
    text-decoration: none;
    background: url(image/btn_pagetop.svg) no-repeat;
    background-size: 100% auto;
    background-position: center center;
    color: transparent;
    padding: 20px;
    text-align: center;
    display: block;
    -moz-opacity: 0.8;
    opacity: 0.8;
}

/*pagenation*/
.l-pagination{
    width: 100%;
    padding-top: 30px;
    margin-bottom: 100px;
}
ul.page-numbers{
    display: flex;
    width: auto;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-wrap: wrap;
}
ul.page-numbers li{
    margin: 0 5px 10px;
}
ul.page-numbers li .page-numbers{
    display: flex;
    min-width: 40px;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    background: #f0f6f3;
    border-radius: 4px;
}
ul.page-numbers li .page-numbers.current{
    color: #fff;
    background-color: #141414;
}
ul.page-numbers li .prev.page-numbers,
ul.page-numbers li .next.page-numbers{
    padding: 0 20px;
}

/*mokuji*/
img.single-image{
    display: block;
    width: 100%;
    margin: auto;
    border-radius: 20px;
    aspect-ratio: 33 / 20;
    object-fit: cover;
}
.mokuji-box{
    display: block;
    width: 72.5%;
    margin: 60px auto;
    box-sizing: border-box;
    padding: 40px 10%;
    background-color: var(--light-gray);
    border-radius: var(--border-radius02);
}
.mokuji-box .p-index__title{
    text-align: center;
    margin-bottom: 24px;
    font-weight: bold;
}
.mokuji-box .p-index__list a,
.mokuji-box .p-index__list li{
    line-height: 160%;
}
.mokuji-box .p-index__list li{
    padding-left: 12px;
}
.mokuji-box .p-index .c-list-second{
    margin-bottom: 16px;
}

.single-content-box h2{
    width: 100%;
    box-sizing: border-box;
    border-bottom: 4px solid #379674;
    border-bottom: 4px solid rgb(217,217,217);
    margin-top: 20px;
    margin-top: 80px;
    margin-bottom: 20px;
    font-size: 160%;
    line-height: 150%;
    font-weight: bold;
    padding-left: 2px;
}
.single-content-box h3{
    width: 100%;
    box-sizing: border-box;
    border-left: 4px solid #379674;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 150%;
    line-height: 135%;
    font-weight: bold;
    padding-left: 12px;
}

/*pc-menu*/
/*
#headbox-bg{
    height: 200px;
}
#headbox,
#header-l,
#st-menuwide,
.smanone,
header .smanone ul.menu{
    overflow-y: auto;
}
*/
header .smanone{
    transition-duration: 0.3s;
}
header .smanone ul.menu > li {
    position: relative;
    border-right: none;
    width: 130px;
    width: auto;
/*
    display: grid;
*/
}

/*
header .smanone ul.menu > li > ul.sub-menu{
    position: absolute;
    width: auto;
    left 0;
    top: 100%;
    display: block;
    background: #fff;
}
header .smanone ul.menu > li:hover > ul.sub-menu{
    display: block;
}
*/
header .smanone ul.menu > li a,
header .smanone ul.menu > li:hover a {
    color: #fff;
    color: #141414;
}
body:has(.mypage-content) header .smanone ul.menu > li a ,
.page-template-page-mypage header .smanone ul.menu > li a {
    color: #222;
}
/* 下線のスタイル */

header .smanone ul.menu > li::after {
    background-color: #111; 
    bottom: 0; 
    content: ""; 
    height: 2px; 
    left: 0; 
    position: absolute; 
    transform: scale(0, 1); 
    transform-origin: center top; 
    transition: transform .3s; 
    width: 100%; 
}

/* リンクにホバーした際の下線の表示 */
header .smanone ul.menu > li:hover::after {
    transform: scale(1, 1); /* 下線を横方向に1倍、縦方向に1倍に変形（表示） */
}
/*
header .smanone ul.menu{
    z-index: 99999999999;
    position: relative;
}
header .smanone ul.menu::before {
    display: block;
    background-color: #fff; 
    top: 100px; 
    content: ""; 
    height: 100px; 
    left: 0;
    position: absolute; 
    width: 100%; 
}
*/
/*tml*/
.tml{
    margin: 0 auto;
}

/*mypage*/
#headbox-bg{
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
.my-headbox .header-right-box{
    margin-left: auto;
}
.header-m{
}

/*faq*/
.page-h1-box,
.faq-h1-box{
    display: block;
    background: #102431;
    padding: 10px;
    margin-bottom: 80px;
}
#st-page .page-h1-box h1.entry-title,
.page-h1-box h1.entry-title,
#st-page .faq-h1-box h1.entry-title{
    display: block;
    text-align: center;
    color: #fff;
    margin: 40px 0 30px;
}
.faq-h1-box form{
    position: relative;
    width: 520px;
    max-width: 90%;
    margin: 15px auto;
}
.faq-h1-box form::before{
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 35px;
    height: calc(100% - 10px);
    background: url(image/icon/sp-glass.png) no-repeat;
    background-position: center center;
    background-size: 25px auto;
}
.text-center{
    text-align: center;
    width: 100%;
}
h2.faq-h2{
    display: inline-block;
    border-bottom: 3px solid #102431;
    width: auto;
    box-sizing: border-box;
    margin: 10px auto;
    padding: 0;
    font-size: 140%;
}
.post ul.page-faq-text{
    display: block;
    width: 900px;
    max-width: 100%;
    margin: 40px auto;
}
.post ul.page-faq-text li{
    border-bottom: 1px solid #102431;
    padding-bottom: 30px;
    margin-bottom: 50px;
}
.post ul.page-faq-text li:last-child{
    border: none;
}

.post ul.page-faq-text h3{
    border: none;
    font-weight: normal;
    padding: 0;
}
.faq-h1-box .term-box{
    width: 1028px;
    max-width: 90%;
    margin: 40px auto 25px;
}
.faq-h1-box .term-box li{
    display: inline-block;
    vertical-align: middle;
    width: 31%;
    text-align: center;
    background: #fff;
    margin-bottom: 25px;
    padding: 8px 2px 6px;
    box-sizing: border-box;
    font-weight: bold;
    font-size: 100%;
}
.faq-h1-box .term-box li.on{
/*
    color: #fff;
    background: orange;
*/
    background: #ccc;
}
.post .faq-h1-box input[type="text"]{
    border-radius: 0;
    padding-left: 35px;
}
.post .faq-h1-box input[type="button"]{
    color: #fff;
    font-weight: bold;
    background: orange;
    background: #bbb;
    font-size: 90%;
    padding: 6px 9px;
    border-radius: 0 3px 3px 0;
    width: auto;
    border: 1px solid transparent;
}
.post .faq-h1-box input[type="submit"]{
    color: #fff;
    font-weight: bold;
    background: #3867A9;
    padding: 5px 9px;
    border-radius: 0;
    width: auto;
    min-width: auto;
    margin: 0;
    border: 1px solid transparent;
}

/*sp-menu*/
ul.menu2 > li{
    margin-bottom: 25px;
}
ul.menu2 > li a{
    color: #fff;
}
ul.menu2 li a,
ul.menu2 li a:hover{
    text-decoration: none;
    line-height: 160%;
    font-size: 140%;
}
ul.menu2 ul.sub-menu{
    margin-top: 12px;
}
ul.menu2 ul.sub-menu li{
    margin-bottom: 8px;
}
ul.menu2 ul.sub-menu li::before{
    content: '・';
    color: #fff;
    padding-left: 15px;
}
ul.menu2 li ul li a,
ul.menu2 li ul li a:hover{
    line-height: 140%;
    font-size: 110%;
    padding-bottom: 12px;
    margin-left: 10px;
}

/*about*/
.box815{
    display: block;
    margin: auto;
    width: 815px;
    max-width: 95%;
}
.box815 p{
    line-height: 200%;
}
hr.page-hr{
    width: 1200px;
    max-width: 95%;
    display:block;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #102431;
    background: #102431;
}
.ul-about-text li{
    margin-bottom: 40px;
    margin-bottom: 80px;
}
.ul-about-text li:nth-child(even){
    flex-direction: row-reverse;
}
.ul-about-text li .content-area{
    width: 43%;
}
.ul-about-text li img{
    width: 51%;
    border-radius: 16px;
}
.ul-about-text li .content-area h3{
    margin-top: 0;
    padding-top: 0;
    border: none;
}
.ul-about-text li .content-area p{
    line-height: 200%;
}
.section-box table.about-table,
table.about-table,
.post table.about-table{
    table-layout: fixed;
    width: 600px;
    max-width: 100%;
    border-top: 1px solid #102431;
    margin: 70px auto 100px;
}
.post table.about-table tr,
table.about-table tr{
    background: #fff;
    border-bottom: 1px solid #102431;
}
table.about-table tr th,
.post table.about-table tr th{
    text-align: left;
    width: 25%;
    padding: 25px 0;
}
table.about-table tr td,
.post table.about-table tr td{
    width: 75%;
    padding: 25px 0;
    line-height: 180%;
}

/*sp*/
br.sp-br{
    display: none;
}

/*renovation*/
.h2-center,
.text-align-center{
    text-align: center;
}
.case-study-ul li h2{
    text-align: center;
    margin: 40px 0;
}
.section-box.renovation.type1 h2{
    white-space: nowrap;
    font-size: 120%;
    margin: 0;
}
.section-box.renovation.type1 p{
    margin-left: 20px;
    padding-left: 20px;
    border-left: 1px solid #141414;
    margin-bottom: 0;
}
.section-box.price{
    color: #fff;
    background: url(image/price/cost-bg.jpg);
    background-size: 100% auto;
    background-position: center center;
    box-sizing: border-box;
    padding: 40px 5% 30px;
}
.section-box.price h2{
    margin-top: 0;
}
.section-box.price .caption{
    background: #fff;
    width: fit-content;
    padding: 8px 12px;
    color: #102431;
    font-weight: bold;
    display: block;
    margin: 15px auto 20px;
    text-align: center;
}

.section-box.price p,
.section-box.price h2{
    color: #fff;
}
.section-box.price .left-box,
.section-box.price .right-box{
    width: 48%;
    box-sizing: border-box;
}

.flow-infomation-text li{
    width: 30%;
    margin-bottom: 20px;
    box-sizing: border-box;
    background: #102431;
    color: #fff;
    padding: 10px 3%;
}
.flow-infomation-text li:nth-child(2n){
    background: #3e3e47;
}
.flow-infomation-text li .num{
    display: block;
    width: auto;
    text-align: center;
    font-weight: bold;
    font-size: 200%;
    margin: 10px auto 25px;
    font-family: 'Oswald';
}

.viewer img{
    width: 100%;
    aspect-ratio: 150 / 93;
    object-fit: cover;
}

/*template*/
.template-area .entry-content .left-box,
.prof-area .entry-content .left-box{
    display: block;
    width: 40%;
    padding: 40px 65px 40px;
    box-sizing: border-box;
    background: #f5f6f7;
    min-height: 100%;
    overflow-y: hidden;
}
.prof-area .entry-content .prof.left-box .inner{
    position: relative;
}
.prof-area .entry-content .prof.left-box .inner .name-left{
    position: absolute;
    top: 0;
    left: 0;
    color: rgba( 50 , 50 , 50 , 0.8 );
    background: rgba( 255 , 255 , 255 , 0.1 );
    color: rgba( 255 , 255 , 255 , 0.8 );
    background: rgba( 50 , 50 , 50 , 0.1 );
    transform:rotate(90deg);
    transform-origin: left top;
    font-size: 280%;
    font-weight: bold;
    margin: 0;
    margin-left: 17%;
    padding: 15px 20px 0 30px;
    white-space: nowrap;
    padding-right: 100vh;
}
/*
.prof-area .entry-content .prof.left-box .inner .name-left{
    position: absolute;
    top: 0;
    left: 0;
    writing-mode: vertical-rl;
    color: rgba( 255 , 255 , 255 , 0.8 );
    background: rgba( 50 , 50 , 50 , 0.1 );
    font-size: 320%;
    font-weight: bold;
}
.prof-area .entry-content .prof.left-box .inner .name-left span{
    transform:rotate(90deg);
}
*/
.prof-area .entry-content .prof.left-box .inner .description{
    display: block;
    padding: 10px 0;
    min-height: 100px;
}
.prof-area .entry-content .right-box,
.template-area .entry-content .right-box{
    display: block;
    width: 60%;
    padding: 40px;
    box-sizing: border-box;
    background: #fff;
    min-height: 100%;
}
.prof-area .entry-content .right-box .prof-temp-main img{
    width: 100%;
    aspect-ratio: 5 / 3;
    object-fit: cover;
}
.ul-prof-template-list li{
    list-style: none;
    width: 31%;
    margin-bottom: 25px;
}
.ul-prof-template-list li img{
    aspect-ratio: 5 / 3;
    object-fit: cover;
}

.template-area .entry-content .right-box h2{
    margin: 0;
    padding-left: 0;
}
.template-area .entry-content .right-box .input-area{
    display: block;
    margin-bottom: 40px;
}
.template-area .entry-content .right-box .input-area label{
    width: 100%;
    border-radius: 10px;
    border: 2px solid #102431;
    box-sizing: border-box;
    padding: 16px;
    margin-bottom: 15px;
    cursor: pointer;
}
.template-area .entry-content .right-box .input-area input:checked + label {
    border: 2px solid #0672cb;
    background: rgba(6,114,203,0.1);
}

.template-area .entry-content .left-box img.temp-img{
    width: 100%;
    aspect-ratio: 8 / 5;
    object-fit: cover;
}
.template-area .entry-content .left-box img.temp-img.aspect2{
    width: 100%;
    aspect-ratio: 3 / 4;
    object-fit: cover;
}

.template-area .entry-content .left-box #panorama{
    width: 100%;
    aspect-ratio: 8 / 5;
}
.prof-area .entry-content .left-box img.temp-img{
    width: 100%;
    aspect-ratio: 83 / 97;
    object-fit: cover;
}

.template-area .entry-content .left-box h1{
    font-size: 1.8rem;
    margin: 0 0 15px 0;
}
dl.productor{
    font-size: 90%;
    font-size: 22px;
}
dl.productor dt{
    width: 160px;
    text-align: left;
    font-weight: bold;
}
dl.productor dd{
    font-size: 85%;
}
.notice-box{
    display: block;
    width: 100%;
    padding: 15px;
    border: 1px solid #102431;
    box-sizing: border-box;
}

.header-right-box input.request-btn{
    padding: 6px 20px !important;
    background: #102431;
    color: #fff;
    border-radius: 20px;
}
.header-right-box .price{
    white-space: nowrap;
    font-weight: bold;
    padding-right: 2px;
}
.header-right-box .price .total{
    font-size: 180%;
    padding-right: 3px;
}
input.favorite-btn{
    padding: 6px 12px !important;
    width: auto !important;
    border-radius: 20px;
    margin-left: auto;
}
input.favorite-btn.on{
    color: #fff;
    background: #3867A9;
}
img.slider-arrow.left.temp{
    position: absolute;
    left: -25px;
    top: 20px;
    width:15px;
    height:auto;
    cursor: pointer;
}
img.slider-arrow.right.temp{
    position: absolute;
    right: -25px;
    top: 20px;
    width:15px;
    height:auto;
    cursor: pointer;
}
.left-slider-area li img{
    aspect-ratio: 5 / 4;
    object-fit: cover;
}
img.temp-img,
.change-target-image{
    cursor: pointer;
}
ul.ul-style-term{
    width: 100%;
}
ul.ul-style-term li{
    padding: 2px 6px;
    border-radius: 10px;
    border: 1px solid #888;
    margin-right: 8px;
    font-size: 85%;
}
.change-target-image.pano{
    position: relative;
}
.change-target-image.pano::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(image/pano360.png) no-repeat;
    background-size: 80% auto;
    background-position: center center;
}
.right-box .change-target-image.pano::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(image/pano360.png) no-repeat;
    background-size: 65% auto;
    background-position: center 20%;
}
.change-target-image img{
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
.design-style-ul li{
    width: 31%;
    padding: 15px;
    border: 1px solid #102431;
    box-sizing: border-box;
    margin-bottom: 15px;
    border-radius: 12px;
}
.option-style-ul li p,
.design-style-ul li p{
    text-align: center;
    margin-top: 10px;
}
.design-style-ul li p{
    margin-bottom: 10px;
}
.option-style-ul li{
    width: 23%;
    padding: 15px;
    border: 1px solid #102431;
    box-sizing: border-box;
    margin-bottom: 15px;
    border-radius: 12px;
}
.option-style-ul li.no-border{
    border: none;
    height: 1px;
    margin:0;
    padding:0;
}

.option-style-ul li.on,
.design-style-ul li.on{
    border: 1px solid #0672cb;
    background: rgba(6,114,203,0.1);
}
/*mypage*/
li.icon-mypage{
    width: 30%;
}
#side > div{
    border: none;
}
#side .st-aside ul li {
    font-size: 100%;
    line-height: 100%;
    transition: 0.3s;
}
#side .st-aside ul li {
    position: relative;
    background: none;
    border-bottom: 1px rgb(100, 100, 100) solid;
    box-sizing: border-box;
}
#side .st-aside ul li.current-menu-item::before{
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #E5E2E3;
    z-index: -1;
}
#side .st-aside ul li.user {
    background: url(image/mypage/user.png) no-repeat;
    background-size: 25px auto;
    background-position: 5px center;
}
#side .st-aside ul li.fav {
    background: url(image/mypage/fav.png) no-repeat;
    background-size: 25px auto;
    background-position: 5px center;
}
#side .st-aside ul li.msg {
    background: url(image/mypage/msg.png) no-repeat;
    background-size: 25px auto;
    background-position: 5px center;
}
#side .st-aside ul li.req {
    background: url(image/mypage/req.png) no-repeat;
    background-size: 25px auto;
    background-position: 5px center;
}
#side .st-aside ul li.glass {
    background: url(image/mypage/glass.png) no-repeat;
    background-size: 25px auto;
    background-position: 5px center;
}
#side .st-aside ul li.contract {
    background: url(image/mypage/contract.png) no-repeat;
    background-size: 25px auto;
    background-position: 5px center;
}
#side .st-aside ul li.rule {
    background: url(image/mypage/rule.png) no-repeat;
    background-size: 25px auto;
    background-position: 5px center;
}

#side .st-aside ul li a{
    display: block;
    padding: 20px 5px 20px 45px;
    color: #333;
}
header .smanone.sp ul.menu > li {
    position: relative;
    background: none;
}
header .smanone.sp ul.menu > li.current-menu-item::before{
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #E5E2E3;
    z-index: -1;
}
header .smanone.sp ul.menu > li.user {
    padding-left: 25px;
    background: url(image/mypage/user.png) no-repeat;
    background-size: 16px auto;
    background-position: 3px center;
}
header .smanone.sp ul.menu > li.fav {
    padding-left: 25px;
    background: url(image/mypage/fav.png) no-repeat;
    background-size: 16px auto;
    background-position: 3px center;
}
header .smanone.sp ul.menu > li.msg {
    padding-left: 25px;
    background: url(image/mypage/msg.png) no-repeat;
    background-size: 16px auto;
    background-position: 3px center;
}
header .smanone.sp ul.menu > li.glass {
    padding-left: 25px;
    background: url(image/mypage/glass.png) no-repeat;
    background-size: 16px auto;
    background-position: 3px center;
}
header .smanone.sp ul.menu > li.contract {
    padding-left: 25px;
    background: url(image/mypage/contract.png) no-repeat;
    background-size: 16px auto;
    background-position: 3px center;
}
header .smanone.sp ul.menu > li.rule {
    padding-left: 25px;
    background: url(image/mypage/rule.png) no-repeat;
    background-size: 16px auto;
    background-position: 3px center;
}

/*calendar*/
h2.calendar-h2{
    margin: 0 0 15px 0;
    padding: 0;
}
.nagare_ul{
    width:100%;
    padding:0;
}
.nagare_ul li{
    background:#aaa;
    font-size:15px;
    padding:6px 14px;
    border-radius:3px;
    color:#fff;
    cursor:pointer;
    margin-bottom:10px;
    text-align:center;
    width: 30%;
    box-sizing: border-box;
}
.nagare_ul li a{
    color:#fff;
    padding:10px 34px;
    width: 100%;
    box-sizing: border-box;
}
.nagare_ul.block4 li{
    width:23%;
}
.nagare_ul.month_ul li{
    margin-right:20px;
}
.nagare_ul.month_ul li:last-child{
    margin-right:0;
}
.nagare_ul li.select{
    background:orange;
    color:#fff;
}
tr.cal-on{
    background: #fcf9f3;
}
td.td-click{
    cursor:pointer;
}
.faq-box,
.time_table,
.staff_table,
.bg-w_table{
    padding:15px 20px 15px 20px;
    background:#fff;
    font-family: "Open Sans",Arial,"Hiragino Sans","Meiryo",sans-serif;
    max-width:800px;
    overflow-y:auto;
}
#request-list{
    padding:15px 20px 15px 20px;
    background:#fff;
    font-family: "Open Sans",Arial,"Hiragino Sans","Meiryo",sans-serif;
}
ul.time_table_ul{
    background:#fff;
}
ul.time_table_ul li{
    padding:5px 10px;
    margin:5px;
    border-radius:5px;
    border:1px solid #aaa;
    cursor:pointer;
}
ul.time_table_ul li.maru{
    background: rgba(238, 132, 140,0.3);
    border:1px solid rgba(238, 132, 140,0.3);
}
.request_data{
    width:100%;
    display:block;
    overflow:hidden;
    clear:both;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    align-content: space-between;
}
.request_data::after{
    content:"";
    display: block;
    width:21%;
}
.request_data::before{
    content:"";
    display: block;
    width:21%;
    order:1;
}
.list_ul,
.request_ul{
    width:100%;
}
.list_ul li,
.request_ul li{ 
    width:23%;
    text-align:center;
    background:#aaa;
    font-size:15px;
    padding:6px 14px;
    margin-bottom:10px;
    border-radius:3px;
    color:#fff;
    cursor:pointer;
}
.list_ul li.no-data, 
.request_ul li.no-data{ 
    padding:0;
}
.list_ul li.select,
.request_ul li.select{
    background:orange;
    color:#fff;
}

/*tags*/
span.tags {
    border: 1px solid rgba(230,230,230,0.3);
    /*background-image: linear-gradient(#0E5EFD, #3EA2FF, #73E5FF, #1273FF);*/
    /*background: #668ad8;
    background:#EE848C;*/
    background: rgba(94, 192, 235,1);
    color: #fff;
    display: block;
    float: left;
    padding: 5px 11px 5px 15px;
    text-decoration: none;
    margin-right: 0;
    margin-bottom: 15px;
    font-family: helvetica;
    font-size: 13px;
    border-radius:3px;
    box-shadow:1px 1px 1px rgba(1,1,1,0.5);
}
span.tags .dele{
    padding:0 2px;
    padding:12px 10px;
/*margin-left:5px;*/
    margin:0 -5px;
    color:#333;
    font-size:120%;
    text-shadow:none;
    cursor:pointer;
}

.checker label {
    display: inline-block;
    width: auto;
    height: 28px;
    line-height: 28px;
    display: block;
    color: #333;
    text-decoration: none;
    background-color: #fff;
    border: 1px #887766 solid;
    position: relative;
    border-radius: 3px;
    text-align: center;
    cursor: pointer;
    padding: 0 8px;
    min-width: 60px;
    max-width: 300px;
    box-sizing: border-box;
}
.checker input:checked+label {
    color: #fff;
    background-color: #EE848C;
    border: transparent 1px solid;
}


table.kihon_table.calendar-table th,
table.kihon_table.calendar-table td{
    padding:4px 4px;
}
table.kihon_table tr{
    border-bottom:1px solid #333;
}
table th.wid15{
    width:15%;
}
table th.wid20{
width:20%;
}
table th.wid25{
    width:25%;
}
table th.wid30{
    width:30%;
}
table th.wid35{
    width:35%;
}
table th.wid40{
    width:40%;
}
table th.wid45{
    width:45%;
}
table th.wid50{
    width:50%;
}

table  th.th-center{
    text-align:center;
}

table.cook_table th,
table.cook_table td{
    padding:3px 8px;
}

table.time-schedule{
    width:100%;
    font-size:16px;
    border-top:1px solid #999;
    border-bottom:1px solid #999;
}
table.time-schedule tr{
    border-bottom:1px solid #ccc;
}
table.time-schedule th,
table.time-schedule td{
    padding:8px 3px;
    text-align:center;
    line-height:1.1;
    vertical-align:middle;
}
table.time-schedule th{
    border-right:1px solid #999;
}

table.time-schedule td{
    font-size:140%;
    padding:12px 3px;
    font-weight:bold;
    color:orange;
    border-right:1px solid #ccc;
}
table.time-schedule th:last-child,
table.time-schedule td:last-child
{
    border-right:none;
}
table.calender_side{
    border:2px solid #888;
    width:100%;
}
table.calendar_side tr{
    border-bottom:1px solid #888;
}
table.calendar_side th{
    font-size:16px;
    text-align:center;
    vertical-align:middle;
    border-right:1px solid #888;
    padding:10px 2px;
}
table.calendar_side td{
    font-size:16px;
    text-align:center;
    vertical-align:middle;
    border-right:1px solid #888;
    padding:14px 2px;
    background: #fcf9f3;
}
table.calendar_side tr:first-child th{
    background:#666;
    border-right:1px solid #fff;
    border-bottom:1px solid #fff;
    color:#fff;
}
table.calendar_side tr:first-child th:last-child{
    border-right:1px solid #888;
}
table.calendar_side th:first-child,
table.calendar_side td:first-child{
    background:rgba(238, 132, 140,0.3);
    color:#fff;
}
table.calendar_side tr td.r_off{
    background:#aaa;
    color:#2b2b2b;
}
    table.cu-po-td tr td,
    table.calendar_side tr td.r_on{
    cursor:pointer;
}
table.calendar_side tr td.r_on{
    position: relative;
}
table.calendar_side tr td.r_on.on::before{
    content: '';
    position: absolute;
    background: url(image/circle-red.png) no-repeat;
    top:0;
    left:0;
    height: 100%;
    width: 100%;
    background-size: auto 100%;
    background-position: center center;
}

    table.calendar_side th:last-child,
    table.calendar_side td:last-child{
    background:rgba(94, 192, 235,0.5);
    color:#fff;
}
ul.calendar-content{
    padding:0;
}

/*fav*/
.my-fav-ul li{
    position: relative;
    width: 30%;
    padding: 10px;
    box-sizing: border-box;
    margin-bottom: 15px;
}
.my-fav-ul.add-design li{
    cursor: pointer;
}
.my-fav-ul li.on{
    background: orange;
}
.my-fav-ul li.on .title{
    color: #fff;
}
.my-fav-ul li img{
    aspect-ratio: 9 / 7;
    object-fit: cover;
    border-radius: 12px;
    margin: 0 0 10px 0;
}
.my-fav-ul li p{
    text-align: center;
    margin: 0 0 3px 0;
    font-size: 90%;
}
.my-fav-ul li p span{
    font-size: 130%;
    font-weight: bold;
    padding-right: 5px;
}
.my-fav-ul li input[type="button"]{
    margin: 18px 0 0 0;
    border-radius: 22px;
    background: #fff;
    border: 1px solid #333;
    font-size: 125%;
    font-size: 110%;
/*
    font-weight: bold;
*/
}
.my-fav-ul li input[type="button"].request-btn{
    padding: 6px 8px !important;
    background: #102431;
    color: #fff;
    border-radius: 20px;
}
input[type="button"].add-default-btn{
    padding: 6px 16px !important;
    background: #102431;
    color: #fff;
    border-radius: 20px;
    width: auto !important;
    display: inline-block;
}
.my-fav-ul li .delete-fid{
    position: absolute;
    top: 10px;
    right: 5px;
    cursor: pointer;
    color: red;
    background: none;
    padding: 15px;
    width: auto;
    display: inline-block;
    z-index: 1;
}

.tml-profile .tml-form-table th, .tml-profile .tml-form-table td{
    padding: 0;
}

/*comment*/

#comments .comment_main_box{
    padding: 2px 10px;
}
#comments .comment_main_box p {
    padding: 7px;
    padding: 15px 20px;
    margin: 0 10px;
    background: #fff;
}
#comments #respond {
    padding: 5px 0;
}
.my-comment-text-box{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:flex-start;
    align-content: flex-start;
    padding:0;
}

.my-comment-text-box.my-comment{
/*
    flex-direction: row-reverse;
*/
    margin-left: 15px;
}
.my-comment-text-box img.avatar{
    max-width:60px;
    height:auto;
    border-radius:50%;
}
.my-comment-text-box img{
    max-width:100%;
    height:auto;
}
.my-comment-text-box p:not(.comment-image-reloaded){
    position:relative;
    padding:15px;
    border-radius:10px;
    width:auto;
    max-width : -webkit-calc(100% - 90px) ;
    max-width: calc(100% - 90px);
    border: 1px solid rgba(50,50,50,0.7);
    box-shadow:2px 2px 2px rgba(50,50,50,0.3);
    margin-left:20px;
}
.my-comment-text-box.my-comment p:not(.comment-image-reloaded){
    display:inline-block;
    position:relative;
    margin-right:20px;
    margin-left:0;
}

#comments #respond{
    display: block;
    width: 800px;
    max-width: 100%;
    margin: auto;
}
.comment-image-box+p{
    display:none !important;
}

#comments input[type="submit"]{
    padding: 10px 20px;
}
#comments p.form-submit{
    display: block;
    margin-top: 15px;
    margin-bottom: 15px;
    width: 100%;
    box-sizing: border-box;
}
#comment-image-reloaded-wrapper {
    display: block;
    max-width: 400px;
    margin-bottom: 20px;
}
.comment img.avatar{
    width: 80px;
    height: auto;
    border-radius: 50%;
    margin-right: 10px;
    margin-bottom: 10px;
}
.my-comment-text-box{
    width: auto;
    min-width: 300px;
}
.commets-list li{
    margin-bottom: 25px;
}
.comment-image-box{
    max-width: 100%;
}
.comment-image-box a{
    display: block;
    max-width: 100%;
    margin-top: 15px;
}
@media print, screen and (min-width: 1280px) {
    .section-box.flow-info,
    .section-box.service-info,
    .post-13 .section-box,
    .section-box.price{
        margin-left: -5%; 
        margin-right: -5%;
        width: 1200px;
        max-width: 1200px;
    }
    .section-box.flow-info2{
        margin-left: -5%; 
        margin-right: -5%;
        width: 1200px;
        max-width: 1200px;
    }
}
@media print, screen and (max-width: 1180px) {
    .st-main.normal{
        padding: 100px 5% 0;
    }
}

@media print, screen and (min-width: 960px) {
    header .smanone ul.menu{
        overflow: visible !important;
    }
/*
    header .smanone ul.menu{
        position: absolute;
        top: 0;
        left: 0;
    }
*/
/*
    header .smanone ul.menu > li:hover .sub-menu{
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 0;
        width:100%;
        box-sizing: border-box;
        background: rgba(255,255,255,0.4);
    }
    header .smanone ul.menu > li .sub-menu > li a{
        background: none;
        padding: 0 2px;
        width:100%;
        border: none;
        box-sizing: border-box;
    }
*/
/*20251215*/
    header .smanone ul.sub-menu::before{
        content: '　';
        font-size: 7px;
    }
    header .smanone ul.menu > li:hover .sub-menu{
        position: absolute;
        top: 100%;
        left: 0;
	left: -25%;
        display: block;
        padding: 0;
        min-width:100%;
        width: 150px;
	width: 150%;
        box-sizing: border-box;
        background: rgba(255,255,255,1);
        background: linear-gradient(180deg, transparent 0%, transparent 12px, rgba(255,255,255,0.8) 12px, rgba(255,255,255,0.8) 100%);
        z-index: 2;
    }
    header .smanone ul.menu > li .sub-menu > li{
        width: 100%;
        box-sizing: border-box;
        text-align: left;
    }
    header .smanone ul.menu > li .sub-menu > li a{
        background: none;
        padding: 0 2px;
        width:100%;
        border: none;
        box-sizing: border-box;
    }

    #st-menubox2 ,
    #st-menubox {
        display: flex;
        align-items: center;
        border-top: none;
        border-bottom: none;
        margin-bottom: 10px;
        margin-bottom: 0;
        margin: 0 auto;
        padding-top: 5px;
    }
    header .smanone ul.menu li {
        border-right: none;
        width: 130px;
    }
    header .smanone ul.menu > li a {
        color: #fff;
        color: #141414;
        line-height: 105%;
        padding: 12px 0;
    }
    header .smanone ul.menu li .sub-menu > li a {
        line-height: 150%;
        padding: 12px 2px;
    }

    body:has(.mypage-content) header .smanone ul.menu li a ,
    .page-template-page-mypage header .smanone ul.menu li a {
        color: #222;
    }
    #st-menuwide2,
    #st-menuwide {
        display: inline-block;
        vertical-align: middle;
        margin-left: auto;
        margin-right: 0;
    }
    nav.smanone{
        display: inline-block;
        width: auto;
    }
    header .smanone ul.menu {
        overflow: hidden;
        display: inline-block;
        width: auto;
        display: flex;
        align-items: center;
    }
    header .smanone ul.menu li{
        width: auto;
        padding: 0 20px;
        height: 100%;
    }

    #headbox,
    .my-headbox {
        padding: 0 10px;
        margin: 0 auto;
        text-align: left;
        max-width: calc(100% - 150px);
    }
    .home h1{
        font-size: 90px;
    }
    #content {
        max-width: 85%;
        max-width: 100%;
        margin: 0 auto;
    }
    .st-main,
    .st-main-front {
        padding: 0 3% 0;
        padding: 0;
        box-sizing: border-box;
    }
    .st-main{
        padding-right: 8%;
    }
    body:has(.mypage-content) #content{
        max-width: 100%;
    }
    #contentInner {
        width: 100%;
        margin-right: 0;
    }
    #side{
        width: 300px;
    }
    #contentInner .mypage-right-area{
        width: calc(100% - 300px);
        box-sizing: border-box;
        padding-left: 40px;
    }

    section.type2{
        padding: 20px 7%;
    }

    #headbox-bg img.icon4{
        display: none;
    }
    p, .yellowbox, .graybox, .redbox, .post ul li, .post ol li{
        font-size: 16px;
    }
    .pc-text-align-center{
        text-align: center;
    }
    .ul-template-list li.p3{
        width: 30%;
    }
    .st-main-front.normal,
    .st-main.normal {
        box-sizing: border-box;
        width: 100%;
        padding: 100px 15% 0;
    }
    .st-main-front.normal {
        padding-top: 20px;
    }

    .page-id-426 .st-main {
        padding-right: 10%;
    }
    .single-content-box {
        display: block;
        width: 900px;
        max-width: 100%;
        margin: 0 auto;
    }
}

@media print, screen and (max-width: 959px) {
    #content {
        max-width: 100%;
        margin: 0 auto;
    }
    header .smanone.sp ul.menu {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        box-sizing: border-box;
        padding: 6px 8px;
    }
    header .smanone.sp ul.menu li{
        width: auto;
        padding: 4px 12px;
        font-size: 95%;
    }
    header .smanone.sp ul.menu li a:hover{
        text-decoration: none;
    }
    .faq-h1-box .term-box li{
        width: 48%;
    }
    .ul-care-box li{
        width: 48%;
    }
    .section-box h2.care-h2 span {
        font-size: 120%;
    }
    .ul-template-list li.p3{
        width: 48%;
    }
    .section-box.flow-info2 {
        box-sizing: border-box;
        padding: 30px 0;
    }
    .flow-infomation-text li{
        width: 48%;
    }

    .template-area .entry-content .left-box{
        display: block;
        width: 100%;
        padding: 40px 65px 40px;
        box-sizing: border-box;
        background: #f5f6f7;
    }
    .template-area .entry-content .right-box{
        display: block;
        width: 100%;
        padding: 40px;
        box-sizing: border-box;
        background: #fff;
    }
    #contentInner .mypage-right-area{
        width: 100%;
    }
    #side{
        width: 100%;
    }
    .my-fav-ul li{
        width: 47%;
    }

    .prof-area .entry-content .left-box,
    .template-area .entry-content .left-box{
        display: block;
        width: 100%;
        padding: 40px 25px 40px;
        box-sizing: border-box;
        background: #f5f6f7;
    }
    .prof-area .entry-content .prof.left-box .inner .name-left{
        margin-left: 18%;
    }
    .prof-area .entry-content .right-box,
    .template-area .entry-content .right-box{
        display: block;
        width: 100%;
        padding: 40px 25px;
        box-sizing: border-box;
        background: #fff;
    }

    #gazou-wide img.top-img {
        position: relative;
        margin: 0;
        width: 100%;
        aspect-ratio: 7 / 5;
        object-fit: cover;
    }
    #gazou-wide .front-top-direct-type > li{
        padding: 10px 6px;
        margin-bottom: 15px;
    }

}
@media print, screen and (min-width: 600px) {
    p, .yellowbox, .graybox, .redbox, .post ul li, .post ol li{
        font-size: 16px;
    }
}
@media print, screen and (max-width: 600px) {
    .prof-area .entry-content .left-box,
    .template-area .entry-content .left-box{
        display: block;
        width: 100%;
        padding: 40px 25px 40px;
        box-sizing: border-box;
        background: #f5f6f7;
    }
    .prof-area .entry-content .prof.left-box .inner .name-left{
        margin-left: 18%;
    }
    .prof-area .entry-content .right-box,
    .template-area .entry-content .right-box{
        display: block;
        width: 100%;
        padding: 40px 25px;
        box-sizing: border-box;
        background: #fff;
    }
    .user-request-data .num,
    .sp-none{
        display: none;
    }
    .comment-image-box img{
        max-width: 100% !important;
    }
    .section-box ul.top-infomation-text.service li{
        width: 100%;
        border: none;
        border-bottom: 1px solid #B5B5B6;
    }
    .section-box ul.top-infomation-text.service
    {
        border-top: 1px solid #B5B5B6;
        border-right: 1px solid #B5B5B6;
        padding-bottom: 0;
    }

}
@media print, screen and (min-width: 481px) {
}
@media print, screen and (max-width: 480px) {
    .pop-area.flex-between{
        flex-wrap: wrap;
    }
    .pop-area .design-form{
        width: 100%;
        margin-bottom: 20px;
    }
    .pop-area .right-area{
        width: 100%;
    }
    /*mypage*/
    .ul-template-list li,
    .ul-template-list li.p3 {
        width: 100%;
    }
    .post ul{
        padding: 10px 0;
    }
    .design-title.flex-between{
        flex-wrap: wrap;
    }
    .design-title.flex-between h2{
        padding: 0;
    }
    .design-title.flex-between h2.pad2{
        padding: 10px;
    }

    .left-box,
    .right-box{
        width: 100%;
    }
    .section-box h2 {
        font-size: 24px;
    }
    section.type2 .left-box h2 {
        font-size: 24px;
    }
    .header-link{
        max-width: 130px;
        margin-left: auto;
    }
    .header-link a{
        padding: 3px 0;
        width: 33%;
    }
    .header-link a.news{
        width: 61%;
        margin-right: 6%;
    }
    .header-link a img{
        width: 100%;
    }
    .header-link a img.newsletter-btn{

    }
    p.p-slash{
        display: none;
    }
    .menu-icon{
        margin-left: 20px;
        margin-left: 0;
        padding-right: 10px;
    }
    #headbox-bg img.icon4{
        width: 22px;
    }
    .mgt-front-top{
        margin-top: 70px;
    }
    #headbox {
        padding: 0 10px;
    }
    #gazou-wide .inner-text{
        left: 10%;
    }
    #gazou-wide .inner-text p.title{
        font-size: 28px;
        margin: 0px 0px 15px 0px;
    }
    #gazou-wide .inner-text p.spec, #gazou-wide .inner-text p.price-tag{
        display: none;
    }
    #gazou-wide .inner-text p.price {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .ul-template-list li .img-area {
        aspect-ratio: 21 / 11;
    }
    .ul-template-list li .img-area img {
        aspect-ratio: 21 / 11;
        object-fit: cover;
    }

    .post table.normal-table,
    .post table.normal-table th,
    .post table.normal-table td{
        font-size: 14px;
    }
    section.type2 {
        padding: 20px 0;
    }
    section.type2 .left-box,
    section.type2 .right-box {
        width: 100%;
    }
    .num-image{
        font-size: 45px;
        width: 50%;
        padding: 10px;
        box-sizing: border-box;
        text-align: center;
    }
    section.type3 {
        padding: 0 0 20px
    }
    section.type3 h2 {
        font-size: 24px;
    }
    .type3 .service-box{
        padding: 10px 0;
    }
    .type3 .design-box img,
    .type3 .service-box img {
        width: 100%;
        margin-right: 0;
    }
    .type3 .design-box .right-box {
        width: 100%;
        padding: 10px 15px;
        box-sizing: border-box;
    }
    .type3 .design-box.flex-between,
    .type3 .service-box.flex-between {
        flex-wrap: wrap;
    }
    .type4 p {
        font-size: 20px;
    }
    section.type3 .content90p .left-content,
    section.type3 .content90p .right-content {
        width: 100%;
        max-width: 100%;
        margin-bottom: 20px;
        padding: 30px;
    }
    section.type3 .content90p {
        width: 100%;
    }
    section.type3 .content90p h3 {
        font-size: 24px;
    }
    section.type3 .content90p p {
        font-size: 20px;
    }

    .design-title li{
        margin-right: 15px;
    }
    .design-title li:last-chid{
        margin-right: 0;
    }

    #gazou-wide{
        width: 100%;
        overflow: hidden;
    }
    #gazou-wide img.wp-post-image,
    #gazou-wide img.top-img{
        width: 100%;
        width: auto;
        height: 100vh;
        margin: 0 auto;
/*
        aspect-ratio: 1 / 1;
*/
    }
    #gazou-wide img.wp-post-image{
        object-fit: cover;
    }

    .section-box ul.top-infomation-text li{
        width: 100%;
    }
    .ul-template-list.ver2 li{
        width: 100%;
    }
    .section-box h2{
        font-size: 16px;
        font-size: 20px;
    }
    .section-box h2.h2-type1 {
        font-size: 180%;
    }
    .section-box h2.h2-type1.v2 {
        font-size: 160%;
    }
    .section-box .front-search-form .form-inner select{
        width: 100%;
        margin-bottom: 18px;
    }
    .section-box .front-search-form .form-inner select:last-of-type{
        margin-bottom: 0;
    }
    .section-box .top-sns-box p{
        font-size: 14px;
    }
    .top-sns-box ul li {
        padding-right: 15px;
    }
    .section-box ul.ul-top-text li{
        width: 100%;
        border-bottom: 1px solid #102431;
    }
    .section-box ul.ul-top-text li::before{
        background: none;
    }
    .section-box ul.top-infomation-text li h2 br,
    .section-box ul.ul-top-text li h2 br{
        display: none;
    }
    .section-box ul.ul-top-text li .num{
        display: block;
        font-size: 20px;
        margin-top: 10px;
        width: 45px;
    }
    .section-box-full img {
        width: 100%;
        aspect-ratio: 59 / 73;
        object-fit: cover;
    }
    .section-box h2.h2-type2{
        line-height: 1;
        font-size: 170%;
    }
    .section-box h2.h2-type2 img.logo-title{
        max-width: 150px;
        margin-left: 12px;
    }
    #gazou-wide img.line-btn{
        left: 25%;
        bottom: 20px;
        margin: 0;
        width: 50%;
    }
    .section-box.front-newsletter h2.h2-type2{

    }
    .section-box.front-newsletter{
        border-top: none;
        margin-top: 10px;
        padding: 5px 0;
    }
    .section-box ul.top-news-text li{
        width: 100%;
    }
    .section-box ul.top-news-text li h2{
        font-size: 18px;
    }
    #footer .footer-c{
        flex-wrap: wrap;
    }
    #footer .footer-c .footer-logo{
        width: 35%;
        margin-bottom: 15px;
    }
    #footer .footer-c .footermenust{
        text-align: left;
    }
    #footer .footer-c .footermenubox{
        width: 100%;
    }
    .st-main.normal{
        padding: 75px 5% 0;
    }
    .st-main.normal .page-news-text li {
        width: 100%;
    }
    .mokuji-box {
        width: 100%;
        margin: 30px auto;
        padding: 20px 5%;
    }
    .faq-h1-box .term-box li{
        width: 100%;
        font-size: 100%;
    }
    .ul-about-text li .content-area,
    .ul-about-text li img{
        width: 100%;
    }
    .section-box table.about-table,
    table.about-table,
    .post table.about-table{
        table-layout: fixed;
        width: auto;
        max-width: 100%;
    }
    table.about-table tr th,
    .post table.about-table tr th{
        width: 30%;
        font-size: 14px;
    }
    table.about-table tr td,
    .post table.about-table tr td{
        width: 70%;
        font-size: 14px;
    }
    h1,
    h1.service-h1{
        font-size: 1.4em;
    }
    /*sp*/
    br.pc-br{
        display: none;
    }
    br.sp-br{
        display: block;
        clear: both;
        width: 1px;
    }
    .service-infomation-text li{
        width: 100%;
    }
    .ul-care-box li{
        flex-wrap: wrap;
        width: 48%;
    }
    .ul-care-box li img{
        width: auto;
        max-height: 60px;
        max-height: 50px;
        margin: 0 auto 8px;
    }
    .ul-care-box li div{
        width: 100%;
    }
    .ul-care-box li div h3{
        text-align: center;
    }
    .section-box h2.care-h2 span {
        font-size: 110%;
    }
/*
    .section-box h2.care-h2::before {
        display: flex;
        align-items: start;
        position: absolute;
        content: '\025A0';
        width: 24px;
        top: 0;
        left: 0;
        font-size: 120%;
    }
*/
    .section-box.price .left-box,
    .section-box.price .right-box{
        width: 100%;
    }
    .section-box.price{
        background: none;
        color: #102431;
        margin-top: -100px;
    }
    .section-box.price .right-box{
        background: none;
    }

    .section-box.price h2,
    .section-box.price p{
        color: #102431;
    }
    .section-box.price .price-div{
        color: #fff;
        background: url(image/price/cost-bg.jpg);
        background-size: auto 100%;
        background-position: center center;
        box-sizing: border-box;
        padding: 10px 4%;
    }
    .section-box.price .price-div p{
        color: #fff;
    }
    .section-box.renovation.type1 .flex-between{
        flex-wrap: wrap;
    }
    .section-box.renovation.type1 h2,
    .section-box.renovation.type1 p{
        width: 100%;
    }

    .section-box.renovation.type1 h2{
        text-align: center;
        margin-bottom: 15px;
    }
    .section-box.renovation.type1 p{
        border: none;
        padding-left: 0;
        margin-left: 0;
    }
    .section-box.flow-info h2{
        font-size: 120%;
    }
    .section-box.flow-info .flow-text{
        width: 100%;
    }
    .section-box.flow-info .flow-text li{
        font-size: 105%;
    }
    .section-box.flow-info .icon-cover{
        width: 100%;
        margin: 10px auto;;
    }
    .section-box.flow-info .arrow-icon{
        display: block;
        width: 17%;
        margin: auto;
        transform: rotate(90deg);
    }
    .section-box.flow-info .flow-icon{
        display: block;
        width: 42%;
        margin: auto;
    }
    .flow-infomation-text li{
        width: 100%;
        padding: 10px 5%;
        min-height: 155px;
    }
    .header-right-box .price .total{
        font-size: 150%;
    }
    .header-right-box{
       padding-right: 4px;
    }
    .prof-area .entry-content .left-box,
    .template-area .entry-content .left-box{
        display: block;
        width: 100%;
        padding: 40px 25px 40px;
        box-sizing: border-box;
        background: #f5f6f7;
    }
    .prof-area .entry-content .prof.left-box .inner .name-left{
        margin-left: 20%;
    }
    .entry-content .right-box,
    .prof-area .entry-content .right-box,
    .template-area .entry-content .right-box{
        display: block;
        width: 100%;
        padding: 40px 25px;
        box-sizing: border-box;
        background: #fff;
    }
    #comments{
        padding: 0;
    }
    .header-right-box .price .total{
        font-size: 130%;
    }
    .template-area .entry-content .right-box .input-area label{
        font-size: 85%;
        padding: 10px;
    }
    .template-area .entry-content .right-box .input-area label span{
        line-height: 27px;
    }
    .option-style-ul li p, .design-style-ul li p{
        font-size: 90%;
    }
    .option-style-ul li {
        width: 48%;
    }

    li.icon-mypage{
        width: 47%;
    }
    .my-fav-ul li{
        width: 100%;
    }
    .post table.rform th{
        white-space: nowrap;
        text-align: left;
    }
    .post table.rform th,
    .post table.rform td{
        display: block;
    }
    .design-style-ul li {
        width: 47%;
    }

    #gazou-wide .front-top-direct-type > li{
        padding: 22px 6px;
        margin-bottom: 40px;
    }
    .my-headbox .header-right-box{
        margin: 0 3px;
    }
    #footer .footer-bottom li{
        padding-right: 15px;
        max-width: calc(33.3% - 15px);
        max-width: calc(50% - 15px);
    }
    dl.productor{
        font-size: 19px;
    }
    .ul-prof-template-list li{
        width: 100%;
    }
    .header-right-box input.request-btn {
        padding: 4px 12px !important;
        border-radius: 20px;
    }
    .header-right-box .price.mgl20{
        margin-left: 12px;
    }
    header p.sitename,#header-l h1{
        max-width: 125px;
    }
    #header-l{
        padding: 0;
    }
    .section-box ul.top-infomation-text li img.step-icon{
        width: 22%;
    }
    .menu-icon{
        padding: 15px 0 15px 20px;
    }
    h1{
        font-size: 24px;
    }
    .single-content-box h2,
    .section-box .front-search-form h1, .section-box h2{
        font-size: 17px;
    }
    .notice-box h3,
    .single-content-box h3{
        font-size: 16px;
    }
    .notice-box h3{
        margin-bottom: 10px;
    }
    .notice-box,
    ul li,
    .box815 p,
    .section-box p,.section-box ul.top-infomation-text li p,
    p,.yellowbox,.graybox,.redbox,#topnews .clearfix dd p,.post ul li,.post ol li,#comments #respond,#comments h4{
        font-size: 14px;
        line-height: 17px;
    }
    .section-box p,
    .box815 {
        line-height: 1.6;
    }
    .ul-care-box p{
        text-align: center;
    }
    .section-box ul.top-infomation-text li span.step-num{
        font-size: 40px;
    }
    .section-box ul.top-infomation-text.service li{
        width: 100%;
        border: none;
        border-bottom: 1px solid #B5B5B6;
    }
    .section-box ul.top-infomation-text.service
    {
        border-top: 1px solid #B5B5B6;
        border-right: 1px solid #B5B5B6;
        padding-bottom: 0;
    }
}