@charset "UTF-8";
 .listBox article a .category span {
min-width: 86px;
height: 22px;
font-size: 71%;
line-height: 22px;
text-align: center;
margin: 2px;
display: inline-block;
width: auto;
}
.special_contents h3 {
font-size: 2.6vw;
font-weight: 900;
line-height: 1.5;
margin-top: 0;
}
.special_contents span {
font-size: 1.1vw;
font-weight: 400;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.special_contents .btn {
background-color: #e8ca09;
border-radius: 30px;
display: inline-block;
font-size: 18px;
font-weight: 700;
margin: 0 auto;
padding: 0 15px;
}
.special_contents a {
color: #fff;
display: block;
width: 100%;
height: 100%;
margin-bottom: 0;
padding: 10px 0;
transform: scale(1);
transition: all .3s ease;
position: relative;
text-align: center;
}
.special_contents_pet {
background: url(//www.marutaka-c.com/common/images/uploads/2024/11/1d8224e5f8e129e68a896492dcfe619c.webp) 0% 0% / 100% rgba(0, 0, 0, 0.4);
background-blend-mode: color-dodge;
border-radius: 20px;
background-size: cover;
}
.special_contents_woman {
background: url(//www.marutaka-c.com/common/images/uploads/2025/04/1800-790.webp) 0% 0% / 100% rgba(0, 0, 0, 0.4);
background-blend-mode: color-dodge;
border-radius: 20px;
background-size: cover;
}
.comparison-table {
width: 100%;
border-collapse: collapse;
text-align: center;
}
.comparison-table th,
.comparison-table td {
border: 1px solid #adbc32;
border-radius: 20px;
margin: 12px;
display: block;
width:37%;
float: left;
background: #fff;
font-size: 18px;
}
.comparison-table .border-none {
border:none;
background: none;
}
.width36 {width:36%;}
.senkou-txt li {
margin-bottom: 20px;
text-indent: -1em;
padding-left: 1em;
} @media (max-width: 639px) {
.comparison-table th.width10 {
display: contents;
position: relative;
}
.button-list {
background: #eff2e5;
border-radius: 32px;
padding: 4px 12px;
margin: 6px;
font-size: 13px;
font-weight: 600;
text-align: left;
}
.button-list .icon {
color: #adbc32;
padding-right: 4px;
}
.seller-flex-width {
margin-bottom: 20px;
}
.seller-section-title {
font-size: 130%;
letter-spacing: 1px;
color: #444;
}
.seller-point {
margin: 40px 10px;
border-radius: 60px;
padding: 8%;
border: 6px solid #eff2e5;
background: #fff;
}
.hudousan-logo {
letter-spacing:0.3em;
font-feature-settings: "palt";
font-size: 28px;
line-height: 1.2;
text-align: center;
font-weight: 700;
color: #eff2e5;
display:block;
}
.seller-catch-main{
text-align: left;
background-repeat: no-repeat;
background-size: 100px auto;
background-image: url(//www.marutaka-c.com/common/images/uploads/2025/05/24063810.webp);
background-position: 93% 30px;
z-index: 20;
overflow: visible;
padding: 5%;
}
.heading-main {
font-size: 18px;
font-weight: 600;
width: 70%;
position: relative;
display: block;
margin-bottom: 20px;
}
.gift-area {
background: #eff2e5;
}
.gift-area>div {
margin: 0 auto;
max-width: 620px;
text-align: center;
padding: 20px;
}
.special-offer {
position: relative;
color: #adbc32;
max-width: 335px;
font-weight: 600;
font-size: 14px;
line-height: 36px;
margin: 0 auto;
}
.special-offer::before {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #adbc32;
margin: 0 auto 4px;
}
.gift-area-main {
max-width: 335px;
margin: 10px auto;
text-align: left;
padding-left: 82px;
background-repeat: no-repeat;
background-size: 72px 45px;
background-image:url(//www.marutaka-c.com/common/images/uploads/2025/05/a81ea87a72337fee7f3818170874fe65.webp);
background-position: 0;
white-space: nowrap;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.gift-area .gift-area-main .price {
color: #adbc32;
font-size: 24px;
}	
.notice {
margin: 0 auto;
font-size: 10px;
line-height: 1.2;
text-align: left;
}
.strengths-pic1 {
width: 100%;
height: 380px;
object-fit: cover;
object-position: 50% 20%;
border-radius: 2.5rem 0 0 2.5rem;
margin-left: 10px;
}
.strengths-pic2 {
width: 100%;
height: 380px;
object-fit: cover;
object-position: 50% 20%;
border-radius: 0 2.5rem 2.5rem 0;
margin-left: -20px;
}
.strengths-pic3 {
width: 100%;
object-fit: cover;
object-position: 50% 20%;
border-radius: 2.5rem 0 0 2.5rem;
margin-left: 10px;
}
.tit_area {
position:absolute;		
}
.strengths-point {
width: 60px;
position: absolute;
display: block;
z-index: 1;
top: -290px;
}
.strengths-image-copy {
writing-mode: vertical-rl;
background-color: #fff;
left: 10px;
top: -240px;
position: relative;
padding: 40% 3%;
letter-spacing: 4px;
font-size: 22px;
box-shadow: 6px 6px #e1e8c9c2;
border: 1px solid #a2aa84;
min-height: 300px;
min-width: 90px;
margin: 4px 18px;
}
.strengths-point-image1 {
margin: 0 auto;
display: block;
max-height: 90px;
padding:3%;
}
.strengths-point-image2 {
margin: 0 auto;
display: block;
max-height: 90px;
padding:3%;
}
.strengths-point-image3 {
margin: 0 auto;
display: block;
max-height: 100px;
padding:2%;
}
.text_area {
text-align:left;
padding:5%;
text-align: justify;
}
.text_area-copy {
font-size: 16px;
font-weight: 600;
letter-spacing: normal;
}	
.sumikae-voice-cols .text {
text-align:left;
padding: 0% 8% 16% 8%;
text-align: justify;	
}
.comparison-table thead {
display: none;
}
.comparison-table tbody, 
.comparison-table tr, 
.comparison-table td {
display: block;
width: 100%;
}
.comparison-table tr {
margin-bottom: 1em;
}
.comparison-table td {
text-align: left;
position: relative;
width: auto;
padding: 5%;
margin-bottom: 40px;
}
.comparison-table td::before {
content: attr(data-label);
position: absolute;
top: -30px;
left: 12px;
width: 45%;
font-weight: bold;
white-space: nowrap;
}
}
@media (max-width: 639px) {
.seller-image {
background-repeat: no-repeat;
background-size: 740px auto;
background-image: url(//www.marutaka-c.com/common/images/uploads/2025/05/DSC7473_bokashi-scaled.webp);
background-position: 35% 0%;
height: 480px;
margin-top: -90px;
position: relative;
}
.seller-image-copy {
writing-mode: vertical-rl;
background-color: #ffffff;
left: 14px;
top: 60px;
position: relative;
padding: 3%;
letter-spacing: 4px;
font-size: 16px;
box-shadow: 6px 6px #eff2e5;
border: 1px solid #a2aa84;
}	
.gift-area-button {
display: inline-block;
width: 100%;
text-align: center;
font-size: 16px;
background: #5c7f8b;
color: #fff;
border-radius: 6px;
padding: 18px 0px;
margin-top: 16px;
margin-bottom: 10px;
border: 2px solid #5c7f8b;
position: relative;
line-height: 3rem;
width: 70%;
}
.gift-area-button:hover {
background: #fff;
border: 2px solid #5c7f8b;
color: #5c7f8b;
}
.comparison-table th {
text-align:center;
font-weight:700;
}
.strengths {
background: #eff2e5;
padding: 4% 0%;
}
.flow {
display: flex;
}
.flow-list {
display: flex;
counter-reset: custom-counter;
flex-direction: column;
align-items: center;
gap: 16px;
width:50%;
overflow: visible;
}
.buyer-list {
top: 180px;
position: relative;
}
.flow-item {
writing-mode: horizontal-tb;
padding: 10px 20px;
  margin-left: 10px;
min-width: 180px;
font-weight: 700;
letter-spacing: 0.5em;
background: #ffffff;
border-radius: 10px;
text-align: center;
overflow: visible;
position: relative;
font-size:13px;
letter-spacing: 1px;
}
.flow-item::before {
counter-increment: custom-counter;
content: counter(custom-counter, decimal-leading-zero);
position: absolute;
top: -1em;
left: 0.6em;
transform: rotate(0) translateX(-0.8em);
transform-origin: left top;
color: #adbc32;
text-align: center;
font-size: 1.8125em;
font-weight: 700;
letter-spacing: 0;
font-family: "Shippori Mincho";
}
.flow-item::after {
transform: rotate(90deg) translateX(25px);
top: unset;
right: calc(50% - 6px);
bottom: 0;
position: absolute;
top: calc(50% - -4px);
content: "";
width: 12px;
height: 12px;
background: url(//www.marutaka-c.com/common/images/uploads/2025/06/icon_arrow.png) no-repeat;
background-size: contain;
z-index: 10;
}
.flow-item:last-child::after {
display: none;
}
.consultation-title {
font-weight: 700;
font-size: 20px;
letter-spacing: 1px;
font-family: "futura-pt", "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.consultation-subtitle {
font-weight: 700;
font-size: 18px;
letter-spacing: 1px;
font-family: "futura-pt", "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.handdrawn-dot-btn {
width: 280px;
height: 40px;
line-height: 40px;
text-align: center;
display: block;
margin: 0 auto 5px;
border: 1px dashed #333;
border-radius: 20px;
}
.referral-system-flow {
background: #A48B78;
border-radius: 10px;
color: #fff;
width: 80px;
display: inline-block;
text-align: center;
margin-right: 10px;
float: left;
}
.referral-system-flow-txt {
padding-left: 6em;
display: block;
}
.referral-system-subtitle {
font-size: 16px;
border-bottom: 1px solid;
display: inline-block;
font-weight:700;
}	
.referral-system-title {
font-size: 149%;
letter-spacing: 1px;
text-align: center;
}
.rerative {
position:relative;		
}
.women-left {
position: absolute;
left: 0px;
width: 80px;
top: -50px;
}
.women-right {
position: absolute;
right: 0px;
width: 90px;
top: 340px;
}
.women-bath {
position: absolute;
left: 0px;
width: 90px;
z-index: 2;
top: -90px;
}
.women-light-bulb {
position: absolute;
right: 16px;
width: 50px;
top: 240px;
transform: rotate(10deg);
z-index: 10;
}
.topchosei {
top: 60px;
position: relative;	
}
.sp-mb30 {
margin-bottom:30px;
}
.catch-women {
font-size: 120%;
letter-spacing: 1px;
color:#444;
font-weight: 700;
}
.women-feature-title {
font-size: 122%;
text-align: left;
color: #444;
letter-spacing: 1px;
}
.women-feature-content-number {
padding-right: 20px;
color: #EF857D;
font-size: 4.375em;
font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-weight: 200;
}
.women-feature-flex-box {
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#contactBlock .contact_ttl {
text-align:left;
padding:5%;
}
.contact-color-box p {	
font-size: 13px;
line-height: 1.8;
text-align: left;
}
.pet-top-bg-image {
background-image: url(//www.marutaka-c.com/common/images/uploads/2025/01/361db64598185915a502604e1a0e83ec.webp);
width: 100%;
height: 484px;
background-size: cover;
background-position: center;
border-radius: 10px 10px 10px 80px;
}
#mainImgBlock .glide__track li {
width: 100%;
height: 390px;
position: relative;
}
#mainImgBlock .glide__track li .box {
color: #fff;
position: absolute;
padding: 15px;
bottom: 40px;
left: 0px;
}
#showroomBlock .inner .box .textBox {
padding: 0 24px;
text-align: left;
font-size: 13px;
}
#guideBlock p {
margin: 0 15px;
padding-bottom: 25px;
font-size: 13.5px;
}
.size13 {
font-size:13px; 
}
.contact-color-box {
padding: 5%;
}
.contact_more a {
font-size:12px;
}
.women-pic {
height: 300px;
object-fit: cover;
object-position: 50% 100%;
}
.women-section-title {
font-size: 144%;
letter-spacing: 1px;
color:#444;
}
.left-yajirushi{
position: absolute;
top: -40px;
display:none;
}
.right-yajirushi{
position: absolute;
top: -40px;
display:none;
}
.reason-plus {
text-align: center;
margin: 0 auto;
z-index: 1;
top: -20px;
position: relative;
}
.reason-bottom {
width: 100%;
display: inline-block;
text-align: left;
position: relative;
top: -68px;
}	
}
@media (min-width: 640px)  {
.voicebox-inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 24px;
}
#voiceBlock .listBox article a {
width: 100%;
height: auto;
background: url(//www.marutaka-c.com/yume.kanri/wp-content/images/voice/bg_list_cover.png) no-repeat;
display: block;
padding: 24px;
border-bottom: 1px solid #333;
background: none;
}
#voiceBlock .listBox article {
width: 480px;
height: auto;
float: left;
padding: 0px;
}	
#voiceBlock .listBox article a figure {
margin: 0 auto;
border-radius: 10px;
width: 100%;
   }
#voiceBlock .listBox article a figure img {
height: auto;
margin: 0 auto;
}	
#buildBlock .innerBlock section .inner .voiceBtn a span {
width: 100px;
height: 32px;
text-align: left;
font-size: 78%;
line-height: 32px;
top: 0px;
left: 0px;
display: block;
position:relative;
}
.voiceBtn-flex {
display: flex;
gap: 10px;
justify-content: center;
align-items: center;	
}
.comparison-table th.width10 {width:10%;}
.heading-main {
font-size: 20px;
font-weight: 600;
}
.seller-section-title {
font-size: 186%;
letter-spacing: 1px;
color: #444;
}
.text_area-copy {
font-size: 20px;
font-weight: 600;
}
.seller-flex-width {
width:50%;
}
.hudousan-logo {
letter-spacing:0.3em;
font-feature-settings: "palt";
font-size: 32px;
line-height: 1.2;
text-align: center;
font-weight: 700;
color: #eff2e5;
display:block;
}
.gift-area-button {
display: inline-block;
width: 100%;
text-align: center;
font-size: 16px;
background: #5c7f8b;
color: #fff;
border-radius: 6px;
padding: 18px 0px;
margin-top: 16px;
margin-bottom: 10px;
border: 2px solid #5c7f8b;
position: relative;
line-height: 3rem;
width: 70%;
}
.gift-area-button:hover {
background: #fff;
border: 2px solid #5c7f8b;
color: #5c7f8b;
}
.comparison-table th {
text-align:center;
font-weight:700;
}
.senkou-txt {
padding: 25px;
min-height:310px;
}
.senkou-tate {
writing-mode: vertical-rl;
}
.sumikae-voice {
max-width: 1160px;
width: 100%;
margin: 0 auto 80px;
padding: 0 30px;
}
.sumikae-voice-cols {
display: flex;
margin: 0 auto 50px;
gap: 30px;
}
.sumikae-voice-item {
display:flex;
align-items: center;
}
.sumikae-voice-img {
display:inline-block;
margin: 0 20px 0 0;
}
.sumikae-voice-name {
letter-spacing: 0px;
font-size: 14px;
}
.sumikae-voice-name h3 {
letter-spacing: 0px;
font-size: 16px;
}
.col {
width:50%;		
}	
.consultation-title {
font-weight: 700;
font-size: 20px;
letter-spacing: 1px;
font-family: "futura-pt", "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.consultation-subtitle {
font-weight: 700;
font-size: 17px;
letter-spacing: 0px;
font-family: "futura-pt", "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.consultation-flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
gap: 6px;
}
.strengths {
background: #eff2e5;
padding: 4% 0%;
}
.strengths-section {
position: relative;
width: 1160px;
margin: 0 auto;
background: #fff;
border-radius: 60px;
padding: 1%;				
}
.strengths-pic1 {
width: 100%;
height: 420px;
object-fit: cover;
object-position: 50% 20%;
border-radius: 60px;
}
.strengths-pic2 {
width: 100%;
height: 420px;
object-fit: cover;
object-position: 50% 70%;
border-radius: 60px;
}
.strengths-pic3 {
width: 100%;
height: 420px;
object-fit: cover;
object-position: 50% 50%;
border-radius: 60px;
}
.strengths-image-copy {
writing-mode: vertical-rl;
background-color: #fff;
left: 70px;
top: -240px;
position: relative;
padding: 6% 2.5%;
letter-spacing: 4px;
font-size:26px;
box-shadow: 6px 6px #e1e8c9c2;
border: 1px solid #a2aa84;
}
.strengths-point {
width: 100px;
position: relative;
display: block;
z-index: 1;
top: -180px;
left: 20px;
}
.strengths-point-image1 {
width: 224px;
position: absolute;
right: 8px;
top: 10px;
z-index:-1;
}
.strengths-point-image2 {
width: 190px;
position: absolute;
right: 30px;
top: 10px;
z-index:-1;
}
.strengths-point-image3 {
width: 132px;
position: absolute;
right: -46px;
top: -36px;
z-index: -1;
transform: rotate(15deg);
}
.text_area {
position: relative;
z-index: 10;
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
box-sizing: border-box;
 padding-left: -500px;
padding-left: 270px;
margin: 0 auto;
}
.tit_area {
position: absolute;
padding: 24px 0;
text-align: center;
margin: 0 auto;
width: 100%;
}
.seller-image {
background-repeat: no-repeat;
background-size:1500px auto;
background-image: url(//www.marutaka-c.com/common/images/uploads/2025/05/DSC7473_bokashi-scaled.webp);
background-position: 240px;
height: 680px;
margin-top: -100px;
position:relative;
}
.seller-image-copy {
writing-mode: vertical-rl;
background-color: #ffffff8a;
left: 100px;
top: 100px;
position: relative;
padding: 3%;
letter-spacing: 4px;
font-size:26px;
box-shadow: 6px 6px #eff2e5;
border: 1px solid #a2aa84;
}
.seller-flex {
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;	
gap: 20px;
}
.seller-catch-main {
background-size: 140px auto;
line-height: 36px;
padding-left: 140px;
}	
.seller-catch-main {
margin: 60px auto;
text-align: left;
padding-left: 280px;
background-repeat: no-repeat;
background-size: 240px auto;
background-image: url(//www.marutaka-c.com/common/images/uploads/2025/05/24063810.webp);
background-position: 0;
}
.flow-list {
display: flex;
justify-content: center;
counter-reset: custom-counter;
gap: 40px;
overflow: visible;
}	
.flow-item {
position: relative;
writing-mode: vertical-rl;
color: var(--primariy, #4A4942);
padding: 20px 10px;
font-weight: 700;
font-size: 16px;
letter-spacing: 0.4em;
background: #ffffff;
border-radius: 10px;
text-align: center;
overflow: visible;
}
.flow-item::before {
counter-increment: custom-counter;
content: counter(custom-counter, decimal-leading-zero);
position: absolute;
top: -1em;
transform: rotate(-90deg) translateX(-1em);
transform-origin: left top;
color:#adbc32;
text-align: center;
font-size: 29px;
font-weight: 700;
letter-spacing: 0;
left: calc(50% - 0.5em);
font-family: "Shippori Mincho";
}
.flow-item::after {
position: absolute;
top: calc(50% - 8px);
right: -28px;
content: "";
width: 16px;
height: 16px;
background: url(//www.marutaka-c.com/common/images/uploads/2025/06/icon_arrow.png) no-repeat;
background-size: contain;
}
.flow-item:last-child::after {
display: none;
}
.seller-list {
left: -100px;
position: relative;
}
.buyer-list {
left:220px;
position: relative;
}
.senkou-flow {
position: absolute;
left: calc(18%);
font-weight: 700;
}
.gift-area>div {
margin: 0 auto;
max-width: 740px;
text-align:left;
padding: 20px;
}
.gift-area>div {
padding: 20px 0;
margin: 0 auto;
}
.gift-area-main {
width: 540px;
max-width: 540px;
background-size: 149px 93px;
font-size: 24px;
line-height: 36px;
}
.gift-area-main {
width: calc(100% - 20px);
max-width: 540px;
margin: 10px auto;
text-align: left;
background-repeat: no-repeat;
background-size:150px auto;
background-image: url(//www.marutaka-c.com/common/images/uploads/2025/05/a81ea87a72337fee7f3818170874fe65.webp);
background-position: 390px;
white-space: nowrap;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.gift-area .gift-area-main .price {
font-size: 40px;
color: #adbc32;
}	
.special-offer {
position: relative;
color: #adbc32;
max-width: 620px;
font-weight: 600;
font-size: 14px;
line-height: 36px;
margin: 0 auto;
text-align: center;
}
.special-offer:before {
content: "";
display: block;
width: 100%;
height: 1px;
background-color: #adbc32;
margin: 0 auto 4px;
}
.notice {
width: 540px;
margin: 0 auto;
font-size: 11px;
line-height: 1.4;
}	
.gift-area{
background: #eff2e5;
margin: 0 calc(50% - 50vw);
width: 100vw;
overflow: hidden;
}
.button-list {
background: #eff2e5;
border-radius: 32px;
padding: 4px 12px;
margin: 6px;
font-size: 13px;
font-weight: 600;
}
.seller-point {
width: 1160px;
margin: 60px auto;
border-radius: 60px;
padding: 3%;
border: 6px solid #eff2e5;
background: #fff;
}
.button-list .icon {
color: #adbc32;
padding-right: 4px;
}
.handdrawn-dot-btn {
width: 272px;
height: 40px;
font-size: 114%;
line-height: 40px;
text-align: center;
background: url(//www.marutaka-c.com/common/images/reform/bg_btn.png) no-repeat;
display: inline-block;
margin: 0 20px;
}
.referral-system-flow {
background: #A48B78;
border-radius: 10px;
color: #fff;
width: 80px;
display: inline-block;
text-align: center;
margin-right: 10px;
float: left;
}
.referral-system-flow-txt {
padding-left: 6em;
display: block;
}
.referral-system-subtitle {
font-size: 16px;
border-bottom: 1px solid;
display: inline-block;
font-weight:700;
}	
.referral-system-title {
font-size: 140%;
letter-spacing: 1px;
text-align: center;
}
.women-left {
position: absolute;
left: -150px;
width:130px;
}
.women-right {
position: absolute;
right: -130px;
width:130px;
top:100px;
}
.women-bath {
position: absolute;
left: -150px;
width: 166px;
z-index: 2;
top: -165px;
}
.women-light-bulb {
position: absolute;
right: -40px;
width: 110px;
top: -40px;
transform: rotate(10deg);
z-index: 10;
}
.catch-women {
font-size: 170%;
letter-spacing: 1px;
color:#444;
}
.left-yajirushi{
position: absolute;
top: -40px;
}
.right-yajirushi{
position: absolute;
top: -40px;
}
.reason-plus {
position: absolute;
text-align: center;
margin: 0 auto;
left: 49%;
z-index: 1;
}
.reason-bottom {
width: 100%;
display: inline-block;
text-align: center;
position: relative;
top: -68px;
}	
.reason-flex-box {
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display:flex;
gap:2%;
}
.women-section-title {
font-size: 186%;
letter-spacing: 1px;
color:#444;
}
.women-pic {
width: 600px;
height: 460px;
object-fit: cover;
object-position: 50% 100%;
}
.women-feature-title {
font-size: 156%;
width: 83%;
text-align: left;
color: #444;
letter-spacing: 1px;
}
.women-feature-content-number {
padding-right: 20px;
color: #EF857D;
font-size: 4.375em;
font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-weight: 200;
}
.women-feature-flex-box {
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#contactBlock .contact_ttl {
text-align:left;
padding:2%;
}
.contact-color-box {
padding: 2%;
}
.pet-top-bg-image-wrapper {
width:1320px;
margin: 0 auto;
}
.pet-top-bg-image {
background-image: url(//www.marutaka-c.com/common/images/uploads/2024/11/1d8224e5f8e129e68a896492dcfe619c.webp);
width: 100%;
height:660px;
background-size: cover;
background-position: center;
border-radius: 120px;
margin-top: 60px;
}
}
.women-section-title-en1 {
width:120px;
}
.women-section-title-en2 {
width:220px;
}
.radius1 {
border-radius: 1em;
}
.sort-buttons{
text-align: left;
padding-left: 4%;
margin-bottom: 30px;
}
.unfavorited {color:#5f6368;}
.unfavorited:hover {color:#731F1F;}
.favorited {color:#731F1F;}
.pet_topttl_p {
font-weight: 700;
font-size: 19px;
text-align: center;
margin: 0 auto;
width: 100%;
display: block;
color: #EF857D;
}
.pet_topttl {
margin: 0 auto;
max-width: 400px;
text-align:left;
}
.pet-footprints {
left: 150px;
position: relative;
top: 4px;
}
.pet-footprints img {
width: 26px;
transform: rotate(-44deg);
}
.pet-top-fadein {
animation-name: fadein;
animation-duration: 3s;
}
@keyframes fadein{
from{
opacity: 0;
transform: translatey(20px);
}
to{
opacity: 1;
transform: translatey(0);
}
}
.pet-bubble-1 {
position: absolute;
left: 1150px;
top: 54px;
z-index: 0;
opacity: 0.4;
}
.pet-bubble-2 {
position: absolute;
left: -450px;
z-index: 0;
width: 1000px;
top: 415px;
}
.pet-reno-ttl {
font-size: 28px;
text-align: center;
justify-content: center;
font-weight: 700;
z-index: 20;
position: relative;
}
.pet-reno-subttl {
font-size: 23px;
font-weight: 700;
}
.pet-rw-copy {
width: 275px;
height: 48px;
background-color: #fff;
margin: 0 0 10px;
padding: 8px 14px 8px 14px;
letter-spacing: .1em;
background: rgba(255, 255, 255, 0.86);
font-weight: 700;
}
.dataBox table td a {
border-bottom: 1px solid;
}
.dataBox table td a:hover {
color: #8e451c;
}
.slider-img {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.slick-initialized .slider-img {
display: block;
}
.pickuparea-inline-slide {
width: 100%;
margin: 0 auto;
background: #fff;
display: inline-block;
align-items: center;
justify-content: center;
border: 1px solid #dcdcdc;
transition: 0.3s;
}
.pickuparea-inline-slide:hover {
transform: translate(-7px, -7px);
box-shadow: 7px 7px 5px 5px #ddd;
}
.pickup-slide-text{
}	
.pickup-slide-text-box {
font-size: 12px;
padding: 5%;
display: flex;
align-items: center;
height: 50px;
}
.pickup-slide-text-box-cap {
width: 90%;
}
.pickup-slide-text-box i {
text-align:right;
width: 10%;
color: #8e451c;
}
.balloon1 {
position: relative;
display: inline-block;
margin: 1.5em 0;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 16px;
background: #e4ffe0;
border-radius: 15px;
position: absolute;
top: -100px;
}
.balloon1:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: 70px;
border: 14px solid transparent;
border-top: 50px solid #e4ffe0;
z-index: 10;
}
.balloon1 p {
margin: 0;
padding: 0;
font-size: 12px;
}
.slider-event {
margin: 0 auto;
max-width: 100%;
width: 80%;
}
.slider-img {
margin: 0 5px;
}
.slider-img img {
height: auto;
width: 100%;
}
.slider-event-wrapper .slick-list{
overflow: visible;
}
.pet-case-txtarea {
padding: 5%;
}
#subNav ul li a span.font89 {
font-size: 97%;
font-feature-settings: "palt";
}
.builds-comment-box a {
display: block;
text-align: right;
width: 100%;
margin-top: 4px;
}
#conseptareaBlock{
width:1000px;
margin:0 auto;
}
.wrap-concept-gird {
display:grid;
gap:20px;
justify-content: space-between;
grid-template-columns:1fr 1fr;
}
.concept-gird {
padding:5%;
border-radius:20px;
position: relative;
border: 2px solid #ddd;
}
.concept-gird figure {
left: 20px;
text-align: center;
float: left;
position: absolute;
}
.concept-gird span{
display: block;
font-size: 12px;
}
.concept-gird h3 {
font-size: 17px;
margin-bottom: 10px;
letter-spacing: 2px;
font-feature-settings: "palt";
text-align:center;
font-weight:700;
}
.concept-gird p {
font-size:12px;
}
.concept-gird img {
height: 44px;
}
#conseptareaBlock .more {
width: 40%;
margin: 30px auto;
}
#conseptareaBlock .more a.btn05 {
line-height: 30px;
}
.staff-related-cases-box p.fontb {
letter-spacing: 0px;
font-weight: 400;
font-size: 13px;
text-align: left;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
}
.fadein {
opacity: 0;
}
.fadein.active {
animation: 2s fadeup ease-in-out forwards;
}
@keyframes fadeup {
0% {
opacity: 0;
transform: translateX(-50px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.size13-5 {
font-size:13.5px;
letter-spacing: 0.5px;
}
.gothic {
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
}
.br-migiue {border-radius: 10px 80px 10px 10px;}
.br-migishita {border-radius: 10px 10px 80px 10px;}
.br-hidarishita {border-radius: 10px 10px 10px 80px;}
.pet-pic1 {
width: 600px;
height: 500px;
object-fit: cover;
object-position: 45% 100%;
}
.pet-pic2 {
width: 600px;
height: 500px;
object-fit: cover;
object-position: 15% 100%;
}
.pet-pic3 {
width: 600px;
height: 500px;
object-fit: cover;
}
.pet-bg {
background: #f2eeea;
position: relative;
}
.zenmaru {
font-family: "Zen Maru Gothic", "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
}
.innerBlock p.zenmaru {
font-family: "Zen Maru Gothic", "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
}
.shippori {
font-family: "Shippori Mincho" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.staff-related-cases-ttl {
font-weight:700;
border-bottom: 1px dashed #000;
display: inline-block;
padding-bottom: 2px;
margin-bottom: 30px;
}
.staff-related-cases-box {
display: grid;
gap: 12px;
grid-template-columns: repeat(auto-fit, minmax(170px, 0fr));
margin-bottom: 40px;
}
.staff-related-cases-img  img {
width: 170px;
height: 170px;
object-fit: cover;
}
.grid-4-2 {
display: grid;
gap: 40px;
grid-template-columns: repeat(auto-fit, minmax(198px, 1fr));
}
.footer-menu-build {
float: left;
text-align: left;		
}
.contact-txt {
display: block;
font-size: 22px;
}
.dashed-border-bottom {
font-size: 14px;
line-height: 2.0;
background: url(//www.marutaka-c.com/common/images/common/bg_line_dot_4.png) no-repeat bottom;
display: inline-block;
background-size: contain;
}
.service-navi-txt {
min-height: 110px;
text-align: justify;
max-width: 80%;
margin: 0 auto;
font-size: 13px;
display: block;
}
.service-top-nav-block h3 {
font-weight: 700;
font-size: 140%;
letter-spacing: 1px;
margin-bottom: 10px;
}
.ichiran-kakaku {
font-size: 15px;
display: block;
text-align: center;
margin: -16px 0px 0px 0px;
font-weight: 700;
}
.simple-btn {
border: 1px solid;
padding: 22px;
border-radius: 4px;
}
#outlineBlock dl dd a.futu {
background: none;
color: #000;
font-size: 12px;
width: auto;
float: left;
text-align: left;
position: relative;
height: auto;
display: contents;
}
.icon-pinterest:before {
content: "\ead1";
}
.pickupbukkenarea-block .img-box {
position: relative;
}
.price-unit {
font-size: 12px;
letter-spacing: .1px;
margin-bottom: 2px;
margin-left: 2px;
}
.toppage-price {
display: inline-flex;
position: absolute;
bottom: 0;
left: 0;
flex-direction: column;
min-height: 24px;
padding: 6px;
border-top-right-radius: 2px;
border-bottom-left-radius: 2px;
background-color: rgba(0, 0, 0, .8);
color: #fff;
font-size: 16px;
}
#planBlock > .catch {
width: 500px;
text-align: center;
background: none;
padding-bottom: 60px;
margin: 0 auto;
}
@import url("https://fonts.googleapis.com/css?family=Exo:400,700");
.flex-grow {
flex-grow: 1;
}
.build-tateyoko {
display: flex; align-items: stretch;
margin-bottom: 20px;
gap: 0px 2%;
width:100%;
}
.build-tateyoko img {
width: 100%;
max-height: 287px;
object-fit: cover;
}
.yobo-box {
border: 8px solid #f4ecde;
margin-top:40px;
padding: 1%;
}
.pointmarker{
background-color: #f4ecde;
padding:1%;
font-weight:700;
}
.singleBlock .innerBlock section .textBox p.yobo {
padding-bottom: 0;
font-size: 13px;
}
.points-box-font {
padding-left: 20px;
letter-spacing: 0px;
}
.points-box-dashed {
border-bottom: dashed 1px;
padding-bottom: 30px;
}
.footprints {
position: relative;	
}
.parallax > use {
animation: move-forever 25s cubic-bezier(.55,.5,.45,.5)     infinite;
}
.parallax > use:nth-child(1) {
animation-delay: -2s;
animation-duration: 7s;
}
.parallax > use:nth-child(2) {
animation-delay: -3s;
animation-duration: 10s;
}
.parallax > use:nth-child(3) {
animation-delay: -4s;
animation-duration: 13s;
}
.parallax > use:nth-child(4) {
animation-delay: -5s;
animation-duration: 20s;
}
@keyframes move-forever {
0% {
transform: translate3d(-90px,0,0);
}
100% { 
transform: translate3d(85px,0,0);
}
}
.circles{
top: 0;
left: 0;
width: 50%;
height: 100%;
overflow: hidden;
padding-left: 300px;
}
.circles li{
position: absolute;
display: block;
list-style: none;
width: 20px;
height: 20px;
background: rgba(255, 255, 255, 0.2);
animation: animate 25s linear infinite;
bottom: -30px;
}
.circles li:nth-child(1){
left: 25%;
width: 80px;
height: 80px;
animation-delay: 0s;
}
.circles li:nth-child(2){
left: 10%;
width: 20px;
height: 20px;
animation-delay: 2s;
animation-duration: 12s;
}
.circles li:nth-child(3){
left: 70%;
width: 20px;
height: 20px;
animation-delay: 4s;
}
.circles li:nth-child(4){
left: 40%;
width: 60px;
height: 60px;
animation-delay: 0s;
animation-duration: 18s;
}
.circles li:nth-child(5){
left: 65%;
width: 20px;
height: 20px;
animation-delay: 0s;
}
.circles li:nth-child(6){
left: 75%;
width: 110px;
height: 110px;
animation-delay: 3s;
}
.circles li:nth-child(7){
left: 35%;
width: 150px;
height: 150px;
animation-delay: 7s;
}
.circles li:nth-child(8){
left: 50%;
width: 25px;
height: 25px;
animation-delay: 15s;
animation-duration: 45s;
}
.circles li:nth-child(9){
left: 20%;
width: 15px;
height: 15px;
animation-delay: 2s;
animation-duration: 35s;
}
.circles li:nth-child(10){
left: 85%;
width: 150px;
height: 150px;
animation-delay: 0s;
animation-duration: 11s;
}
@keyframes animate {
0%{
transform: translateY(0) rotate(0deg);
opacity: 1;
border-radius: 150px;
background-color: #f7ddc5;  
}
100%{
background-color: #f8eac0;  
transform: translateY(-1000px) rotate(720deg);
opacity: 0;
border-radius: 50%;
}
}
.women-copy {
margin: 0 0 20px;
padding: 8px 8px;
font-size:22px;
letter-spacing: 0.02em;
background: rgb(218 222 227);
color: #1e4055;
display: inline-block;
background-image: repeating-linear-gradient(54deg, rgba(218, 222, 227, 0.8), rgba(231, 238, 232, 0.8) 22%, rgba(231, 241, 243, 0.8) 46%, rgba(218, 222, 227, 0.8) 64%);
}
#contactBlock .contact_ttl span {
font-size:38px;
line-height:1.2;
}
#contactBlock .contact_ttl h1 {
font-weight: 700;
}
.contact_more {
position: relative;
width: 100%;
display: flex;
align-items: center;
height:80px;
}
.contact_more a {
display: block;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 18px;
padding: 1.5em 0em;
background-color: #fff;
border: 1px solid #555;
opacity: 1;
border-radius: 4px;
font-weight:700;
}
.contact_more a:hover {
background-color: #555;
color: #fff;
border: 1px solid #555;
}
.contact_more a::after {
content: "";
position: absolute;
right: 20px;
width: 5px;
height: 5px;
border-top: 1px solid #000;
border-right: 1px solid #000;
transform: rotate(45deg);
margin-top: 0px;
}
.contact_more a:hover::after {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.b_more {
position: relative;
max-width: 250px;
max-width: 300px;
width: 100%;
display: flex;
align-items: center;
border-radius: 2px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
margin: 1em auto 5em auto;
}
.b_more a {
display: block;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 14px;
padding: 1.5em 0em;
background-color: #fff;
border: 1px solid #555;
opacity: 1;
}
.b_more a:hover {
background-color: #555;
color: #fff;
border: 1px solid #555;
}
.b_more a::after {
content: "";
position: absolute;
top: 48%;
right: 20px;
width: 5px;
height: 5px;
border-top: 1px solid #000;
border-right: 1px solid #000;
transform: rotate(45deg);
margin-top: 0px;
}
.b_more a:hover::after {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.customer-family-sheet {
min-width: 770px;
}
.customer-family-sheet th {
background-color: #ddd;
text-align: center;
}
.customer-family-sheet .birth {
width: 220px;
}
.customer-family-sheet td {
padding: 1%;
}
.customer-family-sheet input {
width: 100%;
min-height: 30px;
}
.wave {
position: relative;
top: -620px;
}
.first__copy {
font-size: 48px;
top: -140px;
left: 160px;
position: relative;	
}
.pet-first_copy {
font-size: 36px;
top: 200px;
position: relative;
left: 800px;
line-height: 80px;
}
.hikki-info-title {
width: 680px;
position: relative;
left: 890px;
top: -560px;
}
.rw-copy {
width: 275px;
height: 48px;
background-color: #fff;
margin: 0 0 10px;
padding: 6px 17px 8px 17px;
letter-spacing: .1em;
background: rgba(255, 255, 255, 0.2);
}
.balloonbox{
position: absolute;
display: block;
top: 150px;
width: 290px;
left: 136px;
color: #fff;
}	
.balloon {
position: relative;
top: -1224px;
display: block;
width: 800px;
opacity: 0.9;
left:60px;
}
.balloon-copy {
text-align: left;
padding: 10px 0px;
font-weight: 700;
font-size: 120%;
}
.prop-atts dl dd .price-format {
font-size: 1.4em;
font-weight: 600;
}
.prop-atts {
border: 2px solid var(--color-border);
border-width: 1px 0;
padding: 6px 0;
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
float:left;
}
.innerBlock section .prop-atts dl dt{
float: left;
font-weight: 600;
background-color: #172852;
color: #fff;
border-radius: 1px;
font-size: 11px;
padding: 0 7px;
margin-bottom: 6px;
}
.prop-atts dl dd {
margin-left: 52px;
padding: 0px 2px 0px 0px;
}
.fa-check-square-o:before {
content: "\f046";
}
.tagcloud {
width: 240px;
margin: 0 auto;
display: block;
}
.tagcloud li.jireitag a {
width: auto;
display: block;
}
.tagcloud li {
font-size: 13px !important;
background: #E6E6E6;
display: inline-block;
white-space: nowrap;
text-decoration: none;
font-family: "YuGothic", "Yu Gothic", "游ゴシック", "游ゴシック体", sans-serif;
padding: 2px 4px;
letter-spacing: 1px;
font-feature-settings: "palt";
width: auto;
float: left;
margin-right: 2px;
margin-bottom: 2px;
}
.fontb {font-weight:700;}
.gyoff {display:none!important;}
body {
overflow:hidden;
font-size: 14.7px;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
font-weight: 500;
}
.innerBlock p, .nof {
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
}
.side-category {
font-size: 10px;
background: #DCDCDC;
padding: 2px;
font-weight: 900;
float: left;
letter-spacing: 0px;
top: 2px;
position: relative;
}
#pankuzu {font-size:10px;}
#pankuzu ul {
line-height:100%;
background: #F0F0F0;
padding: 4px 4px;
}
.border-area small {
font-size:13px;
color:#666;
font-weight: 400;
}
#pankuzu ul li {line-height: 1.2; vertical-align: text-bottom;}
#works514 .voiceBtn {display:none;}
.map-back-side {text-align:left;}
.mail:before {
font-family: "Font Awesome 5 Free","Font Awesome 5 Brands";
content: '\f0e0';
font-size: 28px;
display: block;
}
.calendar:before {
 font-family: "Font Awesome 5 Free","Font Awesome 5 Brands";
content: '\f073';
font-weight: 700;
font-size: 28px;
display: block;
}
.innerBlock nav.subpageNav ul li a small.next {
display: inline-block;
padding: 2px;
background-color: #0d7b81;
vertical-align: middle;
border: 1px solid;
text-align: center;
margin: -2px 4px 0px 0px;
color: #fff;
}
.box2 small {
font-size:86%;
display: block;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
}
.box small {
font-size:70%;
display: block;
letter-spacing: 0px;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
line-height: 1.4;
}
#mainImgBlock .glide__track li .box span {
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
font-size: 120%;
line-height: 1.0;
}
#mainImgBlock .glide__track li .box .ttl {line-height:1.8;}
section .inner .treatment p.pochinashi {
background: none;
padding-left: 0;
}
.grid {
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fill, minmax(236px, 1fr));
}
.grid-inner {text-align: center;}
.grid img,.grid2 img {
max-width: 100%;
height: auto;
}
.service-img img {
max-width: 100%;
height: auto;
}
.onestop-merit-area .img-box figure.service-img {
position: relative;
width: 644px;
display: inline-block;
height: 100%;
}
.onestop-merit-area h2.iriguchi {
width: 310px;
height: 62px;
font-size: 128%;
text-align: center;
letter-spacing: 1px;
line-height: 46px;
background: url(//www.marutaka-c.com/common/images/reform/natural/bg_fuki.png) no-repeat 50% 0%;
margin: 0 auto 20px;
}
.h-mid {
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.h-mid-text {min-height: 164px;}
.left {left: 0;}
.service-blk-left {left: 0; right: auto!important;}
.align-right {text-align: right;}
.table-cell {
display: table-cell;
vertical-align: middle;
}
.kuwashiku {
border-top: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
width: 100%;
display: block;
padding: 16px;
font-weight:700;
text-align: right;
background: rgba(50,50,50,0.1);
}
.service-number {
position: absolute;
top: -90px;
right: 6px;
color: #493f3a99;
font-size: 700%;
font-weight: 400;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.recruit-tab-area {
width: 100%;
display: flex;
margin: 0 auto;
text-align: center;
align-items: center;
justify-content: center;
padding:0px 0px;
}
#adviser,#management,#planer {
padding: 150px 0 80px!important;
margin: -150px auto 0px!important;
}
#flow {
text-align: center;
margin: -150px auto 0px;
padding: 150px 0 0px;
padding-bottom:60px;
}
.pickup-right .moree {
width: 40%;
height: 24px;
line-height: 24px;
font-size: 100%;
text-align: center;
background: #010101;
border-radius: 16px;
display: block;
margin: 0 auto;
font-size:12px;
font-weight:700;
color:#fff;
}
.btn-animation-02 {
display: inline-block;
width: 200px;
text-align: center;
background-color: #9ec34b;
border: 2px solid #9ec34b;
font-size: 16px;
color: #9ec34b;
text-decoration: none;
font-weight: bold;
padding: 10px 24px;
border-radius: 4px;
position: relative;
}
.btn-animation-02 span {
position: relative;
z-index: 1;
}
.btn-animation-02::before,
.btn-animation-02::after {
content: "";
display: block;
background-color: #FFF;
width: 50%;
height: 100%;
position: absolute;
top: 0;
transition: .2s;
}
.btn-animation-02::before {left: 1px;}
.btn-animation-02::after {right: 0;}
.btn-animation-02:hover:before,
.btn-animation-02:hover:after {
width: 0;
background-color: #FFF;
}
.btn-animation-02:hover {color: #FFF;}
.btn05 {
background-color: #fff;
color: #fff;
background-size: 201% 100%;	
background-image: -webkit-linear-gradient(left, transparent 50%, rgba(0, 0, 0, 1) 50%);
background-image: linear-gradient(to right, transparent 50%, rgba(0, 0, 0, 1) 50%);
-webkit-transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
border: 1px solid #000;
font-size: 12px;
font-weight: 500;
line-height: 26px;
padding: 0%;
width: 60%;
display: block;
margin: 0 auto;
border-radius: 14px;
color: #000;
text-align:center;
}
.btn05:hover {
background-color: #000;
background-position: -100% 100%;
color: #fff;
}
.osusume-list {
text-align: center;
background: #F3F0EA;
padding: 10px 30px 30px 30px;
margin: 0 auto;
border-bottom: 1px solid #fff;
border-radius: 15px;
width:100%;
position: relative;
}
.chui-p li {font-size:11px;}
.lesson-list-inner {
background: #fff;
padding: 8%;
margin: 0 auto;
}
.lesson-list li {
margin-bottom:10px;
text-align: left;
font-size: 12.5px;
letter-spacing: 0px;
font-weight:500;
}
#categoryBlock .imgWrap {border-radius:16%;}
#categoryBlock .imgWrap img {
vertical-align: top;
max-width: 100%;
height: auto;
}
.lesson-list strong {
padding: 2% 0%;
text-align: left;
display: block;
}
#pickupBlock {
width: 940px;
padding: 90px 0 50px;
margin: 0 auto;
overflow: hidden;
zoom: 1;
}
.covid-info {
border: 2px solid #b6d4e7;
background: #f9feff;
padding: 16px;
box-sizing: border-box;
font-size: 12px;
}
.list-circle {
overflow: inherit;
list-style: disc;
}
ul.list-circle {
padding: 20px;
font-size: 13px;
}
// ここからはswiper付属のcssをアレンジ
.swiper-container .slide-img img{
display: block;
}
.swiper-container .swiper-slide-active .slide-img,
.swiper-container .swiper-slide-duplicate-active .slide-img,
.swiper-container .swiper-slide-prev .slide-img{
animation: fadezoom 16s 0s forwards;
}
@keyframes fadezoom {
0% {
transform: scale(1);
}
100% {
transform: scale(1.1);  // 拡大率はお好きなように
}
}
.pickuparea-inner h3.caveat,.innerBlock .newly-Ttl small.caveat,.caveat {font-family: 'Caveat', cursive, "游明朝", "Yu Mincho", "游明朝体", "YuMincho";}
#recruitBlock .inner article {width:100%;}
#recruitBlock .inner article dl dd {
background: #fff;
padding: 5%;
}
.silver {
background: #f9f9f9;
padding: 5%;
background-image: linear-gradient( -45deg, #f5eeed00 25%, #f4e2de5e 25%, #f4e2de5e 50%, #f5eeed00 50%, #f5eeed00 75%, #f4e2de5e 75%, #f4e2de5e );
}
.object-fit {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.private-banner {
padding: 10px;
color: #fff;
background: #362B23;
background-size: cover;
display: inline-block;
width: auto;
font-size:0.75rem;
}
.cap {
color: #ff2c4f;
font-feature-settings: "palt";
font-size:100%;
display: inline-block;
text-align: left;
}
.txt60 {font-size: 60%; font-feature-settings: 'palt'; line-height: 2.2;}
.border-1 {border: 1px solid #dcdcdc;}
.ps-re {position: relative;}
@media screen and (min-width: 640px) {
.singleBlock .innerBlock section header .num {
left: 250px;
top: 530px;
z-index: 10;
}
.singleBlock .innerBlock section header .ttl {
line-height: 30px;
text-align: left;
background: #fff;
display: inline-block;
padding: 22px 25px;
position: absolute;
bottom: -20px;
left: -20px;
border: 1px solid #333;
}
.voice-title {
font-size: 160%;
padding: 15px 0 20px;
letter-spacing: 2px;
font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-weight: normal;
margin: 0 auto;
}
.archive-voice-title {
font-size: 108%;
letter-spacing: 1px;
font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-weight: normal;
margin: 0 auto;
}
.listBox {
width: 1000px;
margin: 0 auto;
padding: 80px 0 30px;
overflow: hidden;
zoom: 1;
position: relative;
} .listBox article a figure {
width: 240px;
height: auto;
overflow: hidden;
position: relative;
}
.listBox article a h3 {
font-size: 84%;
text-align: left;
padding-top: 5px;
letter-spacing: 1px;
text-align: left;
background: #fff;
display: inline-block;
padding: 14px;
position: relative;
bottom: 24px;
left: -12px;
border: 1px solid #333;
}
.favorite-single {
font-size: 40px;
float: right;
position: absolute;
top: 0px;
right: 0px;
}
.favorite-list {
font-size: 30px;
position: absolute;
top: 250px;
right: 40px;
}
.top_contact {
background: #333;
}
.top_contact_inner ul {
display: flex;
align-items: center;
width: 1000px;
margin: 0 auto;
}
.contact_web {
width: calc(100% / 2);
text-align: center;
border-left: 1px solid #fff;
line-height: 60px;
}
.contact_tel {
width: calc(100% / 2);
text-align: center;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
line-height: 60px;
}
.top_contact_inner ul a {
color:#fff;
display: flex;
justify-content: center;
align-items: center;
}
.top_contact span.contact_icon {
height: 18px;
}
.top_contact span.contact_txt {
margin: 0 0 0 20px;
}
.top_contact_inner ul a:hover {
opacity: .5;
webkit-opacity: .5;
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}
.top_contact span.contact_icon img {
display: block;
height: 100%;
width: auto;
margin: 0 auto;
}
.conceptflex{
align-items: center;
display: flex;
justify-content: space-around;
gap: 20px;
}
#conseptareaBlock h2 {
text-align: center;
font-size: 28px;
margin-bottom: 30px;
}
#staffareaBlock {
width: 960px;
margin: 0 auto;
}
#staffareaBlock h2 span {
font-family: "futura-pt";
letter-spacing: 0;
font-size: 286%;
margin-right: 5px;
}
.innerBlock .contactBox {
width: 442px;
height: 114px;
text-align: center;
margin: 0 auto;
background: url(https://www.marutaka-c.com/common/images/contact/bg_tel_box.png) no-repeat;
}
.innerBlock .contactBox dl {
padding: 18px 0 10px;
background: url(https://www.marutaka-c.com/common/images/contact/bg_line.png) no-repeat center bottom;
}
.innerBlock .contactBox dl dt {
font-size: 100%;
line-height: 34px;
font-weight: 400;
display: inline-block;
padding-right: 10px;
}
.innerBlock .contactBox dl dd {
font-size: 200%;
line-height: 40px;
display: inline-block;
}
.innerBlock .contactBox p {
font-size: 86%;
padding-top: 5px;
}	
.contact_grid_box {
display: grid;
 grid-template-columns: repeat(1, 1fr);
}
.contact_ttl_name {
font-size: 143%;
display: inline-block;
padding: 0 10px;
background: url(https://www.marutaka-c.com/common/images/faq/bg_line.png) no-repeat bottom;
margin-bottom: 20px;
}
.contact-color-box p {	
font-size: 14px;
line-height: 1.8;
text-align: left;
}
.grid-4-2 {
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(210px,1fr));
}
.grid-circle {
display: grid;
gap: 30px;
grid-template-columns: repeat(auto-fit, minmax(220px,1fr));
width: 1000px;
margin: 0 auto;
}
.pet-top-image {
width: 1320px;
margin: 0 auto;
margin-top: 40px;
}
.pet-top-image img {
display:block;
margin:0 auto;
border-radius: 120px;
}
.pet-circle {
background-color: #d0bdaa;
width: 224px;
height: 224px;
border-radius: 50%;
display: flex;
align-items: center;
animation: rotate 2s ease-in-out infinite;
}
.pet-circle-txt {
color: #fff;
margin: 0 auto;
position: relative;
font-weight: 700;
font-size:20px;
}
.pet-circle.shape1 {
border-radius: 58% 42% 59% 39% / 40% 55% 40% 55%;
}
.pet-circle.shape2 {
border-radius: 52% 40% 50% 38% / 48% 51% 47% 49%;
}
.pet-circle.shape3 {
border-radius: 54% 46% 52% 48% / 46% 54% 54% 46%;
}
.pet-circle.shape4 {
border-radius: 56% 44% 54% 46% / 44% 56% 56% 44%;
}
.pet-circle.shape5 {
border-radius: 58% 42% 56% 44% / 42% 58% 45% 42%;
}
.pet-circle.shape6 {
border-radius: 46% 41% 49% 42% / 40% 44% 43% 40%;
}
.pet-circle.shape7 {
border-radius: 55% 58% 60% 44% / 53% 53% 55% 66%;
}
.pet-circle.shape8 {
border-radius: 35% 62% 40% 55% / 57% 38% 50% 43%;
}
.pet-circle {
transition: border-radius 0.3s; }
.pet-circle:hover {
transition: border-radius 0.3s; border-radius: 48% 63% 61% 57% / 53% 71% 51% 49%;
}
.singleBlock .innerBlock .width880 {
width:880px;
margin:0 auto;
}
.staff-wrap {
width: 1000px;
margin: 0 auto;
}
#staffBlock {
width: auto;
margin: 0 auto;
}
.singleBlock .innerBlock .pageNav {
width: 980px;
margin: 0 auto;
}
.column-box-inner-list {
padding:2% 2% 2% 0%;
}
#column-box {
width:1000px;
margin: 0 auto;
padding-top: 120px;
clear: both;
text-align: justify;
}
.column-box-inner-list li {
margin-bottom: 20px;
text-indent: -1em;
padding-left: 1em;
}
.title_h2 {
font-size: 28px;
text-align: center;
position: relative;
}
.tt_line_big {
font-size: 22px;
position: relative;
letter-spacing: -0.01em;
font-weight: 400;
   text-align: left;
margin-bottom: 25px;
}
.tt_line_big:before { display: block;
content: "";
position: absolute;
width: 100%;
height: 1px;
background-color: #baa7a2;
left: 0;
bottom: 22px;
}
.tt_line_big span {
background: #fff;
position: relative;
display: inline-block;
font-weight: 400;
padding-right: 15px;
}
#subnav-new {
width: 1000px;
margin: 0 auto;
padding: 80px 0;
overflow: hidden;
zoom: 1;
}
#subnav-new ul li {
border: 2px solid #dcdcdc;
}
#subnav-new ul li a {
font-size: 118%;
text-align: center;
display: block;
padding: 5% 0%;
height: 100%;
font-feature-settings: 'palt';
}
#subnav-new ul li a:hover {
background-color: rgb(238, 238, 238);
transition: .5s;
}
#subnav-new ul li a i {
display: block;
padding-bottom: 10px;
}
#subnav-new ul li a small {
font-size: 89%;
display: block;
}
.parent {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
width:1000px;
margin:0 auto;
}
.div1 { grid-area: 1 / 1 / 2 / 2; }
.div2 { grid-area: 1 / 2 / 2 / 3; }
.div3 { grid-area: 1 / 3 / 2 / 4; }
.div4 { grid-area: 2 / 1 / 3 / 2; }
.div5 { grid-area: 2 / 2 / 3 / 3; }
.div6 { grid-area: 2 / 3 / 3 / 4; }
#conceptBlock {
padding: 40px 0 120px;
min-width: 1000px;
margin: 0 auto;
}
#conceptBlock figure {
width: 320px;
float: left;
}
.service-nav-btn {
font-size: 16px;
line-height: 2.8em;
width: 70%;
}
.pc-center {
text-align: center;
}
section.service-top-nav-block ul {
display:flex;
justify-content:flex-end;
overflow: inherit;
}
section.service-top-nav-block ul li {
width:calc(100% / 3);
padding-bottom:20px;
position: relative;
overflow: inherit;
border-right: 1px solid;
}
section.service-top-nav-block ul li:last-child {
border-right:none;
}	
#moneyBlock section#model .inner #tabContent ul li a span {
font-size: 100%;		
}
.pc { display: block !important; }
.sp { display: none !important; }
.singleBlock .innerBlock section .textBox p {
line-height: 2.0;	
}
.mt-400 {
margin-top: -400px!important;
}
.mt-500 {
margin-top: -500px!important;
}
.innerBlock .contentTtl {  font-size: 186%;
line-height: 1.3;
text-align: center;
background: url(//www.marutaka-c.com/common/images/common/bg_content_ttl.png) no-repeat;
padding: 50px 0;
margin: 0 auto 20px;
background-position-x: 50%;
width: 514px;
background-size: cover;
background-position-y: 50%;
}
.points-box{
border: 1px solid #000;
margin: 0 20px 50px;
padding: 15px 40px;
height: 100%;
}
.points-boxfont{
font-size: 144%;
line-height: 40px;
}
.ouenblock {
top:-480px;
position: relative;
}
.lightbulb {
width: 130px;
height: auto;
position: absolute;
right: -195px;
top: -12px;
transform: rotate(15deg);
}
.coffee-mill {
width: 180px;
height: auto;
position: absolute;
left: -195px;
top: 97px;
transform: rotate(-15deg);
}
.leftdog {
width: 140px;
height: auto;
position: absolute;
left: -195px;
top: 170px;
transform: rotate(10deg);
z-index:10;
}
.rightcat{
width: 140px;
height: auto;
position: absolute;
right: -195px;
top: 320px;
z-index: 10;
}
.rightcatwall {
width: 300px;
height: auto;
position: absolute;
right: 70px;
z-index: 10;
}
.leftcatdoor {
width: 280px;
height: auto;
position: absolute;
left: 90px;
top: 340px;
z-index: 10;
}
.wave2{
position: relative;
top: -320px;
margin-top: -200px;
z-index: 0;
}
.width840 {
width: 840px;
margin: 0 auto;
overflow: hidden;
zoom: 1;
text-align:left;
padding: 20px 0px 20px;
}
.width850 {
width: 850px;
margin: 0 auto;
overflow: hidden;
zoom: 1;
text-align:left;
padding: 20px 0px 20px;
}
.prop-atts dl {
flex-basis: 50%;
overflow: hidden;
font-size: 13px;
line-height: 26px;
padding-left: 4px;
}
.footer-cloud {
width: 100%;
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.footer-cloud li {
font-size: 12px !important;
text-align: center;
}
.singleBlock .innerBlock section {
width: 960px;
padding: 0px;
margin: 0px auto 30px;
}
.singleBlock .innerBlock section header figure img {
max-width: 100%;
width: auto;
height: 100%;
}
.build-rank-Area {
width: 100%;
max-width: 1260px;
margin: 0 auto;
padding: 3% 0%;
}	
.build-rank-Area figure {
width: 100%;
margin: auto;
}
.build-rank-Area img { 
max-width: 100%;
height: auto;
border-radius: 10px;
}
.build-rank-Area ul.wn {
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(192px, 1fr));
list-style: none;
padding-left: 0em;
}	
footer#footer .contactArea {
height: 400px;
background: url(//www.marutaka-c.com/common/images/uploads/2024/06/bg_foot_contact_img.webp) no-repeat 50% 50%;
background-size: cover;
padding: 0px 0;
}
footer#footer .contactArea .box .com {
font-size: 110%;
font-weight: bold;
padding-top: 90px;
padding-bottom: 0px;
}
footer#footer .contactArea .box .tel {
font-size: 280%;
line-height: 1.3;
}
footer#footer .contactArea .box {
width: 490px;
height: 354px;
text-align: center;
background: url(//www.marutaka-c.com/common/images/common/bg_foot_contact.png) no-repeat 50% 50%;
margin: 0px auto;
background-size: 94%;
}
.blockArea #ttlBlock .in h1 {
position: absolute;
left: 50px;
top: 50%;
text-indent: -10000px;
}
#ttlBlock h1.concept,#ttlBlock h1.history {
width: 105px;
height: 309px;
margin-top: -154px;
background: url(//www.marutaka-c.com/common/images/concept/tit.png) no-repeat;
}
#ttlBlock h1.concept,#ttlBlock h1.history {
width: 111px;
height: 384px;
background: url(//www.marutaka-c.com/common/images/reform/tit.png) no-repeat;
margin-top: -192px;
z-index: 1000;
}
#ttlBlock h2.corporate,#ttlBlock h2.staff,#ttlBlock h2.showroom,#ttlBlock h2.staff,#ttlBlock h2.recruit {
width: 107px;
height: 279px;
background: url(//www.marutaka-c.com/common/images/corporate/tit.png) no-repeat;
margin-top: -140px;
}
.build-request {
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
font-weight: 700;
font-size:12px;
}
.build-request-title {
font-size: 20px;
}	
#mysticky-nav.wrapfixed {
background-color: #fff;
height: 96px;
}
#outlineBlock dl dd a {float:none;}
.builds-staff-label {
border-radius: 10px 10px 0 0;
border: 2px solid;
border-color: #dcdcdc;
border-bottom: none;
margin: 0;
width: 30%;
font-size: 14px;
background: #f4ecde;
position: relative;
top: -43px;
display: inline-block;
left: 30%;
text-align: center;
}
.builds-comment-area {
margin: 20px 0px;
display: inline-block;
}
.builds-comment-thumb { 
width: 90px;
height: 90px;
border-radius: 100%;
vertical-align: middle;
overflow: hidden;
float: left;
}
.w100 {width: 100%;}
.builds-comment-box {}
.builds-comment-box .pos, .comment {
font-size: 12px;
font-feature-settings: "palt";
}
.builds-comment-box .name {font-size:12px; font-weight:700;}
.builds-comment-left {
float: left;
padding:0px 0px 0px 10px;
width: 60%;
margin: 0 auto;
position: relative;
}
.builds-comment-txt {clear: both; padding: 10px 0px 0px 0px; min-height: 186px;}
.box-center {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
h3.sankaform-title {
font-size: 148%;
line-height: 48px;
background: #333;
color: #fff;
display: inline-block;
letter-spacing: 3px;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight: normal;
width: 100%;
margin-bottom: 2%;
text-align: center;
}
.kotorino-none {
display:none;
}
.sqbtn {
width: 100%;
color: #fff;
background: #362b22;
display: inline-block;
border: none;
outline: none;
margin: 0 5px;
cursor: pointer;
-webkit-appearance: none;
text-align:center;
padding: 8px;
}
.pdfbtn {
width: 280px;
letter-spacing: 2px;
line-height: 40px;
color: #fff;
background: #362b22;
display: inline-block;
border: none;
outline: none;
margin: 0 5px;
border-radius: 5px;
cursor: pointer;
-webkit-appearance: none;
}
#worksBlock .inner .more {
padding-top: 30px;
padding-bottom: 30px;
}
.kotorinoarea {
display: block;
margin: 0 auto;
max-width: 960px;
text-align: center;
padding: 60px 0px;
}
.kotorinoarea ul {
display: flex;
justify-content: space-between;
}
.kotorinoarea ul li {
width: 46%;
}	
.sold-out{
line-height: 
14px;
top: 6px!important;
right: -10px!important;
}	
.soldout {
font-size: 14px;
width: 100px;
background-color: #f18200;
padding: 8px;
margin: 30px;
top: 24px;
position: relative;
color: #fff;
}
.entry-new-label span.soldout {
position: absolute;
top: 10px;
right: -10px;
width: 60px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
color: #fff;
font-size: 12px;
text-align: center;
line-height: 12px;
color: #e8e8eb;
}
.entry-new-label {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
overflow: hidden;
}
.entry-new-label:before {
content: "";
position: absolute;
top: 0;
right: 0;
border-right: 60px solid #f18200;
border-bottom: 60px solid transparent;
mix-blend-mode: multiply;
}
.entry-new-label span {
position: absolute;
top: 12px;
right: -6px;
width: 60px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
color: #fff;
font-size: 12px;
text-align: center;
}
#estateBlock {
background: url(//www.marutaka-c.com/common/images/uploads/2024/06/26bc565c9d23f1b5acf277bd1f8a000a.webp);
background-size: 100%;
padding: 0px 0;
min-width: 100%;
max-width: 1000px;
display: inline-block;
background-color: rgba(255,255,255,0.8);
background-blend-mode: lighten;
background-position: 100% 70%;
background-attachment: fixed;
}
#bukkenBlock {
    margin: 0 auto;
overflow: hidden;
zoom: 1;
}
.bukken-shadow-column-nb {
background: #fff;
margin-bottom: 70px;
filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.6));
}
#estateBlock header h2 span {
font-family: "futura-pt";
letter-spacing: 0;
font-size: 286%;
margin-right: 5px;
}
.bukken-txtbox {
text-align: left;
width: 70%;
margin: 0 auto;
}
.listBox article a figure img {
height: 240px;
margin: 0 auto;
}
.width50sp0 {width:50%;}
#conceptBlock .pickuparea-block figure img.zoomin {
display: block;
transition-duration: 0.3s;
-moz-transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-ms-transition: 0.3s linear;
}
#conceptBlock .pickuparea-block figure img.zoomin:hover {
transform: scale(1.1);
transition-duration: 0.8s;
opacity: 0.6;
transition-duration: 0.3s;
-moz-transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-ms-transition: 0.3s linear;
}
#errorBlock img {
width:100%;
height:auto;
}
#errorBlock .innerBlock { display:block;
}
#showroomBlock .btn {
width: 40%;
text-align: center;
padding-left: 0PX;
}
.btnArea ul li.entry a.entry-btn {
width: 340px;
height: auto;
line-height: 64px;
color: #fff;
background: url(//www.marutaka-c.com/common/images/corporate/recruit/bg_entry_btn.png) no-repeat;
display: block;
background-size: contain;
font-size: 18px;
font-weight: 700;
background-position: center;
}
.btnArea ul li.entry {
display: inline-block;
margin: 15px;
}
#recruit-interviewBlock {width: 1000px; margin:0 auto;}
.consultPostBlock {
margin: 0 auto;
width: 990px;
padding: 50px 40px;
}
.consultPostBlock dl {
width: 50%;
float: left;
padding: 1.5%;
height: fit-content;
display: block;
float: left;
}
.consultPostBlock .dl-wrap {
display: flex;
min-height: 100%;
width: 100%;
justify-content: center;
align-items: center;
}
.consultPostBlock dd {
padding: 2%;
}
.consultPostBlock h3 {
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
font-weight: 700;
font-size: 12px;
line-height: 1.5em;
letter-spacing: 2px;
text-align: left;
min-height: 40px;
}
.eventBlock .inner p {font-size:13px;}
#showroomBlock #consult {padding: 0px; background:none;}
#showroomBlock #consult .textBox p {width:770px; margin: 0 auto;}
#showroomBlock .halfBox > section {padding: 40px 30px;}
#recruitBlock .inner article h4 {
box-shadow: 0 -4px 0 0 rgb(0 0 0  / 40%) inset;
background:none;
}
.saiyou-area {
font-size: 14px;
display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
display: flex;
}
.interviewSec {
padding: 60px 0 110px;
background: #f7f7f7;
}
.interviewSec .inner {
width: 1080px;
margin: 0 auto;
padding: 30px 30px 15px 30px;
}
ul.interviewList li {
margin-bottom: 3em;
background: #fff;
border-radius: 20px;
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
}
ul.interviewList dl {
overflow: hidden;
}
ul.interviewList dt {
width: 50%;
float: right;
}
ul.interviewList dd {
width: 50%;
float: left;
padding: 3em;
}
ul.interviewList .post {
font-size: 140%;
margin-bottom: 0.6em;
}
ul.interviewList .name {
font-size: 200%;
margin-bottom: 0.4em;
}
ul.interviewList .name span {
font-size: 52%;
color: #f56228;
vertical-align: middle;
margin-left: 1em;
}
ul.interviewList .catch {
font-size: 89%;
margin-bottom: 1em;
}
.i-arrow svg {
display: block;
width: 100%;
height: 100%;
transform: translate(0, -1px);
}
.basic-btn .i-arrow svg {
transition: .4s ease;
}
.i-arrow {
display: block;
width: 21px;
height: 5px;
}
.basic-btn .i-arrow {
position: absolute;
top: 0;
bottom: 0;
right: 10px;
margin: auto 0;
transition: .4s ease;
}
.basic-btn a:hover .i-arrow {right: 4px;}
.basic-btn a:hover svg {fill: #fff;}
.basic-btn {
width: 210px;
height: 28px;
color: #000;
line-height: 2;
}
.basic-btn a {
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-family: "Roboto", "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
font-size: 86%;
letter-spacing: .14em;
position: relative;
z-index: 0;
overflow: hidden;
cursor: pointer;
transition: .4s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
outline: 1px solid rgba(0,0,0,1.0);
outline-offset: 0px;
}
.basic-btn a:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 100%;
top: 0;
left: auto;
right: 0;
background-color: #000;
transition: width .4s ease;
z-index: -1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.basic-btn a:hover {
color: #fff;
}
.basic-btn a:hover:before {
left: 0;
right: auto;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#flow .box dl {
width: 400px;
max-height: 190px;
border: 1px solid #000;
display: inline-block;
padding: 20px 30px 20px;
margin: 0 10px;
height: 220px;
}
#naturalBlock > section h3 {
width: 165px;
background-size: cover;
height: 160px;
line-height: 160px;
}
#naturalBlock > section .inner > .recommend .ttl {padding: 35px 13px;}
#naturalBlock > section .inner > .recommend {height: 250px;}
#showroomBlock .inner .box h3 {font-size: 172%;}
footer#footer .info {font-size: 80%;}
footer#footer nav {font-size: 80%;}
#lightbox {margin-top: 10%;}
#partner .box dl {
padding: 20px 30px;
height:auto;
}
.yumenohi-logo-top {width:420px; margin:0 auto;}
.yumenohi-bnr {box-shadow: 16px 16px #f5f5f5;}
#mainImgBlock li.glide__slide:nth-of-type(6) {
background-position: 100% 65%;
}
#mainImgBlock li.glide__slide:nth-of-type(7),#mainImgBlock li.glide__slide:nth-of-type(11),#mainImgBlock li.glide__slide:nth-of-type(13) {
background-position: 100% 70%;
}
.new-two {
display:flex;
justify-content: center;
}
.page-nav {
min-width: 1000px;
width: 1000px;
padding: 50px;
background: rgba(239,239,239,0.7);
margin: 0 auto;
}
.page-nav .post-links {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
width: 600px;
padding: 0 20px;
margin: 0 auto;
}
.page-nav .post-links .label-en {
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-size: 24px;
line-height: 1;
}
.page-nav .post-links .post-title {
display: block;
font-size: 12px;
line-height: 1.4;
}
.page-nav .post-links .prev, .page-nav .post-links .next, .page-nav .post-links .archive-link {
-webkit-flex-basis: 200px;
flex-basis: 200px;
text-align:center;
}
.swiperimg {}
#house_dot {
z-index: 1;
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
background: rgba(51,51,51,0.1) url(//www.marutaka-c.com/common/images/uploads/2020/07/grid.png);
}
.innerBlock .staffList ul li a span {
padding: 0% 2%;
font-size: 78%;
font-feature-settings: "palt";
letter-spacing: 0px;
}
.listBox article.off h3:after { background: #000; color: #fff; padding-left: 1px;}
.listBox article.on h3:after { background: #000; color: #fff; padding-left: 1px;}
.singleBlock .innerBlock #works7743 figure.imageSlide img {max-height: 540px;}
.reservation-card {
background: url(//www.marutaka-c.com/common/images/uploads/2020/04/DSC2020-600.jpg);
background-size: contain;
display: block;
height: 219px;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin: -45px;
width: 230px;
position: relative;
left: 30px;
}
.reservation-card::after {
content: '';
background: url(//www.marutaka-c.com/common/images/uploads/2020/04/onestoprenovation-script_02-shadow_03.png);
display: inline-block;
background-position: bottom;
height: 120px;
background-repeat: no-repeat;
width: 230px;
background-size: contain;
top: 86px;
position: relative;
left: 4px;
} 
img.agent {
width: 24%;
position: relative;
margin: 0 auto;
}
.agent-box {
padding: 10px;
text-align: center;
width: 100%;
margin: 0 auto;
float: left;
}
.reservation-link {
padding: 5px;
position: relative;
background: url(//www.marutaka-c.com/common/images/uploads/2020/04/p0026_s.jpg);
background-size: contain;
margin-bottom:30px;
}
.formdashed-button {
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
display: inline-block;
text-align: center;
font-size: 16px;
background: #b49a65;
color: #fff;
border-radius: 6px;
padding: 12px;
margin: 16px;
border: 1px solid #b49a65;
width: 45%;
line-height: 40px;
}
.formdashed-button:hover {
background: #fff;
 border: 1px solid #b49a65;
color: #b49a65;
}
.yumetsunagu-button-cl:hover {
background: #fff;
 border: 1px solid #0D7B81;
color: #0D7B81;
}
.forsaleMark {
width: 62px;
height: 62px;
text-align: center;
line-height: 62px;
color: #fff;
background: url(//www.marutaka-c.com/common/images/works/bg_sale.png) no-repeat;
position: absolute;
top: 10px;
left: 10%;
font-size:12px;
letter-spacing: 0px;
}
.line-button-cl {
background: #07b53b;
border: 1px solid #07b53b;
display: inline-block;
text-align: center;
 font-size: 14px;
font-feature-settings: "palt";
color: #fff;
border-radius: 6px;
margin: 0 auto;
width: 100%;
line-height: 60px;
}
.line-button-cl:hover {
background: #fff;
border: 1px solid #07b53b;
color: #07b53b;
}
.basic-button-cl {
background: #555;
border: 1px solid #555;
display: inline-block;
text-align: center;
font-size: 14px;
font-feature-settings: "palt";
color: #fff;
border-radius: 6px;
margin: 0 auto;
width: 100%;
line-height: 60px;
}
.basic-button-cl:hover {
background: #fff;
border: 1px solid  #555;
color:  #555;
}
.singleBlock .innerBlock section .beBox-estate {
background: #f2f2f2;
padding: 0% 2% 1% 2%;
}
.yumetsunagu-button-cl {
background: #0D7B81;
border: 1px solid #0D7B81;
font-feature-settings: "palt";
}
.gaiyouBox {
font-size: 12px;
text-align: left;
padding: 2%;
}
.border-gaiyou {
border: 2px solid #999;
padding: 2%;
}
.border-gaiyou figure.fp-pd {
border:1px dashed #ddd;
padding:2%;
clear: both;
}
.categoryNav ul li a {
font-size: 110%;
line-height: 1.3;
display: inline-block;
letter-spacing: 1px;
font-feature-settings: "palt";
}
#conceptBlock #historyBlock .inner {width:910px;}
#conceptBlock .inner {width:644px;}
.ex-box {
background: url(//www.marutaka-c.com/common/images/reform/natural/bg_line_dot_s.png) repeat-x bottom;
padding:2% 0%;
}
.covid {
font-size:14px;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
text-align:left;
font-feature-settings: "palt";
}
.listBox article a {width:281px; position:relative; margin:0 auto;}
.listBox article a figure {margin:0 auto;}
.singleBlock .innerBlock section .inner .textBox figure img {
max-width: 420px;
height: auto;
}
.singleBlock .innerBlock section .inner .textBox figure {
float: left;
margin-right: 40px;
margin-bottom: 20px;
margin-top: 20px;
}
.singleBlock .innerBlock section .inner .textBox.second figure{
float: right;
margin-left: 40px;
margin-right: 0px;
margin-top: 20px;
}
.service-ttl {
font-size: 166%;
font-weight: 700;
margin: 0px 0px 16px;
background: url(//www.marutaka-c.com/common/images/index/bg_showroom_bar.png) no-repeat 0% 100%;
background-size: contain;
padding: 0px 0px 10px;
}
.otherPostBlock dl {
width: 25%;
float:left;
padding:1.5%;
height: fit-content;
}
.otherPostBlock img {
width: 100%;
height: auto;
}
.otherPostBlock h3 {
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
font-weight: 700;
font-size:12px;
line-height: 1.5em;
letter-spacing: 2px;
text-align: left;
min-height: 90px;
}
.chumon-pick{
border: 1px solid #dcdcdc;
padding: 4%;
}
.chumon-pick-2col {
border: 1px solid #dcdcdc;
width: 50%;
}
.jitei {
position: absolute;
bottom: 0;
text-align: right;
width: 100%;
font-size:12px;
}
.box-shadow-column-nb {
background: #fff;
margin-bottom: 70px;
box-shadow: 20px 20px #f5f5f5;
}
.banner-width li:first-child, .banner-width li:nth-child(2), .banner-width li:nth-child(3) {
border-right:1px solid #fff;
float: left;
}
.top-banner-list figure {
width: 66px;
height: auto;
display: block;
margin: 0 auto;
text-align: center;
left: 6px;
position: relative;
}
.banner-width li {
width:25%;
padding:0% 0%;
}
#informationBlock .boxArea .innerBlock .detailBox figure img {
max-width: 100%;
width: auto;
}
.shousai-box .vertical-item {
display:inline-block;
width:auto;
margin-right:20px;
}
.news-letter {
background: #fff;
width: 880px;
position: relative;
margin: 6px auto;
display: block;
padding: 1%;
}
.newlyBlock #ttlBlock {display:none;}
.mami {
background: url(//www.marutaka-c.com/common/images/uploads/2015/11/kicchinnmami-2000-offset.jpg);
height: 680px;
background-position: 50% 96%;
background-size: cover;
background-repeat: no-repeat;
margin-top: -155px;
position: relative;
margin-bottom:60px;
}
.swiperimg01 {
background: url(//www.marutaka-c.com/common/images/uploads/2015/11/kicchinnmami-2000-offset.jpg);
background-position: 50% 96%;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.swiperimg02 {
background: url(//www.marutaka-c.com/common/images/uploads/2019/12/560cdc4d9a3b3c43e49def20694a9c7d_m-.jpg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.swiperimg03 {
background: url(//www.marutaka-c.com/common/images/uploads/2020/07/DSC4578-1800-1500.jpg);
background-position: 50% 96%;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.swiperimg04 {
background: url(//www.marutaka-c.com/common/images/uploads/2020/08/ad359a1b0a86b290cb81d2bc84fc2616.jpg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.swiperimg05 {
background: url(//www.marutaka-c.com/common/images/uploads/2020/08/f1a3bb7504a0557a7ea2547c55c3bf2f.jpg);
background-position: 50% 50%;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.swiper-slide-active .slide-img, .swiper-slide-duplicate-active .slide-img, .swiper-slide-prev .slide-img {
animation: zoomUp 10s linear 0s 1 normal both;
}
.innerBlock .newly-Ttl {
height: auto;
background: rgba(0,0,0,0.7);
top: 38%;
position: relative;
display: block;
}
.innerBlock .newly-sl {
height: auto;
background: rgba(0,0,0,0.7);
top: -86%;
position: relative;
display: block;
z-index: 1;
}
.swiper-container {
z-index: 0;
margin-top: -160px;
height: 750px;
margin-bottom: 60px;
}
.innerBlock .newly-Ttl small {
color: #fff;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-size: 18px;
}
.newly-Ttl h1 {color:#fff; font-size:120%;}
.read-width {width:700px;margin:0 auto;font-size:13px;}
#content #head nav ul li a {width:64px;}
.grid2 {
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(187px, 1fr));
}
#informationBlock.singleBlock.blockArea small{font-size:90%;}
.innerBlock .section-wrap .contentTtl {padding:40px 0px;}
.section-wrap h2 {
padding:2px 0px;
font-size:18px;
font-weight:700;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
letter-spacing: 2px;
}
.lesson-list {
background: #F3F0EA;
padding: 20px;
margin: 0 auto;
}
.lesson-list li span {
width: 92px;
height: 23px;
font-size: 100%;
line-height: 23px;
text-align: center;
background: url(//www.marutaka-c.com/common/images/index/bg_info_more.png) no-repeat;
display: inline-block;
background-size: contain;
margin-right: 12px;
float: left;
}
.lesson-list li div.float-right {
float: left;
display: inline-block;
width: 86%;
}
.section-wrap .lesson-list br {
display:block;
}
#messageBlock section ul {text-align: left;}
.partner-area li.shopInfo {box-shadow: 10px 10px 0px rgba(0,0,0,0.1);}
.partner-area dl {padding-bottom: 15px;}
.partner-area dt {
font-size: 86%;
font-weight: bold;
display: inline-block;
float: left;
width: 15%;
}
.partner-area dd {
font-size: 93%;
line-height: 1.6;
letter-spacing: 0;
}
.newly-txt h3 br {display:none;}
.newly-wrap {
width: 1000px;
margin: 0 auto;
position: relative;
min-height:840px;
}
.newly-wrap img.story-img1 {
position: absolute;
top: 70px;
z-index: 10;
left: -1%;
width: 20%;
height: auto;
}
.newly-wrap img.story-img2 {
position: absolute;
top: 70px;
z-index: 10;
right: -1%;
width: 20%;
height: auto;
}
.newly-inner {
position: relative;
z-index: 2;
width: 1000px;
margin: 0 auto;
padding: 106px 0 0;
}
.newly-txt {
box-sizing: border-box;
width: 580px;
min-height: 454px;
margin: 0 0 0 auto;
padding: 62px;
background-color: rgba(255,255,255,0.95);
}
.is_reverse .newly-txt {
width: 580px;
margin: 0 auto 0 0;
padding-right: 76px;
}
.newly-img {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: calc(50% + 81px);
height: 840px;
}
.newly-img-bandd {height: 920px;}
.newly-txt-bandd {
top: -70px;
position: relative;
width: 660px;
}
.petneeds-img-bandd {height: 740px;}
.petneeds-txt-bandd {
position: relative;
width: 660px;
border-radius: 80px;
}
.is_reverse .newly-img {
right: 0;
left: inherit;
}
.is_reverse .newly-img img {
right: inherit;
left: 0;
}
.newly-img img {
position: absolute;
top: 0;
right: 0;
width: auto;
max-width: none;
height: 95%;
}
.petneeds-img-bandd img {
top: -60px;
border-radius: 60px;		
}
.kurineko { 
text-align: right;
z-index: 120;
position: relative;
top: -60px;
right: -80px;
}
.kurineko img { border-radius: 60px;}
.partner-area {
width:100%;
margin: 0 auto 60px;
background:#fff;
}
.width1000 {max-width:1000px;margin:0 auto;}
.width1160 {max-width:1160px;margin:0 auto;}
.newly-catch-back .width1000 {width:1000px; margin:0 auto;}
.section-wrap {
width: 1000px;
margin: 0 auto;
position: relative;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
padding:40px 0px;
}
.plan-parth li {width:24.5%; display:inline-block;}
.section-wrap header {
text-align:center;
padding:20px 0px;
}
.newly-title {
font-size: 129%;
}
.main-parth {padding:0% 16%;}
.innerBlock section.section-wrap h3 {
font-size:18px;
font-weight:700;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
text-align:center;
padding:20px 0px;
background:none;
}
.innerBlock section.section-wrap h3.mailmagazine {
background: url(//www.marutaka-c.com/common/images/uploads/2019/10/kamihikouki.png)no-repeat;
background-position: 92% 50%;
background-size: 22.5%;
}
.section-wrap br {display:none;}
.section-wrap .contentTtl h1 br {display:block;}
.innerBlock .mail-area p {
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
text-align:center;
font-weight:500;
}
.innerBlock .mail-area p.mltxt {
line-height:1.8;
margin-bottom:10px;
}
.mail-background {
width: 820px;
margin: 0 auto;
}
.merit-box li {
display:inline-block;
float: left;
position: relative;
box-sizing: border-box;
border: solid 4px #e1e1e1;
width: 47%;
}
.innerBlock section dl dt.privacy {
text-align:center;
width:100%;
}
.innerBlock section dl dt.privacy p.privacy-text {
display:inline-block;
text-align:left;
font-size:12px;
font-weight:400;
}
.privacy-text {font-size:10px; font-weight:400;}
.innerBlock section dl dt.privacy a:hover {color: #7fcadf;}
.shopInfo {
border: 3px solid #DCDCDC;
background:rgba(255,255,255,1.0);
}
.withpetimg {
top: -346px;
width: 120px;
position: relative;
margin: 0 auto;
left: 115px;
z-index: 10;
}
figure.withpetimg img {
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
display: block;
border-radius: 50%;
}
figure.kondo {
width: 320px;
position: relative;
margin:0 auto;
}
figure.women-staff {
width: 200px;
position: relative;
margin:0 auto;
}
figure.kondo:after {
width: 320px;
height: 320px;
background: url(//www.marutaka-c.com/common/images/common/bg_cover_fig_220-220.png);
content: " ";
position: absolute;
left: 0px;
top: 0px;
display: block;
background-size: cover;
}
figure.women-staff:after {
width: 200px;
height: 200px;
background: url(//www.marutaka-c.com/common/images/common/bg_cover_fig_220-220.png);
content: " ";
position: absolute;
left: 0px;
top: 0px;
display: block;
background-size: cover;
}
figure.kondo img {
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
display: block;
border-radius: 50%;
}
figure.women-staff img {
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
display: block;
border-radius: 50%;
}
#showroomBlock #comehere header, #showroomBlock #freespace header {
text-align: center;
margin-bottom: 30px;
width: 100%;
top: auto;
}
#showroomBlock .inner .box {margin-top:-10px;} #fixedBtn ul li {padding:1px 0; font-size:200%;}
#fixedBtn li img {width: 60%;}
#fixedBtn ul li a.ln img {
width: 28px;
display: block;
margin: 0 auto;
}
.categoryNav {
width: 1160px;
text-align: center;
margin: 0 auto;
padding: 50px 0 0;
}
.categoryNav ul li {
width: 14.28%;
float: left;
padding: 0 10px;
}
.categoryNav ul li:nth-of-type(5n) {background: url(//www.marutaka-c.com/common/images/common/bg_nav_bar2.png) no-repeat 100% 50%;}
.categoryNav ul li:nth-of-type(6n) {background: url(//www.marutaka-c.com/common/images/common/bg_nav_bar2.png) no-repeat 100% 50%;}
.categoryNav ul li:nth-of-type(7n) {background: none;}
#naturalBlock > section .inner > .worksBox .slide .item {padding: 30px 26px 0;}
#informationBlock .information dl a:hover {
opacity: 0.2;
background: #fff;
} 
#informationBlock .information dl {
display: flex;
vertical-align: middle;
align-items: center;
justify-content: center;
padding: 16px 6px;
height:86px;
}
.service-400-1 h3 {
font-weight:700;
font-size:114%;
margin-bottom: 10px;
}
.disc img {width:170px;}
.text-disc {
margin-left: 14px;
width:90%;
}
.text-disc h3 {
font-size:12px;
letter-spacing:1px;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
line-height:1.4;
font-weight:500;
}
#subNav ul {
width: 100%;
display: table;
table-layout: fixed;
}
#subNav ul li {
display: table-cell;
width: auto;
float: inherit;
}
#subNav ul li.cost {
background: url(//www.marutaka-c.com/common/images/index/bg_subnav_line_02.png) no-repeat 100% 50%;
}
#fixedBtn {z-index: 100000;height: 345px;width: 54px; bottom:35%; right: 5px;}
.txt-pc-left {text-align:left;}
#mainImgBlock .glide__track li .box {left:10%;}
.mail,.calendar {font-size:16px!important;}
.blockArea #ttlBlock {
width: 100%;
height: 450px;
position: relative;
top: -110px;
overflow: hidden;
margin-bottom: -100px;
}
.blockArea #ttlBlock figure {background: rgba(0,0,0,09);height: 450px;}
.blockArea #ttlBlock figure img {
width: 100%;
height: 450px;
object-fit: cover;
object-position: 0% 55%;
opacity:0.9;
}
.blockArea #ttlBlock .in {height:450px;}
#index #mainImgBlock nav {
width: 434px;
height: 340px;
position: absolute;
bottom: 10%;
right: 8%;
overflow: hidden;
}
#index #mainImgBlock nav ul li {
width: 62px;
padding-right: 14px;
float: left;
}
#index #mainImgBlock nav ul li.n01 a {
height: 268px;
background-image: url(//www.marutaka-c.com/common/images/index/2019nav_01.png);
}
#index #mainImgBlock nav ul li.n02 a {
height: 311px;
background-image: url(//www.marutaka-c.com/common/images/index/2019nav_02.png);
}
#index #mainImgBlock nav ul li.n03 a {
height: 311px;
background-image: url(//www.marutaka-c.com/common/images/index/2019nav_03.png);
}
#index #mainImgBlock nav ul li.n04 a {
height: 202px;
background-image: url(//www.marutaka-c.com/common/images/index/2019nav_04.png);
}
#index #mainImgBlock nav ul li.n05 a {
height: 210px;
background-image: url(//www.marutaka-c.com/common/images/index/2019nav_05.png);
}
#index #mainImgBlock nav ul li.n06 a {
height: 248px;
background-image: url(//www.marutaka-c.com/common/images/index/2019nav_06.png);
}
#index #mainImgBlock nav ul li.n07 a {
height: 248px;
background-image: url(//www.marutaka-c.com/common/images/index/2019nav_07.png);
}
#index #mainImgBlock nav ul li.n01 {margin-top:30px;}
#index #mainImgBlock nav ul li.n02 {margin-top:18px;}
#index #mainImgBlock nav ul li.n03 {margin-top:0px;}
#index #mainImgBlock nav ul li.n04 {margin-top:35px;}
#index #mainImgBlock nav ul li.n05 {margin-top:64px;}
#index #mainImgBlock nav ul li.n06 {margin-top:40px;}
#index #mainImgBlock nav ul li.n07 {margin-top:30px;}
.width80per {width:80%;margin:0 auto;}
#content .columnBanner,.yumeBanner {min-width: 1000px;}
#content .columnBanner {padding: 100px 0 100px 0;}
.columnBanner {padding: 10px 0 50px 0;}
.build-wrap {
max-width: 1200px;
margin: 0 auto;
}
.sideArea {
width:24%;
float: left;
margin: 0 auto;
}
.soon {padding: 0px 4px;}
.soon a:after {
width: 100%;
font-weight: bold;
font-size: 14px;
text-align: center;
line-height: 1.5;
position: absolute;
content: "Coming Soon";
left: 0;
top: 50%;
z-index: 1000;
pointer-events: none;
height: auto;
display: block;
color: #607d8b;
}
.comingsoon:after {
width: 100%;
height: 100%;
background: url(//www.marutaka-c.com/common/images/common/bg_white_a70.png);
position: absolute;
left: 0;
top: 0;
content: " ";
display: block;
z-index: 999;
}
.comingsoon:before {
width: 100%;
font-weight: bold;
font-size: 130%;
text-align: center;
position: absolute;
content: "Coming Soon";
left: 0;
top: 50%;
margin-top: -2em;
z-index: 100000000;
pointer-events: none;
height: auto;
display: block;
}
.grid-top {
display: grid;
gap: 4px;
grid-template-columns: repeat(auto-fit, minmax(158px, 1fr));
}
.grid-top img {
max-width: 100%;
height: auto;
}
#serviceBlock .radius {
width: 245px;
height: 245px;
background: url(//www.marutaka-c.com/common/images/reform/cost/bg_ttl.png) no-repeat 50% 0%;
margin: 0 auto 40px;
padding: 40px 0 0;
}
.line-0 {line-height:0;}
.pdtb30 {padding:20px 0px;}
.pdr30 {padding-right: 30px;}
.pdl30 {padding-left: 30px;}
#serviceBlock a.more {
height: 32px;
font-size: 100%;
text-align: center;
background: #222;
border-radius: 4px;
display: block;
color: #fff;
line-height:32px;
width:200px;
position:relative;
-webkit-transition: opacity 0.7s ease-out;
-moz-transition: opacity 0.7s ease-out;
-ms-transition: opacity 0.7s ease-out;
transition: opacity 0.7s ease-out;
}
#serviceBlock a.more:hover {
opacity: 0.5;
border-bottom: 0px solid #fff;
}
#serviceBlock .item {
padding: 10px;
position:relative;
}
.table {
display: table;
width: 480px;
height: 448px;
position: absolute;
z-index: 2;
right: 0;
top: 0;
text-align: left;
}
.table-background {
background: linear-gradient( 135deg, rgba(252, 252, 252, 0.9), rgba(249, 249, 249, 0.3));
margin: -16px -20px;
padding: 16px 20px;
border-radius: 3px;
position:relative;
}
.table-background2 {
background: linear-gradient( 135deg, rgba(252, 252, 252, 0.9), rgba(249, 249, 249, 0.3));
padding: 20px;
border-radius: 3px;
position:relative;
}
.table-background:before {
content: "";
background: rgba(252,252,252,0.7);
}
#serviceBlock { background-size: 27px auto;
padding: 20px 0px 80px;
margin: 0 auto;
max-width: 1000px;
min-width: 100%;
}
#serviceBlock .inner {
width: 1000px;
margin: 0 auto;
}
.service-top--nav-block-txt {
margin-bottom:60px;
z-index: 1;
position: relative;
} 
.service-top-inner {
width: 1000px;
margin: 0 auto;
}
#serviceBlock header h2 span {
font-family: "futura-pt";
letter-spacing: 0;
font-size: 286%;
margin-right: 5px;
}
#serviceBlock .inner .more a {
width: 210px;
height: 36px;
line-height: 36px;
font-size: 114%;
text-align: center;
border-radius: 16px;
display: block;
margin: 0 auto;
}
.map-back {
background:url(//www.marutaka-c.com/common/images/uploads/2019/07/e81e2058175fc16245cb43a0cbb74792.png)no-repeat;
background-size: 25%;
background-position: 30% 52%;
padding: 100px 0px;
background-attachment: fixed;
}
.right-back::before {
content: '';
background: url(//www.marutaka-c.com/common/images/uploads/2019/07/ae46b1f460ee46f789c27b264a6cb421.png)no-repeat;
background-size: 8%;
background-position: 75% 30%;
width: 370px;
height: 600px;
position: absolute;
top: -90px;
right: -62px;
background-attachment: fixed;
}
.relative {position:relative;}
.forth-h3 {
font-size: 172%;
text-align: center;
background: url(//www.marutaka-c.com/common/images/common/bg_dot_line.png) repeat-x bottom;
display: inline-block;
padding: 0 10px 10px;
margin: 0 auto 25px;
}
#serviceBlock .service-400-1 {
background: url(//www.marutaka-c.com/common/images/reform/natural/bg_ttl.png) no-repeat;
background-position: 48% 50%;
background-size: contain;
height: 100%;
max-width: 400px;
height: 161px;
position: relative;
text-align:center;
}
#serviceBlock .service-400-1::before {
content: '';
background-color: rgba(0,0,0,0.0);
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: 50%;
}
#serviceBlock .service-400-1:hover::before  {
background-color: rgba(0,0,0,0.2);
transition-duration: 0.8s;
opacity: 0.6;
transition-duration: 0.3s;
-moz-transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-ms-transition: 0.3s linear;
width: 161px;
margin: 0 auto;
}
.inspi1 {
background: url(//www.marutaka-c.com/common/images/reform/natural/ico_good.png) no-repeat 9px 9%;
padding: 10px 0px;
}
.inspi2 {
background: url(//www.marutaka-c.com/common/images/reform/natural/ico_good.png) no-repeat 9px 0%;
padding: 10px 0px;
}
.trim {
width: 300px; height: 300px; overflow: hidden;
position: relative;
}
.trim img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.service-400-1 strong {font-size:85%;}
.grid-inner h3 {
font-weight: 700;
padding: 10px;
vertical-align: middle;
position: relative;
font-size:104%;
font-feature-settings: "palt";
letter-spacing: 1px;
}
.grid-inner h3.column-grid-ttl {
font-weight: 700;
padding: 14px;
vertical-align: middle;
position: relative;
font-size: 100%;
letter-spacing: 1.5px;
height: 140px;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
}
.flex-order1 {
-webkit-box-ordinal-group:1;
-ms-flex-order:1;
-webkit-order:1;
order:1;
}
.flex-order2 {
-webkit-box-ordinal-group:2;
-ms-flex-order:2;
-webkit-order:2;
order:2;
}
.onestop-merit-area .img-box figure {position: relative;}
.onestop-merit-area .img-box figure::after {
content: " ";
position: absolute;
left: 0px;
top: 0px;
background: url(https://www.marutaka-c.com/common/images/concept/bg_cover_800x530_1.png) no-repeat;
background-size: cover;
width: 100px;
width: 100%;
height: 100%;
}
.innerBlock nav.subpageNav ul li span, .innerBlock nav.subpageNav ul li a {
font-size:130%;
padding:0 8px 8px;
font-feature-settings: 'palt';
}
.onestop-contents-area .icon-ccheck {
font-size:11px;
margin-right:2px;
}
span.point {
 padding: 0 0px;
background: url(//www.marutaka-c.com/common/images/reform/plan/bg_brown_a10.png) repeat-x 100% 90%;
}
span.point-pink {
padding: 0 4px;
background: url(//www.marutaka-c.com/common/images/uploads/2025/04/bg_pink_a10.png) repeat-x 100% 90%;
}
.point-font {
font-size: 28px;
line-height: 0;
}
.onestop-contents-area .event-inner img {width: auto;}
.center-flex::after{
content: '';
display: block;
background: #0D7B81;
height: 22px;
width: 1px;
height: 1000%;
align-items: center;
margin: 0 auto;
top: 24px;
position: relative;
}
#recruitBlock .inner {padding: 0px 0px 40px;}
#recruitBlock .inner .pratnerBtn a {
width:auto;
background-size: cover;
}
.w840 {width: 840px;margin: 0 auto;}
#privacyBlock #sideTtlBlock,#sitemapBlock #sideTtlBlock,#mlBlock #sideTtlBlock {display:none;}
#privacyBlock .innerBlock,#sitemapBlock .innerBlock {
float: none;
margin: 0 auto;
}
.boxArea #pankuzu {
width: 840px;
margin: 0 auto;
}
.onestop-index-area a span.tokucho {
font-size: 16px!important;
color: #fff;
background: #0D7B81;
border-radius: 10%;
padding: 0.2em;
margin-right:30px;
}
#staffBlock article .inner {
position: relative;
z-index: 9999;
}
.linear {
background:linear-gradient(transparent 60%, #ff6 60%);
}
.onestop-index-area a span.linear {
background:linear-gradient(transparent 60%, #ff6 60%);
}
#serviceBlock .catch {
width: 540px;
text-align: center;
padding-bottom: 20px;
margin: 0 auto;
}
#serviceBlock .newly-catch {width: 1000px; padding-bottom: 10px; padding-top: 60px;}
#serviceBlock .catch > figure {
text-align: center;
padding: 10px 0 20px;
}
#serviceBlock .catch2 {
width: 520px;
text-align: center;
padding: 80px 0px;
margin: 0 auto;
}
.onestop-index-area a span {
letter-spacing: 2px;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight: normal;
font-size: 136%;
}
.blockArea #ttlBlock .in p {width:60%;}
.onestop-catch-area {
width:920px;
margin:0 auto;
position: relative;
}
.newly-catch {width:1000px;}
.onestop-index-area, .onestop-contents-area, .onestop-merit-area {
width:1125px;
margin:0 auto;
}
.onestop-merit-area {
width:1000px;
margin:0 auto;
}
.onestop-index-area a {
display: flex;
align-items: center;
padding: 13px 20px;
border: 1px solid #e6e6e6;
background-color: #fff;
position:relative;
margin: 2% 4.5%;
box-shadow: 10px 10px #f5f5f5;
}
.onestop-index-area a:hover {
color:#fff;
border: 1px solid #000;
background-color: #0D7B81;
}
.onestop-index-area a::after {
content: '\e809';
width: 2em;
line-height: 2;
text-align: center;
font-family: 'fontello';
position: absolute;
right: 10px;
top: 50%;
margin-top: -1em;
}
.event-inner-tab {
display: flex;
align-items: center;
justify-content: center;
background: rgba(200,200,200,0.2);
padding: 2%;
margin: 1% 0%;
border-radius: 5px;
}
.onestop-contents-area section {
margin-bottom: 60px;
margin-top: -120px;
padding: 120px 40px 0px;
}
.one-stop-c-ttl {
font-size: 166%;
text-align: left;
color: #0D7B81;
margin-top: 40px;
width: 800px;
float: right;
}
.one-stop-c-ttl-02 {
font-size: 150%;
text-align: left;
margin: 22px 0px 16px 0px;
font-feature-settings: 'palt';
}
.newly-h-title {margin: 0px 0px 16px 0px;}
.sagashi {color: #0D7B81;
}
.center-flex {
text-align: center;
margin: 0 auto;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
color: #0D7B81;
display: inline-block;
line-height: 45px;
width: 120px;
top: 40px;
position: relative;
background: #eee;
border-radius: 50%;
height: 120px;
border: 4px solid #fff;
}
.onestop-number {
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-size: 60px;
letter-spacing: 3.0px;
display: block;
}
.width720 {
width: 720px;
float: right;
margin-top: -10px;
}
.width800 {
width: 800px;
float: right;
}
.width1080 {
width: 1080px;
margin: 0 auto;
}
.width80% {
width: 80%;
margin: 0 auto;
}
.tab li {
width:380px;
font-size:15px;
padding: 15px 15px;
}
#flow .flowBox dl dd {line-height: 170%;}
#scheduleBlock section {overflow: inherit;}
#recruitBlock .inner .recruitNav ul li a span {
width: 98px;
height: 20px;
font-size: 67%;
line-height: 20px;
text-align: center;
color: #fff;
background: rgba(231, 72, 0, 0.8);
display: block;
margin: 0px 2px 10px;
border-radius:8px;
}
#recruitBlock .inner .recruitNav ul li a i {
left: 0px;
color:#fff;
}
#recruitBlock .inner .recruitNav ul {
display: flex;
margin:0 auto;
}
#recruitBlock .inner .recruitNav ul li {
width: 300px;
height: 300px;
display: table;
margin: 0 auto;
}
#recruitBlock .inner .recruitNav ul li a {
background: none;
display: block;
height: auto;
line-height: 0;
}
#recruitBlock .inner .recruitNav ul li.rec2 {
background: url(//www.marutaka-c.com/common/images/uploads/2019/03/1b3606661d72b3baa3c8f168dbfcaa14.jpg);
background-size: cover;
background-position: bottom;
}
#recruitBlock .inner .recruitNav ul li.rec1 {
background: url(//www.marutaka-c.com/common/images/uploads/2023/01/b66ee67cb8a63d2e848760dd8f5af001.jpg);
background-size: cover;
background-position: 40% 50%;
}
#recruitBlock .inner .recruitNav ul li.rec3 {
background: url(//www.marutaka-c.com/common/images/uploads/2019/06/58cf7f179f239da0730df1ab6f23f04e.jpg);
background-size: cover;
background-position: right;
}
#recruitBlock .innerBlock {
background-image: linear-gradient( -45deg, #f5eeed00 25%, #f4e2de5e 25%, #f4e2de5e 50%, #f5eeed00 50%, #f5eeed00 75%, #f4e2de5e 75%, #f4e2de5e );
background-size: 4px 4px;
background-attachment: fixed;
padding: 10px 40px 30px 40px;
margin:0 auto;
}
.recruitNav-inner {
color: #fff;
display: table-cell;
vertical-align: middle;
background: rgba(0,0,0,0.3);
}
.pdl-50-pc {padding-right: 50px;}
.flex-box {
align-items: center;
display:-webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
#worksBlock {margin: 0 auto 70px;}
#guideBlock h3 {margin-bottom: 10px;}
.works-category-area {
margin: 0 auto;
padding: 40px 0px;
background: repeating-linear-gradient(-45deg, #eeeeeeba 2px, #eeeeeeba 0px, #fff 4px, #fff 6px);EEE 2px, #eee 0px, #fff 4px, #fff 9px);
min-width: 100%;
display: inline-block;
}
.works-category-area-wrap {
background: #fff;
width: 1040px;
margin: 0 auto;
border-radius: 20px;
padding: 40px 0px;
}
.search {
width: 970px;
margin: 0 auto;
position: relative;
left: 20px;
}
.search h3 {
font-size: 84%;
padding: 5% 0px;
font-weight: 700;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
letter-spacing: 2px;
font-feature-settings: "palt";
}
.search i.icon-yr {
line-height: 1.0;
vertical-align: middle;
}
.search i.fa-search {
margin-right:2px;
font-size:11px;
}
.search header {
display: inline-block;
line-height: 1.0;
vertical-align: middle;
width:19%;
text-align:center;
line-height:1.2;
background: url(//www.marutaka-c.com/common/images/common/bg_content_ttl.png) no-repeat;
background-position: center;
background-size: contain;
padding: 2% 0%;
}
.area .footer-build-menu {
padding-top: 0px;
text-align: center;
margin: 0 auto;
width: 77%;
vertical-align: middle;
}
.area ul.footer-build-menu a {
height: 36px;
font-size: 120%;
text-align: center;
border-radius: 16px;
display: block;
margin: 0 auto;
letter-spacing: 3px;
width:118px;
}
.area ul.footer-build-menu span {
line-height: 36px;
display:inline-block;
}
.innerBlock .staffList ul li a p {
font-size: 129%;
line-height: 1.5;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight: bold;
padding-bottom: 3px;
}
#staffBlock article header span {
font-size: 86%;
line-height: 1.5;
display: block;
padding-top: 50px;
}
#conceptBlock .pickup-left figure {width: 100%; overflow:hidden;}
#conceptBlock .pickup-left .more {
position: relative;
width: 210px;
height: 36px;
line-height: 36px;
font-size: 117%;
text-align: center;
background: #EBE9E8;
border-radius: 16px;
display: block;
margin: 0 auto;
}
.pickuparea {
padding: 0px 0px 50px!important;
width: 100%!important;
background: #eeeeee2e;
position: relative;
}
.pickuparea-inner {
padding: 30px 0%;
display: block;
max-width: 1080px;
margin: 0 auto;
text-align: center;
height: auto;
}
.pickuparea-inner h3 {
line-height:1.6;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
font-weight: 700;
font-size: 90%;
letter-spacing: 0px;
}
.pickuparea-inner h3.pic-ttl {font-size:80%;  letter-spacing: 0px; font-weight: 700;}
.newlyBlock .pickuparea-inner h3.one-stop-c-ttl-02 {font-size:110%;}
.pickuparea-inner h3 span.pick {
border-bottom:1px solid;
padding-bottom:2px;
}
.pickuparea-inline {
width: 100%;
margin: 0 auto;
background: #fff;
display: inline-block;
align-items: center;
justify-content: center;
border: 1px solid #dcdcdc;
}
.women-staff-area-inline {
min-height:545px;
border-radius:40px;
padding:8%;
}
.pet-staff-area-inline {
min-height: 460px;
}
.solid2 {border: 2px solid #dcdcdc;}
.pickuparea-inline.flex {display: flex;}
.pickuparea-inner .textBox {font-size:12px;}
#conceptBlock .pickup-left {
width: 100%;
float: left;
}
#conceptBlock .pickup-left.square {width: 50%;}
#conceptBlock .pickup-right {
width: 100%;
float: right;
padding: 3%;
}
#conceptBlock .pickup-right figure {
width: 100%;
}
.boxArea .innerBlock .detailBox .textBox h5 {
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
font-weight: 700;
letter-spacing: 1px;
font-size: 12px;
display:inline-block;
}
.boxArea .innerBlock .detailBox .textBox .flexbox-container li br {display:none;}
.boxArea .innerBlock .detailBox .textBox h5:first-letter {font-size:17px;}
.osusume-list-inner {
clear: both;
background: #fff;
padding: 3% 8%;
border-radius: 15px;
overflow: hidden;
text-align:left;
}
.boxArea .innerBlock .detailBox .textBox h3.lead-text {
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
text-align: center;
padding-bottom: 20px;
font-size:130%;
line-height: 1.9;
}
h4.naka-lead-text {
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-size:130%;
text-align: center;
padding: 10px;
line-height: 1.9;
letter-spacing: 3px;
font-weight:700;
}
#guideBlock {
width: 100%;
padding: 40px;
}
.guideBlock-wrap {
background: rgba(255,255,255,0.8);
width: 940px;
margin: 0 auto;
border-radius: 6px;
padding: 24px 0px;
} 
#guideBlock p {
width: 800px;
margin: 0 auto;
padding-bottom: 25px;
}
.guideArea #informationBlock {
width: 50%;
float: left;
padding: 20px;
}
#informationBlock .information dl dt img {
max-width: 100%;
height: 100%;
width:auto;
}
#categoryBlock {
width:1000px;
margin:0 auto;
display:inline-block;
}
#categoryBlock article.item {
margin-bottom: 25px;
padding:0.6%;
}
#categoryBlock .category {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding-top: 0px;
text-align: center;
margin: 0 auto;
width: 77%;
float: right;
}
#categoryBlock .cat-1 {width: 16%;}
#categoryBlock .cat-2 {width: 12%;}
#staffBlock article {
padding: 250px 50px 20px;
position: relative;
overflow: hidden;
zoom: 1;
margin-top: -200px;
}
#index header#head h1 {
width: 1000px;
height: 120px;
text-align: left;
padding-left: 30px;
padding-top: 36px;
margin: 0 auto;
}
#index header#head h2 {
width: 1000px;
height: 120px;
text-align: left;
padding-left: 30px;
padding-top: 36px;
margin: 0 auto;
}
#worksBlock article figure {margin: 0 auto 6px;}
#worksBlock article figure img {
display: block;
transition-duration: 0.3s;
-moz-transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-ms-transition: 0.3s linear;
}
#worksBlock article figure img.zoomin:hover {
transform: scale(1.1);
transition-duration: 0.8s;
opacity: 0.6;
transition-duration: 0.3s;
-moz-transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-ms-transition: 0.3s linear;
}
.singleBlock .innerBlock section header {
margin-bottom: 30px;
position: relative;
overflow: visible;
}
.singleBlock .innerBlock section figure.imageSlide {margin-bottom: 40px;}
#content div#head-wrap {
 background: rgba(255,255,255,0.0);
height: 118px;
pointer-events: auto;
}
#head-wrap div.back-white {
background:  rgba(255,255,255,0.0);
display: flex;
}
#showroomBlock {
padding-top:0px;
min-width: 100%;
display: inline-block;
}
#showroomBlock .event-inner {
width: 930px;
padding: 0%;
margin: 0 auto;
display: block;
}
#showroomBlock .event-inner .center a {
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
color:#000; 
position:relative;
}
#showroomBlock .flexbox-container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-pack: justify;
-moz-box-pack: justify;
-webkit-flex-pack: justify;
-moz-flex-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
justify-content: space-between;
}
#showroomBlock .flexbox-container .width-50 span {
letter-spacing: 1px;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight: normal;
font-size:16px;
font-family: 'Caveat', cursive;
}
#showroomBlock .event-inner figure {padding: 5%;}
#showroomBlock .event-inner img {
width: 78%;
border-radius: 50%;
border: 4px solid #ddd;
}
#showroomBlock .event-inner img:hover {
border: 4px solid #bbb;
}
#showroomBlock .inner {
height: auto;
padding-bottom:40px;
}
#showroomBlock .event-inner small {font-size:12px;}
#showroomBlock .event-inner small .sp1 {display:none;}
#showroomBlock > .textBox {width: 660px;}
#ParkSide,#BridgeSide,#Kotorino{
width: 930px;
margin: 0 auto;
padding-bottom: 2%;
margin-top: -10%;
padding-top: 10%;
clear:both;
}
.border-line {
line-height: 30px;
background: url(//www.marutaka-c.com/common/images/corporate/bg_line.png) no-repeat 50% 20px;
padding-left: 50px;
margin-top:8%;
text-align:center;
}
.border-line small {
font-size: 80%;
font-family: "futura-pt";
color: #848484;
display: block;
letter-spacing: 1px;
}
.border-line-only {
background: url(//www.marutaka-c.com/common/images/corporate/bg_line.png) no-repeat 50% 20px;
padding: 50px 0;
margin-top: 8%;
text-align: center;
}
#outlineBlock figure img {
width: 100%;
margin: 5% 0;
}
#ParkSide h2.sub-catch,#BridgeSide h2.sub-catch {
font-size: 158%;
letter-spacing: 3px;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight: normal;
line-height: 1.8;
background: #fff;
display: inline-block;
padding: 0px 20px;
}
#ParkSide h2.sub-catch span,#BridgeSide h2.sub-catch span {
background: url(https://www.marutaka-c.com/common/images/reform/plan/bg_brown_a10.png) repeat-x bottom;
font-family: 'Caveat', cursive,"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
letter-spacing: 1px;
color: #282828;
font-size:120%;
font-weight:200;
}
#access figure img {
width: 100%;
border-radius: 50%;
margin:10px 0px;
}
.showroom-nametag {
position: relative;
left: -3px;
bottom: -215px;
z-index: 2;
text-align:left;
width: auto;
min-width: 110px;
}
p.nameplate {
display: inline-block;
background-color: #fff;
padding: 2px 6px 2px 6px;
color: #282828;
font-size: 12px;
font-weight: 700;
border-radius: 0 4px 4px 0;
margin-bottom: 4px;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.sub-catch .sp2 {display:none;}
.columnBlock {
width: 100%;
margin: 0 auto;
}
.columnBlock div.listBox {
width: 76%;
float: left;
padding-top: 30px;
}
div.sideArea aside {
float: right;
padding: 40px 0;
}
.categoryNav {clear: both;}
.columnBlock div.listBox article {
width: 33.33%;
padding: 10px 0px 30px;
position: relative;
}
.listBox article a h5 {
font-size: 121%;
}
#newItem header h2 {
font-size: 158%;
line-height: 32px;
margin-left: 10px;
float: left;
}
.listBox article a h2 {
   font-size: 100%;
letter-spacing: 0px;
padding:4px 0px;
font-feature-settings: 'palt';
}
#newItem header h2 {
font-size: 129%;
line-height: 32px;
margin-left: 10px;
float: left;
}
.build-title {
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
letter-spacing: 2px;
padding: 40px 30px 20px;
text-align: center;
font-size: 16px;
}
.singleBlock .innerBlock section .inner .baBox {width: 446px;}
.singleBlock .innerBlock section .inner .dataBox {width: 470px;}
.singleBlock .innerBlock section .inner .dataBox table {
top: 30px;
font-size:14px;
position: relative;
border-collapse: separate;
border-spacing: 0;
}
.singleBlock .innerBlock section .inner .dataBox .gaiyouBox table {top: 0px; font-size:11px;}
.singleBlock .innerBlock section .inner .dataBox table th {
width: 20%;
line-height: 20px;
vertical-align: middle;
color: #444444;
text-align: center;
font-weight: bold;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
padding: 15px 4px;
background:#f9f9f9;
}
.singleBlock .innerBlock section .inner .dataBox .gaiyouBox table th {
padding:4px 8px; width:25%; text-align:left; font-weight:400;  font-size:100%;
}
.singleBlock .innerBlock section .inner .dataBox .gaiyouBox table td {
padding:4px 8px; font-size:100%;
}
.singleBlock .innerBlock section .inner .baBox span {line-height: 1;}
#newItem {width: 980px;}
.boxArea .innerBlock .listBox article figure {text-align: center; height: 203px;}
#planBlock section#meeting #example {font-size:14px;}
#planBlock section#meeting #example h5 {background: url(//www.marutaka-c.com/common/images/reform/plan/bg_ttl_plan+.png) no-repeat;}
#footer-menu-area {
width: 1000px;
margin: 0 auto;
padding-top:30px;
}
.single960 {
width: 960px;
display: block;
margin: 0 auto;
}
.footer-menu-pd {
padding: 15px 0px;
border-bottom:1px dotted #000;
float: left;
}
.footer-menu{clear: both;}
ul.footer-menu li {
width: 20%;
left: 2px;
position: relative;
}
.footer-build-menu {
padding-top: 8px;
display: inline-block;
line-height: 100%;
vertical-align: top;
width:81%;
}
#footer-menu-area h3 {
display: inline-block;
width: 15%;
font-weight: bold;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
font-size: 0.85em;
padding-top: 8px;
line-height: 1.5em;
font-feature-settings: "palt";
letter-spacing: 1px;
}
.innerBlock nav.subpageNav ul li {
display: inline-block;
background: url(//www.marutaka-c.com/yume.kanri/wp-content/themes/images/common/bg_poti_1.png) no-repeat 100% 50%;
padding: 0 15px 0 15px;
}
footer#footer nav {padding: 0px 0;}
#planBlock section > header {
text-align: center;
margin-bottom: 40px;
}
#planBlock section > header h4 span {
display: inline-block;
padding-bottom: 10px;
background: url(//www.marutaka-c.com/common/images/reform/plan/bg_ttl_dot_line.png) no-repeat bottom;
}
#planBlock section > header h4 {
font-size: 158%;
display: inline-block;
}
#planBlock section {padding: 80px 0;}
#planBlock section > header i {margin-right: 10px;}
#sideTtlBlock h2 {
width: 140px;
height: 600px;
background: url(//www.marutaka-c.com/common/images/contact/tit-c.png) no-repeat 50% 0%;
top: 30px;
}
#worksBlock.columnsBlock article figure img {
width: 220px;
height: 220px;
border-radius:5%;
}
#worksBlock.columnsBlock article figure {
width: 220px;
margin: 0 auto 6px;
border-radius:5%;
overflow: hidden;
}
#worksBlock.columnsBlock article span {
font-size: 70%;
line-height: 22px;
background: #DCDCDC;
display: inline-block;
padding: 0px 4px;
margin: 0px 5px 2px 0px;
height: 20px;
vertical-align: middle;
float:left;
color:#000;
font-feature-settings: 'palt';
}
#worksBlock.columnsBlock header {
line-height: 30px;
text-align: left;
padding-left: 50px;
background: url(//www.marutaka-c.com/common/images/corporate/bg_line.png) no-repeat 50% 20px;
}
.guideArea {
width: 1000px;
margin: 0 auto;
overflow: hidden;
zoom: 1;
clear: both;
padding: 10px 10px;
background: url(//www.marutaka-c.com/common/images/index/bg_index_info.png) no-repeat 50% 50%;
background-size: 0.1% 90%;
}
.muryou {
background-image: url(//www.marutaka-c.com/common/images/uploads/2024/06/DSC_0616_00007-white.webp);
background-attachment: fixed;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
min-width: 100%;
display: inline-block;
margin: 0 auto;
}
#informationBlock .information dl dt {
width: 106px;
height: 60px;
}
.singleBlock .innerBlock section header h1 {font-size: 256%; float: left;}
.singleBlock .innerBlock section header h1.voicettl {font-size: 110%; float: left;}
#slidetoggle_menu {
padding: 20px 0px;
display:flex;
border-bottom:1px dotted;
}
#worksBlock .inner .more a,#staffareaBlock .more a {
width: 290px;
height: 46px;
line-height: 46px;
font-size: 105%;
text-align: center;
border-radius: 24px;
display: block;
margin: 0 auto;
box-shadow: 6px 6px hsla(0,0%,0%,0.20);
font-feature-settings: "palt";
}
#content header#head h1 {
width:auto;
float: left;
padding: 0px;
}
#content header#head h1 img {
width: 60%;
position:relative;
top:-10px;
left:4px;
}
#content header#head h2 {
width:auto;
float: left;
padding: 0px;
}
#content header#head h2 img {
width: 50%;
position:relative;
top:-10px;
left:4px;
}
#content header#head .disc {
width:auto;
float: left;
padding: 0px;
}
#content header#head .disc img {
width: 50%;
position:relative;
top:-10px;
left:4px;
}
#index .copy {
font-size: 11px;
padding: 10px 15px 10px 10px;
}
.copy {
font-size: 11px;
padding: 10px 14px 10px 6px;
vertical-align: middle;
display: flex;
align-items: center;
height: 100%;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
letter-spacing:1px;
font-feature-settings: "palt";
}
#content #head nav ul li {
width: 45px;
text-align: center;
float: left;
}
#content #head nav ul li.n01 {margin-top: 16px;}
#content #head nav ul li.n02 {margin-top: 7px;}
#content #head nav ul li.n03 {margin-top: 5px;}
#content #head nav ul li.n04 {margin-top: 42px;}
#content #head nav ul li.n05 {margin-top: 45px;}
#content #head nav ul li.n06 {margin-top: 26px;}
#content #head nav ul li.n07 {margin-top: 34px;}
#content #head nav ul li.n01 a {
height: 162px;
background-image: url(//www.marutaka-c.com/common/images/common/2019nav01.png);
background-size: 32%;
}
#content #head nav ul li.n02 a {
height: 182px;
background-image: url(//www.marutaka-c.com/common/images/common/2019nav02.png);
background-size: 32%;
}
#content #head nav ul li.n03 a {
height: 182px;
background-image: url(//www.marutaka-c.com/common/images/common/2019nav03.png);
background-size: 32%;
}
#content #head nav ul li.n04 a {
height: 107px;
background-image: url(//www.marutaka-c.com/common/images/common/2019nav04.png);
background-size: 32%;
}
#content #head nav ul li.n05 a {
height: 107px;
background-image: url(//www.marutaka-c.com/common/images/common/2019nav05.png);
background-size: 32%;
}
#content #head nav ul li.n06 a {
height: 145px;
background-image: url(//www.marutaka-c.com/common/images/common/2019nav06.png);
background-size: 32%;
}
#content #head nav ul li.n07 a {
height: 123px;
background-image: url(//www.marutaka-c.com/common/images/common/2019nav07.png);
background-size: 32%;
}
#content #head nav {
width: 370px;
height:158px;
background: url(//www.marutaka-c.com/common/images/common/bg_nav+++.png) no-repeat;
float: right;
overflow: hidden;
padding: 0 15px;
position: relative;
z-index: 100;
background-size: 100% 100%;
}
#content header#head {
width: 1220px;
margin: 0 auto;
padding: 0px;
pointer-events: none;
}
.singleBlock .innerBlock section .beBox {
width: 240px;
text-align: center;
float: right;
}
.singleBlock .innerBlock section .beBox img { width: 240px;}
.singleBlock .innerBlock section .textBox {
padding-bottom: 30px;
float: left;
width: 700px;
}
.singleBlock .innerBlock section .inner {
padding-bottom: 50px;
overflow: hidden;
zoom: 1;
width: 100%;
}
.singleBlock .innerBlock section .ttl_name {
font-size: 143%;
display: inline-block;
padding: 0 10px;
background: url(https://www.marutaka-c.com/common/images/faq/bg_line.png) no-repeat bottom;
margin-bottom: 30px;
clear: both;
float:left;
}
.singleBlock .innerBlock section .textBox.off {
float: none;
margin: 0 auto;
width:100%;
}
.innerBlock h2.sub-catch {
font-size: 158%;
letter-spacing: 3px;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight: normal;
line-height: 1.8;
}
.newlyBlock .innerBlock h2.sub-catch {font-size: 172%;}
.newlyBlock .innerBlock .one-stop-c-ttl-02 {font-size: 156%;}
.newlyBlock .innerBlock h2.sub-catch-newly {font-size: 260%; letter-spacing: 2px;text-align: left;}
#naturalBlock > .pointBox .catch { font-size:100%;}
#showroomBlock .halfBox > section h3, #showroomBlock #consult header h3 { font-size: 143%;}
#planBlock section > header h3 {
font-size: 158%;
display: inline-block;
}
#planBlock section > header h3 span {
display: inline-block;
padding-bottom: 10px;
background: url(//www.marutaka-c.com/common/images/reform/plan/bg_ttl_dot_line.png) no-repeat bottom;
}
#planBlock section > header h3 br {display: none;}
#messageBlock section h2 {
font-size: 158%;
font-weight: bold;
letter-spacing: 8px;
margin-bottom: 30px;
}
#conceptBlock .inner header h2 {
letter-spacing: 3px;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight: normal;
font-size:100%;
line-height:1.0;
padding-bottom: 16px;
}
#conceptBlock .inner header h2 span {
font-family: "futura-pt";
letter-spacing: 0;
font-size: 286%;
margin-right: 5px;
}
#worksBlock.columnsBlock {padding: 40px 0px 0px 0px;}
#guideBlock .more a { width: 280px;}
.top-bukkenblock-grid {
display: grid;
gap:20px;
gap:18px;	
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}
.person-in-charge {
display: block;
float: left;
padding: 0.5%;
width: 33.33%;
width: calc(100% / 3);
height: 100%;
}	
.pickuparea-block {
display: block;
float: left;
padding: 0.5%;
width: 33.33%;
width: calc(100%/3); height: 100%;
}
.pickuparea-block-width100 {
display: block;
float: left;
width: 100%;
max-height: 320px;
height: 100%;	
}
.slider-event {
max-width: 1000px;
margin: 0 auto;
width: 80%;
}
.slider-event-tokusetu {
max-width: 1000px;
width: 80%;
margin: 0 auto;
}
.pickuparea-inline-slide {
width: 100%;
margin: 0 auto;
background: #fff;
display: inline-block;
align-items: center;
justify-content: center;
border: 1px solid #dcdcdc;
transition: 0.3s;
}
.pickuparea-inline-slide:hover {
transform: translate(-7px, -7px);
box-shadow: 7px 7px 5px 5px #ddd;
}
.pickup-slide-text{
}	
.pickup-slide-text-box {
font-size: 12px;
padding: 5%;
display: flex;
align-items: center;
height: 50px;
}
.pic-ttl-slide {
font-size: 100%;
letter-spacing: 0px;
font-weight: 700;
line-height: 1.6;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
min-height: 75px;
border-bottom: 1px dotted #ccc;
padding: 5%;
}
.pickup-slide-text-box-cap {
width: 90%;
}
.pickup-slide-text-box i {
text-align:right;
width: 10%;
color: #8e451c;
}
.pickupbukkenarea-block {
width:100%;
min-height: 410px;
min-height: 370px;
background: #fff;
position: relative;
}
.women-staff-block {
display: block;
float: left;
padding: 0.5%;
width: 33.33%;
width: calc(100% / 3); height: 100%;
position: relative;
}
.fukidashi{
display: flex;
align-items: center;
gap: 30px;
}
.fukidashi-thumb {
width: 14%;
border-radius: 100%;
vertical-align: middle;
overflow: hidden;
float: left;
height: 100%;
}
.fukidashi-body {
width: 86%;
}
.fukidashi-text {
position: relative;
display: inline-block;
padding: 16px;
border: 2px solid #dcdcdc;
border-radius: 8px;
background-color: #ffffff;
text-align: left;
font-size: 14px;
font-feature-settings: "palt";
font-weight: 400;
line-height: 1.5;
color: #000000;
}
.fukidashi-text::before {
content: "";
position: absolute;
top: 40%;
left: 0;
border-style: solid;
border-width: 0 14px 14px 0;
border-color: transparent #dcdcdc transparent transparent;
translate: -100% -50%;
transform: skew(0, -25deg);
transform-origin: right;
}
.fukidashi-text::after {
content: "";
position: absolute;
top: 40%;
left: 0;
border-style: solid;
border-width: 0 9.2px 9.2px 0;
border-color: transparent #ffffff transparent transparent;
translate: -100% calc(-50% - 0.4px);
transform: skew(0, -25deg);
transform-origin: right;
} }
@media screen and (max-width: 639px) {
.pic-ttl-slide {
font-size: 12px;
letter-spacing: 0px;
font-weight: 700;
line-height: 1.6;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
min-height: 70px;
border-bottom: 1px dotted #ccc;
padding: 5%;
}	
.works__type {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.works__type__item {
margin: 0 .2rem .7rem;
width: 45%;
}
.works__type__item a {
border-radius: 200px;
box-sizing: border-box;
display: flex;
align-items: center;
padding: .3rem;
width: 100%;
text-align: left;
border: solid 1px #555;
font-size: .875rem;
}
.works__type__item img {
height: 40px;
margin: 0 .5rem 0 0;
border-radius: 50%;
}
.works__type__item .fas {
margin: 0 0 0 .3rem;
}
.top_contact {
background: #333;
}
.top_contact_inner ul {
margin: 0 auto;
}
.contact_web {
text-align: center;
border-bottom: 1px solid #fff;
line-height: 48px;
}
.top_contact_inner ul a {
color: #fff;
display: flex;
justify-content: center;
align-items: center;
}
.top_contact span.contact_icon {
height: 18px;
}
.top_contact span.contact_icon img {
display: block;
height: 100%;
width: auto;
margin: 0 auto;
}
.top_contact span.contact_txt {
margin: 0 0 0 20px;
}
.contact_tel {
text-align: center;
line-height: 48px;
}
.kurineko img {
border-radius: 60px;
}
.pet-top-sp-picture {
border-radius: 10px 10px 10px 80px;
}
.leftdog {
width: 80px;
height: auto;
position: absolute;
left: 6px;
top: 520px;
transform: rotate(10deg);
z-index: 10;
}
.rightcat {
width: 90px;
height: auto;
position: absolute;
right: 10px;
top: 210px;
z-index: 10;
}
.rightcatwall {
width: 171px;
height: auto;
position: absolute;
left: -46px;
top: 30px;
z-index: 10;
}
.leftcatdoor {
width: 110px;
height: auto;
position: absolute;
right: 6px;
top: 430px;
z-index: 10;
}
.grid-circle {
display: grid;
gap: 12px;
grid-template-columns: repeat(auto-fit, minmax(170px,1fr));
width: 100%;
margin: 0 auto;
}
.pet-circle {
background-color: #d0bdaa;
width: 180px;
height: 180px;
border-radius: 50%;
display: flex;
align-items: center;
animation: rotate 2s ease-in-out infinite;
}
.pet-circle-txt {
color: #fff;
margin: 0 auto;
position: relative;
font-weight: 700;
font-size:20px;
}
.pet-circle.shape1 {
border-radius: 58% 42% 59% 39% / 40% 55% 40% 55%;
}
.pet-circle.shape2 {
border-radius: 52% 40% 50% 38% / 48% 51% 47% 49%;
}
.pet-circle.shape3 {
border-radius: 54% 46% 52% 48% / 46% 54% 54% 46%;
}
.pet-circle.shape4 {
border-radius: 56% 44% 54% 46% / 44% 56% 56% 44%;
}
.pet-circle.shape5 {
border-radius: 58% 42% 56% 44% / 42% 58% 45% 42%;
}
.pet-circle.shape6 {
border-radius: 46% 41% 49% 42% / 40% 44% 43% 40%;
}
.pet-circle.shape7 {
border-radius: 55% 58% 60% 44% / 53% 53% 55% 66%;
}
.pet-circle.shape8 {
border-radius: 35% 62% 40% 55% / 57% 38% 50% 43%;
}
.pet-circle {
transition: border-radius 0.3s; }
.pet-circle:hover {
transition: border-radius 0.3s; border-radius: 48% 63% 61% 57% / 53% 71% 51% 49%;
}
.pet-bubble-1 {
position: absolute;
top: 920px;
z-index: 0;
width: 510px;
left: 238px;
height: auto;
}
.pet-bubble-2 {
position: absolute;
z-index: 0;
left: -266px;
top: 410px;
width: 480px;
opacity: 0.9;
height: auto;
}
.pet-reno-ttl {
font-size: 21px;
text-align: center;
justify-content: center;
font-weight: 700;
letter-spacing: 2px;
}
.pet-reno-subttl {
font-size: 19px;
font-weight: 700;
}
.pet-rw-copy {
width: 275px;
height: 48px;
background-color: #fff;
margin: 0 0 10px;
padding: 8px 8px 8px 8px;
font-size: 20px;
letter-spacing: .1em;
background: rgba(255, 255, 255, 0.86);
font-weight: 700;
}
.pet-first_copy {
font-size: 36px;
position: relative;
left: 68%;
text-orientation: upright;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-align: left;
line-height: 56px;
top:40px;
}
.balloon1 {
position: relative;
display: block;
padding: 7px 10px;
color: #555;
font-size: 16px;
background: #e4ffe0;
border-radius: 15px;
top: -20px;
z-index: 120;
width: 100%;
margin: 0 auto;
text-align: left;
}
.withpetimg {
top: -300px;
width: 120px;
position: relative;
margin: 0 auto;
left: 115px;
}
#conseptareaBlock {
width: 100%;
margin: 0 auto;
padding: 3%;
}
#conseptareaBlock h2 {
text-align: center;
font-size: 143%;
margin-bottom: 30px;
}
.wrap-concept-gird {
display: grid;
gap: 8px;
justify-content: space-between;
grid-template-columns: 1fr 1fr;
}
.concept-gird h3 {
font-size: 12px;
margin-bottom: 10px;
letter-spacing: 2px;
font-feature-settings: "palt";
font-weight: 700;
height: 54px;
}
.concept-gird span {
display: block;
font-size: 9px;
}
.concept-gird p {
font-size: 11px;
}
.concept-gird img {
height: 36px;
margin: 4px 0 10px;
}
.concept-gird figure {
position: relative;
margin: 0 auto;
float: none;
left: auto;
}
#conseptareaBlock .more {
width: 100%;
margin: 30px auto;
}
#conseptareaBlock .more a.btn05 {
line-height: 44px;
font-weight: 700;
width: 80%;
font-size: 13px;
border-radius: 27px;
}
#staffareaBlock h2 span {
font-family: "futura-pt";
letter-spacing: 0;
font-size: 300%;
display: block;
padding-bottom: 4px;
}
.innerBlock .contactBox {
text-align: center;
margin: 0 10px 20px;
border: 1px solid #333;
}
.innerBlock .contactBox dl {
padding: 10px 0 0px;
border-bottom: 1px dashed #333;
}
.innerBlock .contactBox dl dt {
font-size: 96%;
line-height: 30px;
font-weight: 400;
}	
.innerBlock .contactBox dl dd {
font-size: 200%;
line-height: 34px;
display: inline-block;
}
.contact_ttl_name {
font-size: 143%;
display: inline-block;
padding: 0 10px 10px;
border-bottom: 2px solid;
}
.grid-4-2 {
display: grid;
gap: 6px;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}
.width880 {
font-size:0.9em;
padding:10px;
}
#column-box {
margin: 0 auto;
padding: 120px 20px 60px;
text-align: justify;
}
.column-box-inner-list {
padding:5% 5% 5% 2%;
}
.column-box-inner-list li {
margin-bottom: 20px;
text-indent: -1em;
padding-left: 1em;
}
.title_h2 {
font-size: 5.34vw;
text-align: center;
position: relative;
}
.tt_line_big {
font-size: 18px;
position: relative;
letter-spacing: -0.01em;
font-weight: 400;
   text-align: left;
margin-bottom: 25px;
}
.tt_line_big:before { display: block;
content: "";
position: absolute;
width: 100%;
height: 1px;
background-color: #baa7a2;
left: 0;
bottom: 14px;
}
.tt_line_big span {
background: #fff;
position: relative;
display: inline-block;
font-weight: 400;
padding-right: 15px;
}
.text-left{
text-align:left;		
}
#subnav-new {
margin: 8px;
padding: 80px 0;
overflow: hidden;
zoom: 1;
}
#subnav-new ul li {
border: 2px solid #dcdcdc;
}
#subnav-new ul li a {
font-size: 118%;
text-align: center;
display: block;
padding: 5% 0%;
height: 100%;
font-feature-settings: 'palt';
}
#subnav-new ul li a:hover {
background-color: rgb(238, 238, 238);
transition: .5s;
}
#subnav-new ul li a i {
display: block;
padding-bottom: 10px;
}
#subnav-new ul li a small {
font-size: 89%;
display: block;
}
.parent {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 8px;
grid-row-gap: 8px;
margin:0 auto;
}
section.service-top-nav-block ul {
overflow: inherit;
}
section.service-top-nav-block ul li {
padding-bottom: 20px;
position: relative;
overflow: inherit;
}
.sp-center {
text-align: center;
}
.top-bukkenblock-grid {
overflow: inherit;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap:10px;
}
.pickupbukkenarea-block {
background:#fff;
position: relative;
}
.bukken-txtbox {
text-align: left;
width: 80%;
margin: 0 auto;
font-size:12px;
}
.pc { display: none !important; }
.sp { display: block !important; }
.points-boxfont {
 font-size: 120%;
line-height: 40px;
}
.points-box-font {
padding: 0%;
text-align: left;
}
.points-box {
border: 1px solid #000;
margin: 0 20px 50px;
padding: 15px 40px;
height: 100%;
}
#planBlock > .catch {
width: 100%;
text-align: center;
background: none;
padding-bottom: 60px;
margin: 0 auto;
}
.build-tateyoko img {
max-height: 100%;
margin: 0 auto 10px;
}
.build-tateyoko {
width: 100%;
display: block;
}
.lightbulb {
width: 70px;
height: auto;
position: absolute;
left: 314px;
top: -23px;
transform: rotate(15deg);
}
.coffee-mill {
width: 80px;
height: auto;
position: absolute;
left: 2px;
top: 127px;
}
.wave2{
position: relative;
top: -50px;
margin-top: -200px;
z-index: 0;
}
.women-staff-area-inline {
border-radius: 40px;
padding: 8%;
}
figure.women-staff {
width: 200px;
position: relative;
margin:0 auto;
}
figure.women-staff:after {
width: 200px;
height: 200px;
background: url(//www.marutaka-c.com/common/images/common/bg_cover_fig_220-220.png);
content: " ";
position: absolute;
left: 0px;
top: 0px;
display: block;
background-size: cover;
}
{
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
display: block;
border-radius: 50%;
}
figure.withpetimg img {
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
display: block;
border-radius: 50%;
}
.balloon {
position: relative;
top: -440px;
display: block;
width: 870px;
opacity: 0.9;
left: -86px;
margin: auto;
}
.balloonbox {
position: relative;
display: block;
top: -660px;
width: 300px;
left: 15%;
color: #fff;
text-align: left;
}
.balloon-copy {
text-align: left;
padding: 10px 0px;
font-weight: 700;
font-size: 120%;
}
.wp-block-image img {
box-sizing: border-box;
height: 100%;
max-width: 240%;
vertical-align: bottom;
text-align: center;
margin: 0 auto;
left:-125%;
position: relative;
}
.wave {
position: relative;
top: -230px;
}
.hikki-info-title {
width: 260px;
position: relative;
left: 60px;
top: 0px;
}
.first__copy {
font-size: 32px;
top: 200px;
left: 0px;
position: relative;
text-align: left;
}
.rw-copy {
width: 275px;
height: 48px;
background-color: #fff;
margin: 0 0 10px;
padding: 6px 17px 8px 17px;
letter-spacing: 1px;
background: rgba(5, 5, 5, 0.2);
line-height: 2.0;
}
.prop-atts dl {
flex-basis: 100%;
overflow: hidden;
font-size: 13px;
line-height: 26px;
padding-left: 4px;
}
.footer-cloud li {
font-size: 12px !important;
width: auto;
text-align: center;
margin-top: 8px;
margin-right: 4px;
}
.build-rank-Area {
padding:2%;
}	
.build-rank-Area figure {
width: 100%;
margin: auto;
}
.build-rank-Area img { 
max-width: 100%;
height: auto;
border-radius: 10px;
}
.build-rank-Area ul.wn {
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));
list-style: none;
padding-left: 0em;
}	
.beBox iframe {
height: 180px;
max-width: 320px;
}
.build-request {
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
font-weight: 700;
font-size:12px;
}
.build-request-title {
font-size: 20px;
}
.soldout{
font-size: 14px;
background-color: #f18200;
padding: 4px;
margin: 8px;
top: 16px;
position: relative;
color: #fff;
}
.pickuparea-inner br.no-none {
display: block;
}
.sold-out {
line-height: 14px;
top: 6px!important;
right: -10px!important;
}
#mysticky-nav.wrapfixed {
background-color: #fff;
}
.newlyBlock .innerBlock {top:30px;}	
.newlyBlock	.hidaribox {
display: flex;
align-items: center;
}
#outlineBlock dl dd a{position: static;}
.builds-staff-label {
border-radius: 10px 10px 0 0;
border: 2px solid;
border-color: #dcdcdc;
border-bottom: none;
margin: 0;
width: 30%;
font-size: 14px;
background: #f4ecde;
position: relative;
top: -47px;
display: inline-block;
left: 30%;
text-align: center;
float: left;
}
.builds-comment-area {
margin: 20px 0px;
display: inline-block;
}
.builds-comment-thumb { 
width: 90px;
height: 90px;
border-radius: 100%;
vertical-align: middle;
overflow: hidden;
float: left;
}
.w100 {width: 100%;}
.builds-comment-box {text-align: left;}
.builds-comment-box .pos, .comment {
font-size: 12px;
font-feature-settings: "palt";
}
.builds-comment-box .name {font-size:12px; font-weight:700;}
.builds-comment-left {
float: left;
padding: 0px 0px 0px 10px;
width: 50%;
margin: 0 auto;
position: relative;
}
.builds-comment-txt {clear: both; padding: 10px 0px 0px 0px;}
.fukidashi{
display: flex;
padding: 10px;
gap: 20px;
}
.fukidashi-body {
width:86%;
}
.fukidashi-thumb {
width: 14%;
height: 100%;
border-radius: 100%;
vertical-align: middle;
overflow: hidden;
float: left;
}
.fukidashi-text {
position: relative;
display: inline-block;
padding: 16px;
border: 2px solid #dcdcdc;
border-radius: 8px;
background-color: #ffffff;
text-align: left;
font-size: 14px;
font-feature-settings: "palt";
font-weight: 400;
line-height: 1.5;
color: #000000;
}
.fukidashi-text::before {
content: "";
position: absolute;
left: 0;
border-style: solid;
border-width: 0 14px 14px 0;
border-color: transparent #dcdcdc transparent transparent;
translate: -100% -50%;
transform: skew(0, -25deg);
transform-origin: right;
top: 10%;
}
.fukidashi-text::after {
content: "";
position: absolute;
top: 10%;
left: 0;
border-style: solid;
border-width: 0 9.2px 9.2px 0;
border-color: transparent #ffffff transparent transparent;
translate: -100% calc(-50% - 0.4px);
transform: skew(0, -25deg);
transform-origin: right;
}
.kotorino-none {
display:none;
}
.sqbtn {
width: 100%;
color: #fff;
background: #362b22;
display: inline-block;
border: none;
outline: none;
margin: 0 5px;
cursor: pointer;
-webkit-appearance: none;
text-align:center;
padding: 8px;
}
.pdfbtn {
width: 280px;
letter-spacing: 2px;
line-height: 40px;
color: #fff;
background: #362b22;
display: inline-block;
border: none;
outline: none;
margin: 0 5px;
border-radius: 5px;
cursor: pointer;
-webkit-appearance: none;
}
.kotorinoarea {
display: block;
margin: 0 auto;
width: 100%;
text-align: center;
padding: 30px;
}
.kotorinoarea ul {
display: block;
}
.kotorinoarea ul li {
width: 100%;
margin-bottom: 24px;
}
.entry-new-label {
position: absolute;
top: 0;
right: 0;
width: 60px;
height: 60px;
overflow: hidden;
}
.entry-new-label:before {
content: "";
position: absolute;
top: 0;
right: 0;
border-right: 60px solid #f18200; border-bottom: 60px solid transparent;
mix-blend-mode: multiply;
}
.entry-new-label span {
position: absolute;
top: 12px;
right: -6px;
width: 60px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
color: #fff;
font-size: 12px;
text-align: center;
}
#estateBlock {
background: url(//www.marutaka-c.com/common/images/uploads/2024/06/26bc565c9d23f1b5acf277bd1f8a000a.webp);
background-size: cover;
padding: 0px 0;
min-width: 100%;
max-width: 1000px;
background-color: rgba(255,255,255,0.8);
background-blend-mode: lighten;
background-position: 14% 100%;
background-repeat: no-repeat;
margin-bottom: -20px;
}
#estateBlock header h2 span {
font-family: "futura-pt";
letter-spacing: 0;
font-size: 300%;
display: block;
padding-bottom: 4px;
}
#bukkenBlock {
margin: 0 auto;
overflow: hidden;
zoom: 1;
}
.bukken-shadow-column-nb {
background: #fff;
margin-bottom: 70px;
filter: drop-shadow(2px 2px 4px rgba(0,0,0,0.6));
position: relative;
}
.width50sp0 {width:100%; display:flex;}
.interviewSec {
padding: 60px 10px 110px;
background: #f7f7f7;
}
ul.interviewList li {
margin-bottom: 3em;
background: #fff;
border-radius: 20px;
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.3);
}
ul.interviewList dl {
overflow: hidden;
}
ul.interviewList dt {
float: right;
}
ul.interviewList dd {
float: left;
padding: 1em;
margin: 0 auto;
width: 100%;
}
ul.interviewList .post {
font-size: 120%;
margin-bottom: 0.6em;
}
ul.interviewList .name {
font-size: 160%;
margin-bottom: 0.4em;
}
ul.interviewList .name span {
font-size: 52%;
color: #f56228;
vertical-align: middle;
margin-left: 1em;
}
ul.interviewList .catch {
font-size: 78%;
margin-bottom: 1em;
}
.saiyo-btn-wrap {display:flex;}
.consultPostBlock {
margin: 0 auto;
padding: 5%;
}
.consultPostBlock dl {
width: 100%;
float: left;
padding: 1.5%;
height: fit-content;
display: block;
float: left;
}
.consultPostBlock .dl-wrap {
display: flex;
min-height: 100%;
width: 100%;
justify-content: center;
align-items: center;
}
.consultPostBlock dd {padding: 2%;}
.consultPostBlock h3 {
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
font-weight: 700;
font-size: 12px;
line-height: 1.5em;
letter-spacing: 2px;
text-align: left;
min-height: 40px;
}
#showroomBlock .halfBox {clear: both;}
#recruitBlock .inner article h4 {
box-shadow: 0 -4px 0 0 rgb(0 0 0  / 40%) inset;
background:none;
}
#staffareaBlock {
padding: 5%;
}
.saiyou-area {
font-size: 14px;
text-align: left;
align-items: center;
border: 1px dashed #000;
padding: 10%;
display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
}
.saiyou-area .text-box {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
box-ordinal-group: 2;
}
.saiyou-area .img-box {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
box-ordinal-group: 1;
}
.i-arrow svg {
display: block;
width: 100%;
height: 100%;
transform: translate(0, -1px);
}
.basic-btn .i-arrow svg {
transition: .4s ease;
}
.i-arrow {
display: block;
width: 21px;
height: 5px;
}
.basic-btn .i-arrow {
position: absolute;
top: 0;
bottom: 0;
right: 10px;
margin: auto 0;
transition: .4s ease;
}
.basic-btn a:hover .i-arrow {right: 4px;}
.basic-btn a:hover svg {fill: #fff;}
.basic-btn {
width: 70%;
height: 29px;
color: #000;
line-height: 2;
margin:0 auto;
position: relative;
}
.basic-btn a {
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
font-family: "Roboto", "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
font-size: 86%;
letter-spacing: .14em;
position: relative;
z-index: 0;
border: 1px solid #000;
overflow: hidden;
cursor: pointer;
transition: .4s ease;
}
.basic-btn a:before {
content: '';
display: block;
position: absolute;
width: 0;
height: 100%;
top: 0;
left: auto;
right: 0;
background-color: #000;
transition: width .4s ease;
z-index: -1;
}
.basic-btn a:hover {
color: #fff;
}
.basic-btn a:hover:before {
left: 0;
right: auto;
width: 100%;
}
#lightbox {margin-top: 50%;}
.yumenohi-logo-top {width:315px; margin:0 auto;}
.yumenohi-bnr {box-shadow: 6px 6px #f5f5f5;}
.page-nav {
width: 100%;
padding: 50px;
background: rgba(239,239,239,0.7);
margin: 0 auto;
}
.page-nav .post-links {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
padding: 0 20px;
margin: 0 auto;
}
.page-nav .post-links .label-en {
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-size: 24px;
line-height: 1;
}
.page-nav .post-links .post-title {
display: block;
font-size: 12px;
line-height: 1.4;
}
.page-nav .post-links .prev, .page-nav .post-links .next, .page-nav .post-links .archive-link {
-webkit-flex-basis: 200px;
flex-basis: 200px;
text-align:center;
}
.swiperimg {width:auto; height:100%; position:relative;}
.swpimg-zero {left:-20%;}
.swpimg-one {left:-76%;}
.swpimg-two {left:-36%;}
.swpimg-thr {left:-100%;}
.swpimg-for {left:-55%;}
.swpimg-fif {left:-79%;}
.swiper-container {
margin-top: -100px;
z-index: 0;
}
.pet-sp-container {
margin-top: -110px;
height: 100%;
}
#house_dot {
z-index: 1;
position: absolute;
top: 0;
left: 0;
min-width: 100%;
min-height: 100%;
background: rgba(51,51,51,0.1) url(//www.marutaka-c.com/common/images/uploads/2020/07/grid.png);
}
.listBox article h3 { 
padding: 15px 50px 15px 5px;
font-size: 100%;
letter-spacing: normal;
}
.listBox article.off h3:after { background: #000; color: #fff; padding-left: 1px;}
.listBox article.on h3:after { background: #000; color: #fff; padding-left: 1px;}
.singleBlock .innerBlock section .inner {padding-top:10px;}
.singleBlock .innerBlock section .inner .dataBox .gaiyouBox table th {
padding:8px; width:30%; text-align:left; font-weight:400; font-size:90%;
}
.singleBlock .innerBlock section .inner .dataBox .gaiyouBox table td {
padding:8px; font-size:90%;
}
.singleBlock .innerBlock section.reservation-link {
padding: 20px;
position: relative;
background: url(//www.marutaka-c.com/common/images/uploads/2020/04/p0026_s.jpg);
background-size: contain;
margin-bottom: 30px;
overflow: hidden;
}
.formdashed-button {
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
display: inline-block;
width: 100%;
text-align: center;
font-size: 18px;
background: #b49a65;
color: #fff;
border-radius: 6px;
padding: 12px;
margin-top: 16px;
margin-bottom: 10px;
border: 1px solid #b49a65;
width: 100%;
}
.line-button-cl {
background: #07b53b;
border: 1px solid #07b53b;
display: inline-block;
text-align: center;
font-size: 16px;
font-feature-settings: "palt";
color: #fff;
border-radius: 6px;
margin: 0 auto;
width: 100%;
line-height: 60px;
}
.basic-button-cl {
background: #555;
border: 1px solid #555;
display: inline-block;
text-align: center;
font-size: 16px;
font-feature-settings: "palt";
color: #fff;
border-radius: 6px;
margin: 0 auto;
width: 100%;
line-height: 60px;
}
.singleBlock .innerBlock section .beBox-estate {
background: #f2f2f2;
padding: 6%;
}
.yumetsunagu-button-cl {
background: #0D7B81;
border: 1px solid #0D7B81;
font-feature-settings: "palt";
}
img.agent {width:100%;margin:10px 0px;}
.listBox article a {position:relative;}
.forsaleMark {
width: 62px;
height: 62px;
font-size: 12px;
text-align: center;
line-height: 62px;
color: #fff;
background: url(//www.marutaka-c.com/common/images/works/bg_sale.png) no-repeat;
position: absolute;
top: 10px;
letter-spacing: 0px;
}
.gaiyouBox {
font-size: 12px;
text-align: left;
}
.border-gaiyou {
border: 1px solid #dcdcdc;
padding: 2%;
margin:3%;
}
.border-gaiyou figure.fp-pd {
border: 1px dashed #ddd;
padding: 3%;
}
.singleBlock .innerBlock > .pageNav {padding-bottom:10px;min-height: 100px;}
.build-title h1 {width: 95%; margin: 20px auto;}
.ex-box {
background: url(//www.marutaka-c.com/common/images/reform/natural/bg_line_dot_s.png) repeat-x bottom;
padding: 5% 0%;
display: inline-block;
}
.covid {
font-size:14px;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
text-align:left;
font-feature-settings: "palt";
}
.service-ttl {
font-size: 150%;
font-weight: 700;
margin: 0px 0px 16px;
background: url(//www.marutaka-c.com/common/images/index/bg_showroom_bar.png) no-repeat 0% 100%;
background-size: contain;
padding: 0px 0px 10px;
}
#newItem h2 {
font-size: 140%;
margin-left: 10px;
display: inline-block;
}
.otherPostBlock dl {
width: 50%;
float:left;
padding:2%;
height: fit-content;
}
.otherPostBlock img {
width: 100%;
height: auto;
}
.otherPostBlock h3 {
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
font-weight: 700;
font-size:12px;
line-height: 1.5em;
letter-spacing: 2px;
text-align: left;
min-height: 126px;
}
#fixedBtn ul li:nth-of-type(1), #fixedBtn ul li:nth-of-type(2), #fixedBtn ul li:nth-of-type(3), #fixedBtn ul li:nth-of-type(4) {display:none;}
#fixedBtn ul li:nth-of-type(5) {display:block;}
.flex-box-sp {
align-items: center;
display:-webkit-box;
display: -webkit-flex;
display:-ms-flexbox;
display: flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.pd4per {padding:4%;}
.pd4per-sp {padding:4%;}
.grid-inner h3.column-grid-ttl {
font-weight: 700;
padding: 6px;
vertical-align: middle;
position: relative;
font-size: 84%;
letter-spacing: 1px;
}
#four-column .grid {
display: grid;
gap: 6px;
grid-template-columns: repeat(auto-fit, minmax(187px, 1fr));
grid-template-columns:1fr 1fr;
padding:6px;
}
#mainImgBlock {
width: 100%;
height:100%;
}
.box-shadow-column-nb {
background: #fff;
border: 1px solid #cccccc;
background: #fff;
margin-bottom: 10px;
box-shadow: 6px 6px #f5f5f5;
display:grid;
}
.banner-width li:first-child, .banner-width li:nth-child(2), .banner-width li:nth-child(3) {
border-right:0px solid #fff;
float: left;
}
.banner-width li {width:50%;}
.text-disc h3 {
font-size:10px;
letter-spacing:1px;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
line-height:1.4;
font-weight:500;
}
.top-banner-list figure {
width: 140px;
min-width: 70px;
height: auto;
display: block;
margin: 0 auto;
text-align: center;
position: relative;
padding-right: 6px;
}
.tq-area li {
border: 1px solid #ecf0f1;
padding: 4%;
background: #fff;
}
.news-letter {
background: #fff;
width: 100%;
position: relative;
display: block;
padding: 5%;
font-size: 11px;
border: solid 1px #aaa;
margin: 18px auto;
width: 71%;
}
.newlyBlock #ttlBlock {display:none;}
.mami {
background: url(//www.marutaka-c.com/common/images/uploads/2015/11/kicchinnmami-2000-offset.jpg);
height: 360px;
background-position: 50% 96%;
background-size: cover;
background-repeat: no-repeat;
margin-top: -80px;
position: relative;
margin-bottom:0px;
}
.swiperimg01 {
background: url(//www.marutaka-c.com/common/images/uploads/2015/11/kicchinnmami-2000-offset.jpg);
background-position: 50% 96%;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.swiperimg02 {
background: url(//www.marutaka-c.com/common/images/uploads/2019/12/560cdc4d9a3b3c43e49def20694a9c7d_m-.jpg);
background-position: 50% 96%;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.swiperimg03 {
background: url(//www.marutaka-c.com/common/images/uploads/2020/07/DSC4578-1800-1500.jpg);
background-position: 50% 96%;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.swiperimg04 {
background: url(//www.marutaka-c.com/common/images/uploads/2020/08/ad359a1b0a86b290cb81d2bc84fc2616.jpg);
background-position: 50% 96%;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.swiperimg05 {
background: url(//www.marutaka-c.com/common/images/uploads/2020/08/f1a3bb7504a0557a7ea2547c55c3bf2f.jpg);
background-position: 50% 96%;
background-size: cover;
background-repeat: no-repeat;
position: relative;
}
.swiper-slide-active .slide-img, .swiper-slide-duplicate-active .slide-img, .swiper-slide-prev .slide-img {
animation: zoomUp 10s linear 0s 1 normal both;
}
.innerBlock .newly-Ttl {
height: auto;
background: rgba(0,0,0,0.7);
top: 14%;
position: relative;
border:none;
}
.innerBlock .newly-sl {
top: -460px;
z-index: 1;
width: 220px;
padding: 10px 10px;
}
.newly-Ttl h1 {color:#fff;}
.innerBlock section dl dt.privacy p.privacy-text {
display:inline-block;
text-align:left;
font-size:12px;
font-weight:400;
}
.innerBlock .newly-Ttl small {
color: #fff;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-size: 14px;
}
.grid2 {
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
}
.newly-wrap img.story-img1 {
top: 30px;
position: relative;
z-index: 10;
left: -14%;
width: 62%;
height: auto;
}
.newly-wrap img.story-img2 {
top: 30px;
position: relative;
z-index: 10;
right: -14%;
width: 62%;
height: auto;
}
.plan-parth li {width:49%; display:inline-block;}
.partner-area {padding:10% 5%;}
#ttlBlock .in p {letter-spacing: 2px;}
.section-wrap h2 {
padding:2px 0px;
font-size:16px;
font-weight:700;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
letter-spacing: 2px;
}
.lesson-list {
background: #F3F0EA;
padding: 10px;
margin: -10px;
}
.lesson-list li span {
width: 92px;
height: 23px;
font-size: 100%;
line-height: 23px;
text-align: center;
background: url(//www.marutaka-c.com/common/images/index/bg_info_more.png) no-repeat;
display: block;
background-size: contain;
margin-right: 0px;
}
.section-wrap .lesson-list br {
display: block;
}
.mail-area {text-align:left;}
.section-wrap {font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;}
.innerBlock section.section-wrap h3 {
font-weight:700;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
text-align:center;
padding:20px 0px;
font-size:15px;
color:#000;
background:none;
}
.innerBlock section.section-wrap h3.mailmagazine {
background: url(//www.marutaka-c.com/common/images/uploads/2019/10/kamihikouki.png)no-repeat;
background-position: 100% 20%;
background-size: 26%;
}
.innerBlock .mail-area p {font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif; font-weight:500;}
.partner-area li.shopInfo {box-shadow: 6px 6px 0px rgba(0,0,0,0.1);}
.partner-area dl {
padding: 7px 0;
border-top: 1px dashed #666;
text-align:left;
}
.partner-area dt {
font-size: 86%;
font-weight: bold;
display: inline-block;
}
.partner-area dd {
font-size: 93%;
line-height: 1.6;
letter-spacing: 0;
}
.newly-img img {width:100%;height:auto;}
.newly-txt {
margin: 10% 2%;
text-align: left;
font-size: 13px;
}
#head nav ul li {font-size: 14px;}
#conceptBlock .pickup-right {padding: 2%;}
.shopInfo {
border: 3px solid #DCDCDC;
background:rgba(255,255,255,1.0);
}
figure.kondo {margin-bottom:10px;}
figure.kondo img {
width: 50%;
margin: 0 auto;
text-align: center;
display: block;
border-radius:50%;
}
#head nav ul li.social a.ln img {
width: 28px;
position: relative;
margin: 0 auto;
display: inline-block;
vertical-align: text-top;
top: 2px;
}
#showroomBlock header figure img {
width: 290px;
height: auto;
margin: 0 auto 10px;
}
#pankuzu {padding:15px 5px;}
#fixedBtn ul li:nth-of-type(6),#fixedBtn ul li:nth-of-type(7) {display: none;}
#outlineBlock figure {margin:2%;}
#outlineBlock figure img {
width: 100%;
margin: 5% 0;
}
footer#footer {background: #f9f9f9;}
#informationBlock .information dl {
display: flex;
vertical-align: middle;
align-items: center;
justify-content: center;
padding: 10px 2px;
}
#informationBlock .information dl dd {
padding: 0px 0px 0px 10px;
font-size: 12px;
line-height: 1.5;
letter-spacing: 1px;
font-feature-settings: "palt";
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
width: 300px;
}
.service-400-1 h3 {
font-weight:700;
font-size:114%;
margin-bottom: -10px;
line-height: 1.5;
letter-spacing: 2px;
}
#subNav ul li a i img {
width: 54px;
height: auto;
} #subNav ul li {
height:150px;		
}
.txt-pc-left {text-align:center;}
.mail,.calendar {font-size:13px!important;}
#mainImgBlock .glide__track li .box {padding:10px;}
.comingsoon:after {
width: 107%;
height: 100%;
background: url(//www.marutaka-c.com/common/images/common/bg_white_a70.png);
position: absolute;
left: -10px;
top: 0;
content: " ";
display: block;
z-index: 999;
overflow:hidden;
}
.comingsoon:before {
width: 100%;
font-weight: bold;
font-size: 130%;
text-align: center;
position: absolute;
content: "Coming Soon";
left: 0;
top: 50%;
margin-top: -2em;
z-index: 100000000;
pointer-events: none;
height: auto;
display: block;
color: #607d8b;
}
#faqBlock .listBox article {
margin: 0px 10px;
border-bottom: 1px solid #333;
width: auto;
}
.innerBlock nav.subpageNav ul li a small.spnone {display:none;}
#ttlBlock figure img {
width: 100%;
height: 150px;
object-fit: cover;
object-position: 0% 32%;
}
.inspi1 {
background: url(//www.marutaka-c.com/common/images/reform/natural/ico_good.png) no-repeat 9px 0%;
padding: 10px 0px;
text-align: center;
}
.inspi2 {
background: url(//www.marutaka-c.com/common/images/reform/natural/ico_good.png) no-repeat 9px 0%;
padding: 10px 0px;
text-align: center;
}
.soon a:after {color: #607d8b;}
.grid-top {
display: grid;
gap: 0px;
grid-template-columns: repeat(auto-fit, minmax(158px, 1fr));
padding-right: 1px;
}
.grid-top img {
max-width: 100%;
height: auto;
}
.service-top--nav-block-txt {
margin-bottom:120px;
padding: 0px 20px;
z-index: 1;
position: relative;
} 
.service-top-inner {background:rgba(255,255,255,0.5);}
.right-back::before {
content: '';
background: url(//www.marutaka-c.com/common/images/uploads/2019/07/ae46b1f460ee46f789c27b264a6cb421.png)no-repeat;
background-size: 25%;
background-position: 75% 20%;
width: 370px;
height: 600px;
position: absolute;
top: -90px;
right: -62px;
}
.map-back {
background: url(//www.marutaka-c.com/common/images/uploads/2019/07/e81e2058175fc16245cb43a0cbb74792.png)no-repeat;
background-size: 100%;
background-position: 100% 52%;
padding: 60px 0px;
}
.service-400-1 strong {font-size: 85%;}
#serviceBlock header h2 {
font-size: 80%;
line-height: 1.2;
display: block;
}
#serviceBlock header.radius h2.sub-catch {
font-size: 121%;
padding: 0 10px;
line-height: 1.8;
}
#serviceBlock header h2 span {
font-family: "futura-pt";
letter-spacing: 0;
font-size: 300%;
display: block;
padding-bottom: 4px;
}
.forth-h3 {
font-size: 129%;
letter-spacing: 0;
text-align: center;
background: url(//www.marutaka-c.com/common/images/common/bg_dot_line.png) repeat-x bottom;
background-size: auto 2px;
display: inline-block;
padding: 0 0px 10px;
margin: 0 auto 15px;
}
#serviceBlock .inner .more a {
width: 210px;
height: 36px;
line-height: 36px;
font-size: 114%;
text-align: center;
border-radius: 16px;
display: block;
margin: 0 auto;
}
#serviceBlock .service-400-1 {
background: url(//www.marutaka-c.com/common/images/reform/natural/bg_ttl.png) no-repeat;
background-position: 48% 50%;
background-size: contain;
height: 100%;
max-width: 400px;
height: 148px;
position: relative;
margin:0 auto;
}
#serviceBlock {
background: url(//www.marutaka-c.com/common/images/uploads/2019/06/bg_dot.png);
background-size: 27px auto;
width: 100%;
overflow: hidden;
position: relative;
}
.onestop-merit-area .img-box figure {
border-radius: 5px;
overflow: hidden;
position: relative;
}
.border-bottom {
border-bottom: 1px dashed #ddd;
padding-bottom: 3%;
}
.onestop-index-area a::after {
content: '\e809';
width: 2em;
line-height: 2;
text-align: center;
font-family: 'fontello';
position: absolute;
right: 10px;
top: 50%;
margin-top: -1em;
}
.onestop-index-area a span.tokucho {
font-size: 12px!important;
color: #fff;
background: #0D7B81;
border-radius: 10%;
padding: 0.2em;
margin-right: 10px;
}
#staffBlock article .inner {
z-index: 9999;
}
.linear {
background:linear-gradient(transparent 60%, #ff6 60%);
}
.onestop-index-area a span.linear {
background:linear-gradient(transparent 60%, #ff6 60%);
}
.onestop-merit-area .img-box figure.service-img {
margin:0% -3%;
border-radius:0px;
}
.onestop-index-area a {
display: flex;
align-items: center;
padding: 13px 13px;
border: 1px solid #e6e6e6;
background-color: #fff;
position: relative;
margin: 1%;
}
.onestop-contents-area section {
margin-bottom: 60px;
margin-top: -120px;
padding: 120px 0px 0px;
}
.onestop-contents-area .event-inner .event-inner-tab .width-20 img {
padding:10%;
}
.width800.event-inner-tab {
display: flex;
align-items: center;
justify-content: center;
justify-items: center;
display: flex;
align-items: center;
justify-content: center;
background: rgba(200,200,200,0.2);
padding: 2%;
margin: 1% 0%;
border-radius: 5px;
}
.center-flex {
text-align: center;
margin: 0 auto;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
color: #0D7B81;
display: inline-block;
line-height: 40px;
width: 110px;
position: relative;
background: #eee;
border-radius: 50%;
height: 110px;
border: 4px solid #fff;
}
.onestop-number {
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-size: 60px;
letter-spacing: 3.0px;
display: block;
}
#serviceBlock .catch > figure {
text-align: center;
padding: 20px 6px 50px;
}
.sagashi {color: #0D7B81;}
span.point {
padding: 0 2px;
background: url(//www.marutaka-c.com/common/images/reform/plan/bg_brown_a10.png) repeat-x 100% 120%;
}
span.point-pink {
 padding: 0 2px;
background: url(//www.marutaka-c.com/common/images/uploads/2025/04/bg_pink_a10.png) repeat-x 100% 120%;
}
.point-font {font-size: 28px;}
.innerBlock p.service-catch {
text-align:center;
letter-spacing:2px;
}
.grid-inner h3 {
font-weight: 700;
padding: 10px;
vertical-align: middle;
position: relative;
font-size:90%;
font-feature-settings: "palt";
}
.onestop-merit-area {
padding: 3%;
text-align: left;
}
.center {text-align:center!important;}
.onestop-index-area, .onestop-contents-area, .onestop-merit-area {
text-align:left;
padding:5%;
}
.one-stop-c-ttl,.one-stop-c-ttl-02 {
font-size: 110%;
margin: 0px 0px 8px 0px;
text-align: center;
}
#serviceBlock a.more {
height: 32px;
font-size: 100%;
text-align: center;
background: #222;
border-radius: 4px;
display: block;
color: #fff;
line-height: 32px;
width: 200px;
position: relative;
margin:0 auto;
}
#serviceBlock .catch {
margin-bottom:10px;
position: relative;
z-index: 1;
}
.onestop-catch-area {
padding:3%;
text-align: left;
}
#serviceBlock .item {
padding: 0px;
position:relative;
}
.table {
display: table;
width: 100%;
height: 448px;
position: absolute;
z-index: 2;
right: 0;
top: 0;
text-align: left;
}
.table-background {
background: linear-gradient( 135deg, rgba(252, 252, 252, 0.9), rgba(249, 249, 249, 0.6));
margin: 0 auto -20px;
padding: 16px 20px;
border-radius: 3px;
position:relative;
width:100%;
}
.table-background2 {
background: linear-gradient( 135deg, rgba(252, 252, 252, 0.9), rgba(249, 249, 249, 0.6));
margin: 0 auto;
padding: 16px 20px;
border-radius: 3px;
position:relative;
width:100%;
}
.table-background:before {
content: "";
background: rgba(252,252,252,0.7);
}
.innerBlock nav.subpageNav ul li span, .innerBlock nav.subpageNav ul li a {
padding: 0 10px;
display: block;
font-size: 92%;
letter-spacing: 1px;
}
.innerBlock nav.subpageNav br {display:none;}
.innerBlock nav.subpageNav ul li span small, .innerBlock nav.subpageNav ul li a small {
margin: 0px 0px 8px 5px;
display: block;
line-height: 1.0;
}
.innerBlock nav.subpageNav ul li span {height:100%;min-height: 48px;}
.innerBlock nav.subpageNav.head.on ul li {height:47px;}
.innerBlock nav.subpageNav.head.on ul li br {display:none;}
#index #conceptBlock {padding: 34px 0;}
#onestop-serviceBlock .textBox {
text-align: left;
padding-bottom: 20px;
margin: 0 15px;
}
.w840 {width: 100%;margin: 0 auto;}
#message .catch {font-size: 119%;}
#worksBlock article span {font-size: 84%;}
#showroomBlock header span {font-size: 84%;}
#informationBlock header small {font-size: 84%;}
#footer .info p {font-size: 110%;}
#mainImgBlock .glide__bullets {
display: block;
width: 100%;
text-align: center;
z-index: 100;
padding-top: 6px;
bottom: 4px;
position:absolute;
}
#mainImgBlock .glide__bullets button {
width: 12px;
height: 12px;
line-height: 12px;
border-radius: 50%;
 background: #fff;
display: inline-block;
margin: 0 7px;
opacity: 0.4;
padding: 0;
border: none;
outline: none;
cursor: pointer;
}
#mainImgBlock .glide__track li .box .ttl {
font-size: 120%;
letter-spacing: 3px;
}
#mainImgBlock .glide__bullets button.active {opacity: 0.8;}
.tab li {
font-size: 86%;
line-height: 1.3;
color: #222;
border: 1px dashed #222;
}
#flow .flowBox dl dd {
line-height: 38px;
display: inline-block;
width:auto;
}
#recruitBlock .inner .recruitNav {
text-align: center;
clear: both;
padding: 10px 20px 20px;
margin: 0px -35px;
}
#recruitBlock .inner .recruitNav ul li {
margin-bottom: 5px;
padding-bottom: 0px;
}
#recruitBlock .inner .recruitNav ul li.rec2 {
background: url(//www.marutaka-c.com/common/images/uploads/2019/03/1b3606661d72b3baa3c8f168dbfcaa14.jpg);
background-size: cover;
background-position: center;
}
#recruitBlock .inner .recruitNav ul li.rec1 {
background: url(//www.marutaka-c.com/common/images/uploads/2023/01/b66ee67cb8a63d2e848760dd8f5af001.jpg);
background-size: 100%;
background-position: 77% 50%;
}
#recruitBlock .inner .recruitNav ul li.rec3 {
background: url(//www.marutaka-c.com/common/images/uploads/2019/06/58cf7f179f239da0730df1ab6f23f04e.jpg);
background-size: 126%;
background-position: 100% 42%;
}
#recruitBlock .inner .recruitNav ul li a i {
left: 0px;
position:relative;
height: 100%;
line-height: 1.0;
color:#fff;
}
#recruitBlock .inner .recruitNav ul li a span {
float:none;
margin: 10px auto 0px;
width: 82px;
background: rgba(231, 72, 0, 0.8);
border-radius:8px;
}
#recruitBlock .inner .recruitNav ul li a {
text-align: center;
letter-spacing: 0;
padding: 0px 4px;
line-height: 1.4;
display: block;
position: relative;
border: 0px;
width:100%;
}
#recruit-interviewBlock h3 {
font-size: 138%;
line-height: 1.7;
padding: 10px 0px 20px;
letter-spacing: 0px;
color: #362B23;
}
.muryou {
background-image: url(//www.marutaka-c.com/common/images/uploads/2024/06/DSC_0616_00007-white.webp);
background-attachment: fixed;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
width:100%;
}
.guideBlock-wrap {
background: rgba(255,255,255,0.8);
margin: 0 auto;
border-radius: 3%;
padding: 0px 0px 50px 0px;
} 
#guideBlock figure img.left-1 {
width: 61%;
height: auto;
}
#guideBlock figure img.right-2 {
width: 30.5%;
height: auto;
}
.search header {
display: inline-block;
line-height: 1.0;
background: url(//www.marutaka-c.com/common/images/common/bg_content_ttl.png) no-repeat;
background-position: center;
background-size: contain;
padding: 14px 30px;
margin: 0 auto 10px;
}
.search i.icon-yr {display:none;}
.search i.fa-search {
font-size:11px;
margin-right:2px;
}
#categoryBlock .category {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.search {
margin: 0 auto;
background: #f9f9f9;
padding: 16px;
border-radius: 20px;
text-align: center;
}
.search h3 {
font-size: 78%;
padding: 5% 0px;
font-weight: 700;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
letter-spacing: 1px;
}
.area ul.footer-build-menu a {
height: 36px;
font-size: 130%;
text-align: center;
border-radius: 16px;
display: block;
margin: 0 auto;
margin-bottom:20%;
letter-spacing: 3px;
width:118px;
}
.area ul.footer-build-menu a:hover {
opacity: 0.5;
border-bottom: 0px solid #fff;
}
.area ul.footer-build-menu span {
line-height: 36px;
display:inline-block;
}
.pickuparea-inner {
padding: 34px 20px 20px;
display: inline-block;
width: 100%;
margin: 0 auto;
text-align: center;
background:#eeeeee2e;
}
.pickuparea-inline {
width: 100%;
margin: 0 auto;
background: #fff;
position: relative;
border: 4px solid #dcdcdc;
}
.solid2 {border: 2px solid #dcdcdc;}
.pickuparea {
padding: 0px!important;
width: 100%!important;
}
#conceptBlock .pickup-left figure {
width: 100%;
height: auto;
}
.pickuparea-inner h3 {
font-weight:700;
font-size:86%;
line-height:1.5;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
letter-spacing:1px;
font-feature-settings: 'palt';
}
.pickuparea-inner h3.pic-ttl {font-size:95%;  letter-spacing: 0px;}
.pickuparea-inner h3 span.pick {
border-bottom:1px solid;
padding-bottom:2px;
}
.pickuparea-inner .textBox {font-size:11px;}
.pickuparea-inner br {display:none;}
.pickuparea-inner br.ari {
display: block;
}
.pickuparea-block {
display:block;
float:left;
width: calc(100%/1);
padding: 4%;
}
.person-in-charge {
display: block;
float: left;
width: calc(100% / 1);
padding: 4%;
}
.women-staff-block {
display: block;
float: left;
width: calc(100% / 1);
padding: 4%;
position: relative;
max-height: 550px;
}
.boxArea .innerBlock .detailBox .textBox h5 {
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
font-weight: 700;
letter-spacing: 1px;
font-size: 12px;
display: inline-block;
}
.boxArea .innerBlock .detailBox .textBox .flexbox-container li br {display:none;}
.boxArea .innerBlock .detailBox .textBox h5:first-letter {font-size:17px;}
.osusume-list-inner {
clear: both;
background: #fff;
padding: 10%;
border-radius: 15px;
overflow: hidden;
text-align:left;
}
.osusume-list-inner li {
margin-bottom: 20px;
text-indent: -1em;
padding-left: 1em;
}
.osusume-list-inner li:last-child {
margin-bottom: 0px;		
}
.boxArea .innerBlock .detailBox .textBox h3.lead-text {
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
text-align: center;
padding-bottom: 10px;
font-size:120%;
line-height: 1.9;
}
h4.naka-lead-text {
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-size:110%;
text-align: center;
padding-bottom: 10px;
line-height: 1.9;
letter-spacing: 3px;
font-weight:700;
}
#informationBlock .information dl dt img {
max-width: 100%;
max-height: 80px;
width:auto;
}
#categoryBlock {
padding: 0px 10px 10px;
position: relative;
}
#categoryBlock article.cat-1 {
width: calc((100% - 0px)/3);
margin-bottom: 20px;
padding:0% 1.2%;
}
#categoryBlock article.cat-2 {
width: calc((100% - 0px)/4);
margin-bottom: 20px;
padding:0% 1.2%;
}
#staffBlock article {
padding: 72px 15px 20px;
border-bottom: 2px solid #eee;
position: relative;
overflow: hidden;
zoom: 1;
margin-top: -22px;
}
#naturalBlock > section h3 {
width: 120px;
height: 120px;
line-height: 120px;
font-size:124%;
}
#planBlock section#meeting #example article .box .commentArea .comment {letter-spacing: 0.5px;}
#worksBlock article {min-height:380px;}
.copy {
font-size: 9px;
margin: 0 auto;
display: block;
letter-spacing: 1.5px;
width:100%;
padding-bottom: 8px;
}
#staffBlock article header h4 {
width: 100%;
font-size: 143%;
line-height: 1.5;
padding: 15px 15px;
position: absolute;
top: 400px;
left: 0;
}
#staffBlock article header span {
width: 100%;
font-size: 86%;
line-height: 1.6;
display: block;
text-align: left;
padding: 0 15px;
position: absolute;
top: 360px;
left: 0;
}
.back-white {display: block;}
header {padding: 10px 0px;}
.singleBlock .innerBlock section header {
margin: 0 10px 0px;
}
.spnone {display: none;}
#index header#head {
background:#fff;
min-height: 90px;
-webkit-filter: drop-shadow(0px 3px 10px rgba(0,0,0,.8));
filter: drop-shadow(0px 0px 10px rgba(0,0,0,.8));
z-index:20000;
}
#head {
background:#fff;
min-height: 86px;
-webkit-filter: drop-shadow(0px 0px 6px rgba(0,0,0,.5));
filter: drop-shadow(0px 0px 6px rgba(0,0,0,.5));
z-index:20000;
}
#head nav {top: 98px;}
footer#footer .inner {
padding-bottom: 50px;
}
.large {width:100%!important;}
.pdl-50-pc {padding-right: 0px;}
.line-handsfree-dotted {padding:0px 5px;}
#planBlock section#meeting #example h5 {
background: url(//www.marutaka-c.com/common/images/reform/plan/fig_exam_ttl+.png) no-repeat 50% 0%;
background-size: 186px auto;
}
.listBox article a h2 {
font-size: 129%;
margin: 0 calc(50% - 50vw);
width: 100vw;
padding: 3% 1%;
}
#footer-menu-area {margin: 0 auto;}
ul.footer-menu li {
width: 100%;
padding-top: 2%;
}
.footer-menu {padding: 15px;}
.footer-menu-pd {padding: 15px;}
ul.footer-menu li ul li {
display: block;
float: left;
width: 50%;
margin-bottom: -9px;
font-size: 0.8em;
}
.inline-block {
display: block;
width: 100%;
float: left;
margin-bottom: 12px;
padding: 0px 4px;
font-feature-settings: "palt";
}
.footer-border {
background: url(//www.marutaka-c.com/common/images/index/bg_index_info_bar.png) no-repeat;
padding: 2%;
}
.footer-build-menu {
display: block;
line-height:0%;
padding-top:4px;
}
#footer-menu-area h3 {
display: inline-block;
width:auto;
font-weight: 700;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
font-size:12px;
}
ul.footer-menu-build li.footer-border {padding-top:2%;}
#head nav ul li a {
padding: 5px 10px;
color: #fff;
display: block;
}
#head nav ul li.on ul li { 
height: 100%;
padding-top: 4px;
padding-bottom: 4px;
background: rgba(220,220,220,0.5);
padding-left: 25px;
}
#head nav ul li ul li {line-height: 100%;}
#worksBlock.columnsBlock {padding:20px 0px 40px 0px;}
#worksBlock.columnsBlock header {
line-height: 30px;
text-align: left;
background: url(//www.marutaka-c.com/common/images/corporate/bg_line.png) no-repeat 50% 20px;
margin: 0 auto;
width: 100%;
text-align: center;
}
#worksBlock .inner {
height: 100%;
position: relative;
}
#worksBlock.columnsBlock article figure {border-radius:5%;}
#worksBlock.columnsBlock article figure img {
width: 200px;
height: 200px;
border-radius: 5%;
}
#worksBlock.columnsBlock article span {
font-size: 70%;
line-height: 22px;
background: #DCDCDC;
display: inline-block;
padding: 0px 4px;
margin: 0px 5px 2px 0px;
height: 20px;
vertical-align: middle;
float:left;
color:#000;
}
#worksBlock .slider {
width: 660px;
position: relative;
top: 0px;
left: 50%;
margin-left: -330px;
}
#worksBlock .inner .more {padding-top: 10px;}
#worksBlock .slider {
width: 660px;
position: relative;
top: 0%;
left: 50%;
margin-left: -330px;
}
#guideBlock {
padding: 12px;
margin-bottom: 20px;
border: none;
}
#guideBlock .more a {
width: 290px;
height: 48px;
line-height: 48px;
text-align: center;
background: #E5E5E5;
display: block;
margin: 0 auto;
position: relative;
border-radius: 15px;
}
#worksBlock .inner p {
margin: 0 auto;
width: 320px;
}
#informationBlock .information dl dt {
width: 40%;
font-size: 86%;
line-height: 60px;
text-align: center;
float: left;
}
.width850{
padding:10%;
}
.favorite-single {
font-size: 40px;
float: right;
position: absolute;
top: -20px;
right: 0px;
}
.favorite-list {
font-size: 40px;
position: absolute;
top: 280px;
right: 0px;
}
.singleBlock .innerBlock section header h1 {
font-size: 160%;
width: auto;
background: none;
display: block;
margin: 6px 0px;
height: 100%;
float: left;
}
#voiceBlock h1.voicettl {
text-align: center;
}
.singleBlock .innerBlock section header h1.voicettl {
font-size: 12px;
width: auto;
background: none;
display: block;
margin: 6px 0px;
height: 100%;
float: none;
}
.singleBlock .innerBlock section header .ttl {
position: relative;
top: 10px;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
padding: 10px;
display: block;
       margin-bottom: 10px;
color: #000;
background:none;
}
.listBox article a h3 {
text-align: left;
padding-top: 5px;
position: relative;
top: 10px;
padding: 10px;
display: block;
color: #000;
background: none;
font-size:12px;
}
.listBox article {
margin: 0px auto 15px;
position: relative;
}
.innerBlock section dl dt {
margin-top:12px;
}
.innerBlock section .prop-atts dl dt {
margin-top:0px;		
}	
header .spmenu div span {
width: 28px;
height: 1px;
background: #000;
margin: 5px auto;
display: block;
}
header .spmenu div:after {
font-size: 71%;
line-height: 0.9;
text-align: center;
content: "menu";
display: block;
}
header h1 {
width: 95px;
height: 36px;
background: url(//www.marutaka-c.com/common/images/common/logo_sp.png) no-repeat;
background-size: auto 36px;
margin: 0 auto;
background-position: center;
}
header h2.disc {
width: 100%;
height: 36px;
background: none;
margin: 0 auto;
}
header h2.disc img {
height: 36px;
}
header .disc {
width: 100%;
height: 36px;
background: none;
margin: 0 auto;
}
header .disc img {
height: 36px;
}
#worksBlock .inner .more a,#staffareaBlock .more a {
width: 210px;
height: 36px;
line-height: 36px;
text-align: center;
border: 1px solid #000;
border-radius: 15px;
display: block;
margin: 0 auto;
font-feature-settings: "palt";
}
.singleBlock .innerBlock section .beBox {padding:0px 10px 20px;}
.singleBlock .innerBlock section .beBox img {max-width: 100%;}
.singleBlock .innerBlock section .ttl_name {
font-size: 143%;
display: inline-block;
padding: 0 10px 10px;
}
h2.copy-title {
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
text-align: center;
margin: 0 auto;
width: 100%;
}
.innerBlock h2.sub-catch {
font-size: 121%;
padding: 0 10px;
}
#showroomBlock .halfBox > section h3, #showroomBlock #consult header h3 {font-size: 143%;}
#planBlock section > header h3 {
font-size: 121%;
display: inline-block;
}
#planBlock section > header h3 span {
display: inline-block;
padding-bottom: 10px;
background: url(//www.marutaka-c.com/common/images/common/bg_line_long_sp.png) repeat-x bottom;
background-size: auto 5px;
}
#conceptBlock header h2 span {
font-family: "futura-pt";
letter-spacing: 0;
font-size: 286%;
margin-right: 5px;
}
#messageBlock section h2 {
font-size: 129%;
font-weight: bold;
letter-spacing: 0;
padding: 0 10px;
margin-bottom: 15px;
}
#conceptBlock .inner header h2 {
font-size: 80%;
line-height: 1.2;
display: block;
padding-bottom:20px;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho";
letter-spacing: 3px;
}
#naturalBlock > .pointBox .catch {font-size:100%;}
#conceptBlock .inner header h2 span {
font-family: "futura-pt";
letter-spacing: 0;
font-size: 300%;
display: block;
padding-bottom:4px;
}
#moneyBlock section#concept .inner .catch {font-size:100%;
}}
@media screen and (min-width: 640px) {
.pcnone {display:none;}
.recruitNav-inner br {display:none;}
.q {
font-size: 100%;
line-height: 45px;
text-align: center;
color: #fff;
background: url(//www.marutaka-c.com/common/images/reform/natural/bg_mttl.png) no-repeat 50% 50%;
background-size: 45px;
display: inline-block;
width: 45px;
margin-right: 10px;
}
#recruit-interviewBlock h3 {
font-size: 140%;
line-height: 1.7;
letter-spacing: 2px;
color: #362B23;
}
#worksBlock .inner p {
text-align: center;
padding: 26px 0 20px;
font-size: 13px;
}
#showroomBlock .inner .box .textBox p {
line-height: 2;
font-size: 14px;
}
#showroomBlock .inner .box {
width: 1000px;
text-align: center;
padding-left: 500px;
margin: 0 auto;
}
#planBlock section#meeting #example h3 {
background: url(//www.marutaka-c.com/common/images/reform/plan/bg_ttl_plan+.png) no-repeat;
width: 620px;
height: 121px;
line-height: 40px;
text-align: center;
color: #fff;
font-size: 158%;
margin: 0 auto;
padding: 40px 0 40px 200px;
position: relative;
top: -60px;
}
#planBlock section#meeting #example h3 span {
font-size: 73%;
}
#planBlock section#meeting #example article .box h4 {
font-size: 93%;
line-height: 25px;
color: #fff;
text-align: left;
background: url(https://www.marutaka-c.com/common/images/reform/plan/bg_plan_num.png) no-repeat;
padding-left: 10px;
margin-bottom: 15px;
}
#naturalBlock > section .inner > .companyBox h4 {
width: 173px;
height: 161px;
font-size: 158%;
text-align: center;
background: url(//www.marutaka-c.com/common/images/reform/natural/bg_ttl.png) no-repeat;
padding-top: 40px;
position: absolute;
left: 0;
top: 50%;
margin-top: -80px;
}
#naturalBlock > section .inner > .companyBox h4 span {
font-size: 73%;
display: block;
background: url(//www.marutaka-c.com/common/images/reform/natural/bg_yume.png) no-repeat 50% 100%;
}
#naturalBlock > section#yuka .materialBox h4 {
width: 173px;
height: 161px;
font-size: 158%;
text-align: center;
background: url(//www.marutaka-c.com/common/images/reform/natural/bg_ttl_muku.png) no-repeat;
padding-top: 40px;
position: absolute;
left: 0;
top: 50px;
}
#naturalBlock > section#yuka .materialBox h4 span {
font-size: 73%;
display: block;
background: url(//www.marutaka-c.com/common/images/reform/natural/bg_yume.png) no-repeat 50% 100%;
}
#naturalBlock > section .inner > .worksBox h4 {
width: 310px;
height: 62px;
font-size: 158%;
text-align: center;
letter-spacing: 1px;
line-height: 40px;
background: url(//www.marutaka-c.com/common/images/reform/natural/bg_fuki.png) no-repeat 50% 0%;
margin: 0 auto;
}
#naturalBlock > section .inner > .worksBox h4 span {
font-size: 82%;
}
#moneyBlock section#concept .inner .catch {
font-size: 100%;
padding-bottom: 50px;
}
.boxArea .innerBlock .detailBox .textBox h3 {
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
}
.singleBlock .innerBlock section .textBox h2.voice-subtitle {
font-size: 150%;
padding: 15px 0 20px;
letter-spacing: 1px;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight: normal;
margin: 0 auto;
}
.listBox article a.voice-list {width: 100%;}
#worksBlock article h3 {
font-weight: normal;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
line-height: 1.8;
letter-spacing: 0px;
font-size: 16px;
padding:2px 0px;
}
#worksBlock article span {padding-bottom:0px;}
#showroomBlock header {
top: -20px;
width:490px;
}
#showroomBlock > .eventBlock header h4 {
font-size: 125%;
line-height: 1.7;
}
#showroomBlock > .eventBlock {
padding-top:40px;
clear:both;
}
.singleBlock .innerBlock section .textBox h3 {
font-size: 110%;
font-weight: 700;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
line-height: 1.8;
letter-spacing: 2.5px;
margin: 5px 0px 25px;
}
#voiceBlock table tr {
width: 50%;
display: inline-block;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
overflow: hidden;
float:left;
font-size: 97%;
font-feature-settings: "palt";
}
.singleBlock .innerBlock section .inner .voiceBtn a {
font-size: 110%;
width: 470px;
height: 150px;
letter-spacing: 0;
line-height: 120%;
text-align: left;
background: url(https://www.marutaka-c.com/common/images/voice/bg_works_btn.png) no-repeat;
padding: 15px 15px 15px 200px;
margin: 0 auto;
display: block;
position: relative;
background-size: contain;
}
.voiceBtn-flex-txt {
font-size:70%;
font-weight:400;
width: 100%;
}
#newItem .btn {padding-top: 5px;}
#newItem .textBox { height: auto; clear: both;}
#voiceBlock section .inner .textBox p {
line-height: 2;
padding-bottom: 1.4em;
display: inline-block;
width: 50%;
}
#recruitBlock header .border {
width: 910px;
background: url(//www.marutaka-c.com/common/images/common/bg_dot_line_long.png) no-repeat 50% 20px;
margin: 0 auto;
}
#recruitBlock header .border span {
background: #fff;
display: inline-block;
width: auto;
}
.fusen-area {display: flex;}
.fusen {
display: block;
border-style: solid;
border-width: 1px;
background: #ffffff;
padding: 5px;
overflow: hidden;
margin: 20px;
width: calc( 50% - 0px );
}
.fusen img {
width: 22%;
vertical-align: middle;
display: inline-block;
margin-right: 5px;
}
.fusen_info {
width: 75%;
display: inline-block;
vertical-align: middle;
font-feature-settings: "palt";
}
.fusen_info h3 {font-weight:700;}
.fusen_info p {font-size:12px;}
.fusen_info span {display:block; font-size:10px;}
.mitsu {background: url(//www.marutaka-c.com/common/images/uploads/2021/03/58cf7f179f239da0730df1ab6f23f04e.jpg);}
.oot {background: url(//www.marutaka-c.com/common/images/uploads/2023/01/549580276148f6f8d8aa2dd63f85887a.jpg);}
.naka {background: url(//www.marutaka-c.com/common/images/uploads/2023/01/b66ee67cb8a63d2e848760dd8f5af001.jpg);}
.endo {background: url(//www.marutaka-c.com/common/images/uploads/2023/01/d875d12e72d17279a62b6774075d7fb9.jpg);}
.hasizu {background: url(//www.marutaka-c.com/common/images/uploads/2021/03/58cf7f179f239da0730df1ab6f23f04e.jpg);}
.parallax-bg {
background-position: center;
background-repeat: no-repeat;
border-radius: 6px;
height: 480px;
position: relative;
background-size: cover;
}
.private-inner {
width:100%;
margin:0 auto;
padding:30px 60px;
display: inline-block;
}
#recruitBlock .h1area {
padding: 10px 0px;
line-height: 30px;
text-align: center;
background: url(//www.marutaka-c.com/common/images/corporate/bg_line.png) no-repeat 50% 50%;
margin-bottom: 10px;
}
#staff-interviewBlock .h1area {
padding: 10px 0px;
line-height: 30px;
text-align: center;
background: url(//www.marutaka-c.com/common/images/corporate/bg_line.png) no-repeat 50% 50%;
margin-bottom: 10px;
}
#interviewsBlock .h1area {
padding: 10px 0px;
line-height: 30px;
text-align: center;
background: url(//www.marutaka-c.com/common/images/corporate/bg_line.png) no-repeat 50% 50%;
margin-bottom: 10px;
}
#recruitBlock .boxArea {
width: 1000px;
padding: 100px 0px 0;
margin: 0 auto;
}
#interviewsBlock .boxArea {
width: 1000px;
padding: 100px 0px 0;
margin: 0 auto;
}
#staff-interviewBlock .boxArea {
width: 1000px;
padding: 100px 0px 0;
margin: 0 auto;
}
div#recruitBlock.blockArea {
background: url(//www.marutaka-c.com/common/images/common/bg_ttl.png) repeat-x top;
position: relative;
top: -90px;
overflow: hidden;
margin-bottom: -90px;
}
div#staff-interviewBlock.blockArea {
background: url(//www.marutaka-c.com/common/images/common/bg_ttl.png) repeat-x top;
position: relative;
top: -90px;
overflow: hidden;
margin-bottom: -90px;
}
#staff-interviewBlock #sideTtlBlock {display:none;}
#interviewsBlock #sideTtlBlock {display:none;}
#staff-interviewBlock .innerBlock {
background: #f9f9f9;
background-image: linear-gradient( -45deg, #f5eeed00 25%, #f4e2de5e 25%, #f4e2de5e 50%, #f5eeed00 50%, #f5eeed00 75%, #f4e2de5e 75%, #f4e2de5e );
background-size: 4px 4px;
background-attachment: fixed;
padding: 10px 40px 30px 40px;
margin: 0 auto;
}
#interviewsBlock .innerBlock {
background: #f9f9f9;
background-image: linear-gradient( -45deg, #f5eeed00 25%, #f4e2de5e 25%, #f4e2de5e 50%, #f5eeed00 50%, #f5eeed00 75%, #f4e2de5e 75%, #f4e2de5e );
background-size: 4px 4px;
background-attachment: fixed;
padding: 10px 40px 30px 40px;
margin: 0 auto;
}
.parallax-bg p {
text-align: left;
color: #fff;
line-height: 2;
position: absolute;
letter-spacing: 3px;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight: normal;
background: rgba(0,0,0,0.4);
bottom: 0px;
display: inline-block;
width: 100%;
font-size: 160%;
padding: 20px 90px;
border-radius:0px 0px 6px 6px;
}
#conceptBlock figure.service {
width: 160px;
text-align: right;
margin: -50px 55px 0 0;
float: right;
}
#conceptBlock .inner-2 {
width: 644px;
float: right;
padding-top:10px;
}
#conceptBlock .inner-2 .textBox {width:100%;}
#conceptBlock .inner-2 .textBox ul {width:100%;}
#conceptBlock .inner-2 .textBox ul li {
float: left;
margin: 0 20px 0px 0px;
text-align: center;
}
#conceptBlock .inner-2 .textBox ul li a {
height: 36px;
line-height: 36px;
text-align: center;
display: block;
margin: 0 auto;
}
#conceptBlock .inner-2 .textBox ul li a img {
width:11px;
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
margin-right: 7px;
vertical-align: baseline;
}
#conceptBlock .inner-2 h3 {
font-size: 14px;
line-height: 2.0;
background: url(//www.marutaka-c.com/common/images/common/bg_line_dot_4.png) no-repeat bottom;
display: inline-block;
}
.innerBlock section .in input[type="text"] {
width: 233px;
padding: 5px;
border: 1px solid #000;
}
.innerBlock section .in select {
width: 95%;
padding: 5px;
border: 1px solid #000;
}}
@media screen and (max-width: 639px) {
.grid-sp {
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
}
.recruitNav-inner {
display: flex;
justify-content: center;
align-items: center;
color: #fff;
background: rgba(0,0,0,0.4);
height:100px;
}
.mf-2 {
display: block;
width:100%;
font-size:13px;
font-weight:700;
letter-spacing: 3px;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.q {
color: #fff;
background: #362B23;
width: 45px;
text-align: center;
border-radius: 50%;
height: 45px;
line-height: 45px;
}
.inline-box {display: inline-box;}
.border-line small {
font-size: 80%;
font-family: "futura-pt";
color: #848484;
display: block;
letter-spacing: 1px;
} .showroom-nametag {
position: absolute;
bottom: 115px;
z-index: 2;
text-align:left;
width: auto;
min-width: 155px;
}
#showroomBlock .event-inner small {
font-size:10px;
line-height: 1.2;
}
p.nameplate {
display: inline-block;
background-color: #fff;
padding: 2px 6px 2px 6px;
color: #282828;
font-size: 12px;
font-weight: 700;
border-radius: 0 4px 4px 0;
margin-bottom: 4px;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
#ParkSide,#BridgeSide,#Kotorino {
margin-top: -15%;
padding-top: 15%;
}
#access figure img {
width: auto;
border-radius: 50%;
margin: 10px 0px;
}
#ParkSide h2.sub-catch span, #BridgeSide h2.sub-catch span {
background: url(https://www.marutaka-c.com/common/images/reform/plan/bg_brown_a10.png) repeat-x bottom;
letter-spacing: 1px;
font-family: 'Caveat', cursive,"游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
color: #282828;
font-size: 120%;
font-weight: 200;
}
.border-line {
line-height: 40px;
text-align: left;
background: url(//www.marutaka-c.com/common/images/corporate/bg_line.png) no-repeat 50% 20px;
margin: 0 auto;
width: 100%;
text-align: center;
margin:20px 0px;
}
#ParkSide h2.sub-catch, #BridgeSide h2.sub-catch {
background: #fff;
display: inline-block;
padding: 0px 20px;
}
#showroomBlock .event-inner img {
border-radius: 50%;
border: 3px solid #ddd;
}
#showroomBlock .flexbox-container .width-50 span {
letter-spacing: 1px;
font-weight: normal;
font-size:15px;
font-family: 'Caveat', cursive;
}
#showroomBlock .event-inner figure {
padding: 5%;
margin-bottom: 8px;
}
#showroomBlock .event-inner .center a {
color: #000;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
position:relative;
}
#planBlock section#meeting #example h3 {
background: url(//www.marutaka-c.com/common/images/reform/plan/fig_exam_ttl+.png) no-repeat 50% 0%;
background-size: 186px auto;
text-align: center;
font-size: 158%;
line-height: 1.4;
margin: 0 auto -20px;
padding: 140px 0 20px 0px;
position: relative;
top: -20px;
}
#planBlock section#meeting #example h3 span {
font-size: 71%;
display: block;
}
#planBlock section#meeting #example article .box h4 {
width: 100px;
font-size: 93%;
line-height: 25px;
color: #fff;
background: #382B21;
text-align: center;
margin: 0 auto 10px;
}
#naturalBlock > section .inner > .worksBox h4 {
font-size: 129%;
text-align: center;
letter-spacing: 0px;
line-height: 30px;
margin: 0 auto 10px;
}
#naturalBlock > section .inner > .worksBox h4 span {font-size: 82%;}
#naturalBlock > section .inner > .companyBox h74 {
width: 120px;
height: 120px;
font-size: 129%;
text-align: center;
background: #fff;
border: 1px dashed #191918;
padding-top: 35px;
margin: 0 auto;
border-radius: 50%;
}
#naturalBlock > section#yuka .materialBox h4 {
width: 120px;
height: 120px;
font-size: 129%;
text-align: center;
background: #fff;
border: 1px dashed #191918;
padding-top: 35px;
margin: 0 auto 25px;
border-radius: 50%;
}
.innerBlock h2.message {
font-size: 109%;
font-weight: normal;
padding: 0 20px;
}
.boxArea .innerBlock .detailBox .textBox h3 {
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
}
#worksBlock header h2 {
font-size: 80%;
line-height: 1.2;
display: block;
}
#worksBlock header h2 span {padding-bottom:4px;}
.voice-title {
font-size: 130%;
padding: 15px 0 20px;
letter-spacing: 2px;
font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-weight: normal;
margin: 0 auto;
}
.archive-voice-title {
font-size: 102%;
font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
font-weight: normal;
margin: 0 auto;
padding: 10px;
font-weight: 500;
text-align: left;
}
.singleBlock .innerBlock section .textBox h2.voice-subtitle {
font-size: 120%;
line-height: 1.7;
font-weight: bold;
padding: 15px 0 20px;
letter-spacing: 3px;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight: normal;
margin: 0 auto;
}
#worksBlock article h3 {
font-size: 126%;
font-weight: normal;
padding: 4px 0px;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
letter-spacing:0px;
}
.singleBlock .innerBlock section .textBox h3 {
font-size: 105%;
font-weight: 700;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
line-height: 1.8;
letter-spacing: 2.5px;
margin: 0px 0px 20px;
}
.singleBlock .innerBlock section figure.imageSlide {margin-bottom: 10px;}
#voiceBlock table tr {
width: 100%;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
#voiceBlock table th {
min-width: 110px;
width: 40%;
font-size:88%;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
vertical-align: middle;
padding: 10px;
text-align:center;
letter-spacing: normal;
}
#voiceBlock table td {
min-width: 133px;
font-size: 88%;
height:60px;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
vertical-align: middle;
padding: 10px;
letter-spacing: normal;
}
.fusen-area {display: block;}
.fusen {
display: block;
border-style: solid;
border-width: 1px;
background: #ffffff;
padding: 5px;
overflow: hidden;
margin: 20px 0px;
}
.fusen img {
width: 22%;
vertical-align: middle;
display: inline-block;
margin-right: 5px;
}
.fusen_info {
width: 74%;
display: inline-block;
vertical-align: middle;
font-feature-settings: "palt";
}
.fusen_info h3 {font-weight:700;}
.fusen_info p {
font-size: 11px;
font-feature-settings: "palt";
letter-spacing: 0px;
}
.fusen_info span {display:block; font-size:10px;}
.mitsu {background: url(//www.marutaka-c.com/common/images/uploads/2021/03/58cf7f179f239da0730df1ab6f23f04e.jpg) center;}
.oot {background: url(//www.marutaka-c.com/common/images/uploads/2023/01/549580276148f6f8d8aa2dd63f85887a.jpg) center;}
.naka {background: url(//www.marutaka-c.com/common/images/uploads/2023/01/b66ee67cb8a63d2e848760dd8f5af001.jpg) center;}
.endo {background: url(//www.marutaka-c.com/common/images/uploads/2023/01/d875d12e72d17279a62b6774075d7fb9.jpg) center;}
.hasizu {background: url(//www.marutaka-c.com/common/images/uploads/2021/03/58cf7f179f239da0730df1ab6f23f04e.jpg) center;}
.parallax-bg {
padding-top: 67.25%;
background-size: cover;
position:relative;
border-radius:6px;
}
.parallax-bg p {padding: 20px;}
#recruitBlock .h1area {
padding: 10px 0px;
line-height: 30px;
text-align: center;
background: url(//www.marutaka-c.com/common/images/corporate/bg_line.png) no-repeat 50% 50%;
}
#recruitBlock .innerBlock {
padding: 10px 4px 30px 4px;
width:100%;
background-image: linear-gradient( -45deg, #f5eeed00 25%, #f4e2de5e 25%, #f4e2de5e 50%, #f5eeed00 50%, #f5eeed00 75%, #f4e2de5e 75%, #f4e2de5e );
background-size: 4px 4px;
background-attachment: fixed;
margin: 0 auto;
}
#staff-interviewBlock .h1area {
padding: 10px 0px;
line-height: 30px;
text-align: center;
background: url(//www.marutaka-c.com/common/images/corporate/bg_line.png) no-repeat 50% 50%;
}
#interviewsBlock .h1area {
padding: 10px 0px;
line-height: 30px;
text-align: center;
background: url(//www.marutaka-c.com/common/images/corporate/bg_line.png) no-repeat 50% 50%;
}
#staff-interviewBlock .innerBlock {
background: #f9f9f9;
padding: 10px 4px 30px 4px;
width:100%;
background-image: linear-gradient( -45deg, #f5eeed00 25%, #f4e2de5e 25%, #f4e2de5e 50%, #f5eeed00 50%, #f5eeed00 75%, #f4e2de5e 75%, #f4e2de5e );
background-size: 4px 4px;
background-attachment: fixed;
margin: 0 auto;
}
#interviewsBlock .innerBlock {
background: #f9f9f9;
padding: 10px 4px 30px 4px;
width:100%;
background-image: linear-gradient( -45deg, #f5eeed00 25%, #f4e2de5e 25%, #f4e2de5e 50%, #f5eeed00 50%, #f5eeed00 75%, #f4e2de5e 75%, #f4e2de5e );
background-size: 4px 4px;
background-attachment: fixed;
margin: 0 auto;
}
.parallax-bg p {
text-align: center;
color: #fff;
line-height: 2;
position: absolute;
letter-spacing: 3px;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
font-weight: normal;
background: rgba(0,0,0,0.4);
bottom: 0px;
display: inline-block;
width: 100%;
padding: 16px 8px;
right: 0px;
border-radius:0px 0px 6px 6px;
font-size:13px;
letter-spacing:0px;
}
#conceptBlock figure.service {
width: 45%;
text-align: right;
float: right;
height: auto;
position: absolute;
right: 36px;
}
#conceptBlock .inner-2 {
padding: 5px 20px 25px 20px;
}
#conceptBlock .inner-2 .textBox {width: 100%;}
#conceptBlock .inner-2 .textBox ul {
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
left: 10%;
position: relative;
}
#conceptBlock .inner-2 .textBox ul li a {
height: 36px;
line-height: 36px;
text-align: center;
display: block;
margin: 0 auto;
text-align: left;
}
#conceptBlock .inner-2 .textBox ul li a img {
width:12px;
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
margin-right: 6px;
vertical-align: baseline;
}
#conceptBlock .inner-2 h3 {
font-size: 13px;
line-height: 2.0;
background: url(//www.marutaka-c.com/common/images/common/bg_line_dot_4.png) no-repeat bottom;
display: inline-block;
}
.innerBlock section .in input[type="text"] {width: 95%;}
.innerBlock section .in select {
width: 95%;
padding: 10px 2px;
border: 1px solid #000;
font-size:12px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.innerBlock section .in {font-size: 78%;
}}
.sekou {font-size:86%;}
#voiceBlock table {
width: 100%;
display: block;
margin: 0 auto;
width: 100%;
border-right: 1px solid #000;
border-top: 1px solid #000;
clear: both;
}
#voiceBlock .innerBlock section .inner .dataBox {
width: 100%;
padding-bottom:60px;
}
.white {
background:#fff;
display:inline-block;
padding: 0px 10px;
}
.blk-radius {
background: #000;
display: inline-block;
border-radius: 50%;
height: 30px;
color: #fff;
line-height: 30px;
margin: 20px 0px 5px;
width: 30px;
}
.radius20 {border-radius:20px;}
.drop-shadow02 {
-webkit-filter: drop-shadow(0px 0px 4px rgba(0,0,0,.2));
filter: drop-shadow(0px 0px 4px rgba(0,0,0,.2));
}
.pd4per {padding:4%;}
#recruit-interviewBlock header {
overflow: hidden;
zoom: 1;
text-align: center;
margin: 0 auto;
width: 100%;
padding:30px 10px;
}
.innerBlock section textarea {
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
}
#message h3 {
font-size:110%;
font-weight:700;
font-family:"futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
padding-bottom:20px;
}
#message .textBox p {
padding-bottom: 1.5em;
font-size: 13px;
}
#recruitBlock  #sideTtlBlock {display:none;}
#recruit-interviewBlock h1 {
background:none;
width: auto;
}
#recruit-interviewBlock h2 {
font-size: 210%;
line-height: 1.5;
padding: 15px 0px 0px;
}
#recruit-interviewBlock h2 span {
background: url(//www.marutaka-c.com/common/images/reform/plan/bg_brown_a10.png) repeat-x bottom;
display: inline-block;
}
#recruit-interviewBlock .event-inner {
background: #fff;
padding: 5%;
border-radius:6px;
}
.margin8 {margin:8px;}
.margin10 {margin:10px;}
.margin16 {margin:16px;}
.margin20 {margin:20px;}
.margin30 {margin:30px;}
.margin40 {margin:40px;}
.margin50 {margin:50px;}
.margin60 {margin:60px;}
.mb0 {margin-bottom:0px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb60 {margin-bottom:60px;}
.mb80 {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}
.mb120 {margin-bottom:120px;}
.ml20 {margin-left:20px;}
.top4 {margin-top:4px;}
.top8 {margin-top:8px;}
.top-8 {margin-top:-8px;}
.top10 {margin-top:10px;}
.top14 {margin-top:14px;}
.top20 {margin-top:20px;}
.top30 {margin-top:30px;}
.top60 {margin-top:60px;}
.top80 {margin-top:80px;}
.top100 {margin-top:100px;}
.top-40 {margin-top:-40px;}
.top-70 {margin-top:-70px;}
.boxArea .innerBlock .detailBox .textBox .mb0 {margin-bottom:0px;}
#recruit-interviewBlock small {
font-size: 80%;
color: #f56228;
font-family: "futura-pt";
letter-spacing: 1px;
margin:0 auto;
display:block;
}
#recruit-interviewBlock span {
font-size: 90%;
line-height: 1.2;
display: block;
}
@media screen and (min-width: 640px){
#informationBlock .information dl dd {
padding: 0px 0px 0px 10px;
font-size: 13px;
line-height: 1.5;
letter-spacing: 1px;
font-feature-settings: "palt";
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
}
footer#footer {
clear: both;
background:#f9f9f9;
min-width: 1000px;
margin: 0 auto;
}
.mf-2 {
display: block;
margin-bottom:6px;
font-weight:700;
letter-spacing: 3px;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.mf-margin {margin-top:90px;}
.tab-text {
padding: 10px;
color: #fff;
background: #362B23;
background-size: cover;
margin:10px;
display:inline-block;
width:200px;
font-feature-settings: "palt";
}
#voiceBlock table th {
min-width: 110px;
width: 110px;
vertical-align: middle;
text-align: left;
font-weight: bold;
padding: 10px 10px;
letter-spacing: 2px;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
}
#voiceBlock table td {
width:100%;
font-size: 100%;
line-height: 20px;
vertical-align: middle;
text-align: left;
padding: 6px 6px;
letter-spacing: 1px;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
height: 110px;
}
#buildBlock #sync2 {
width: 100%;
margin: 0 auto;
line-height: 100%;
padding-top:25px;
}
#buildBlock #sync2 .item {
margin: 5px;
text-align: center;
cursor: pointer;
background:#eee;
}
#buildBlock #sync2 .item img {
width: auto;
max-height: 86px;
}
.top_box_wrap {display: flex;}
.top_box {
display: flex;
align-items: center;
line-height: 110%;
position: relative;
line-height: 1.7em;
margin: 0 auto;
left: 10px;
font-feature-settings: "palt";
}
#content header#head .top_box {left:142px;}
.top_box2 {
align-items: center;
position: relative;
}
ul.footer-menu li ul li {
width: 100%;
font-size: 0.85rem;
text-indent: 0px;
letter-spacing: 0px;
margin-bottom: 12px;
}}
@media screen and (max-width: 639px){
.tab-text {
padding: 6px;
color: #fff;
background: #362B23;
background-size: cover;
margin: 10px;
display: block;
width:100%;
text-align:center;
font-feature-settings: "palt";
}
.private-inner figure img {
border-radius: 50%;
text-align: center;
margin: 0 auto;
width: 100%;
height: auto;
}
#buildBlock #sync2 {
padding-top: 25px;
width: 100%;
margin: 0 auto;
height: 100%;
line-height: 100%;
}
#buildBlock #sync2 .item img {
width: auto;
max-height: 65px;
}
.singleBlock .innerBlock section figure.imageSlide #sync1 .on img {
max-height: 260px;
width: auto;
}
.singleBlock .innerBlock section figure.imageSlide #sync1 img {
width: 100%;
vertical-align: middle;
}
.singleBlock .innerBlock section figure.imageSlide {line-height:100%;
}}
@media screen and (max-width: 320px){
.singleBlock .innerBlock section figure.imageSlide #sync1 .on img {
max-height: 213px;
width: auto;
}
#buildBlock #sync2 .item img {
width: auto;
max-height: 54px;
}}
#voiceBlock table th {background:#f9f9f9;}
#worksBlock.columnsBlock h2 {
background: #fff;
display: inline-block;
padding: 0px 20px;
}
#worksBlock.columnsBlock article h3 {
font-weight: 700;
clear: both;
text-align: left;
padding-top:4px;
letter-spacing: 1px;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
font-size:12px;
min-height: 52px;
}
#worksBlock .inner {
height: 100%;
position: relative;
}
.imgWrap {
overflow: hidden;
background: #000;
}
.imgWrap img {
display: block;
transition-duration: 0.3s;
-moz-transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-ms-transition: 0.3s linear;
}
.imgWrap img:hover {
transform: scale(1.1);
transition-duration: 0.8s;
opacity: 0.6;
transition-duration: 0.3s;
-moz-transition: 0.3s linear;
-webkit-transition: 0.3s linear;
-o-transition: 0.3s linear;
-ms-transition: 0.3s linear;
}
#worksBlock.columnsBlock {font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif; font-weight:500;}
.top-banner-list {padding:1%;}
.top-banner-list img {width:100%;}
.info-thumb-top-area {
background: #282828;
margin: 0 auto;
padding: 2px;
font-size: 12px;
line-height:1.6;
}
.top-banner-list a {
color: #fff;
display: flex;
align-items: center;
padding: 2px;
}
.banner-width li:hover {
background: #383838;
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
transition: color 0.3s, background-color 0.3s, background-image 0.3s, border-color 0.3s, box-shadow 0.3s, transform 0.3s;
-webkit-transition: color 0.3s, background-color 0.3s, background-image 0.3s, border-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;
}
.banner-width {
max-width: 1128px;
display: block;
margin: 0 auto;
}
.back-white {
background: rgba(255,255,255,0.0);
display: flex;
}
.back-white2 {background: rgba(255,255,255,1.0);}
#head-wrap div.top-white {
background: rgba(255,255,255,0.5);
display: flex;
padding: 0.3%;
}
.num h2 {
font-family: "futura-pt","游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}
.wp_social_bookmarking_light_img img {border-radius:0px;}
h4.excerpt {font-size:11px;}
h2.excerpt {
font-size: 14px;
letter-spacing:2px;
clear: both;
}
p.data {
font-size:12px;
font-feature-settings: "palt";
}
p.data_natural {font-size:11px; font-feature-settings: "palt";}
p.data-build {
font-size: 13px;
font-feature-settings: "palt";
width: 240px;
margin: 0 auto;
text-align: left;
padding: 10px 0 0;	
}
#worksBlock .inner p.data_top {
font-size: 11px;
padding: 0px 0px 0px 0px;
font-weight:500;
width:auto;
text-align:center;
font-feature-settings: "palt";
}
#worksBlock .inner p.data_top small {
font-size: 10px;
letter-spacing: 0px;
font-weight: 400;
}
.singleBlock .innerBlock section header .ttl p.voice-data {
font-size: 12px;
padding-left: 0px;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
text-align: center;
display: block;
letter-spacing:1px;
}
.innerBlock p.archive-voice-data {
font-size: 11px;
text-align: right;
font-weight: 700;
color: #999;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
}
.top-info-right {
text-align: center;
border: solid 1px rgba(255,255,255,0.0);
height: 62px;
align-items: center;
vertical-align: middle;
padding: 3px;
color:#fff;
display:inline-block;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
background:#333;
display: flex;
min-width: 142px;
justify-content: center;
align-items: center;
font-weight:700;
font-size:13px;
margin: 2px;
border-radius: 10px;
padding-top: 4px;
}
.top-info-right-actioncol {background: #731F1F;}
.top-info-right.top-pj {height: 30px; justify-content: left; padding-left:4px; min-width: 180px;border-radius: 6px; padding-top: 5px;}
.info-inner:before {
content: "";
display: inline-block;
width: 1.0em;
height: 1.3em;
background: url(//www.marutaka-c.com/common/images/index/ico_pagetop.png) no-repeat;
background-size: contain;
float: left;
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
margin: 01px 6px 2px 0px;
}
.info-inner:before {
}
.info-inner .inline-block a {
display: inline-block;
width: 100%;
}
.info-text {line-height: 100%; margin-left:3px;}
.top-info-right a {
color:#333;
display: block;
}
.top-info-right a:hover {
color:#fff;
display: block;
}
.top-info-right:hover {
background: rgba(10,10,10,0.1);
border: solid 1px #fff;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
color:#000;
}
.top-info-right span { display:block; font-size:10px;}
.top-info-right.tel { padding: 4px; margin-left: 130px;}
.side_search dl dd a.niretu {
display: inline-block;
padding: 4px 0;
width: 50%;
float: left;
font-feature-settings: "palt";
letter-spacing: 0px;
}
.side_search dl dd a {
display: block;
padding: 4px 0;
}
.side_search dl dd a span {
font-size: 9px;
padding-left: 2px;
vertical-align: text-top;
color: #999;
}
.side_search dl dd a::before {
content: '\e804';
font-family: "fontello";
margin-right: 1px;
font-size:0px;
}
div.sideArea aside {
padding: 40px 12px;
text-align: left;
}
.side_search {letter-spacing:1px;}
.side_search dd {
font-size: 12px;
padding: 6px 2px 2px 6px;
line-height:1.2;
}
dt.open {
background: url(//www.marutaka-c.com/common/images/column/bg_sha_boder.png) repeat-x bottom;
padding-bottom: 6px;
margin-bottom: 3px;
}
.listBox article a .category,#worksBlock article a .category {
text-align: center;
margin: 10px auto 2px;
}
#worksBlock article a .category span {
width: 86px;
height: 22px;
font-size: 71%;
line-height: 22px;
text-align: center;
margin: 2px;
display: inline-block;
}
.mansion {background: url(//www.marutaka-c.com/common/images/works/bg_icon-2.png) no-repeat;}
.little {background: url(//www.marutaka-c.com/common/images/works/bg_icon-5.png) no-repeat;}
.house {color: #fff;background: url(//www.marutaka-c.com/common/images/works/bg_icon-4.png) no-repeat;}
.shop {color: #fff;background: url(//www.marutaka-c.com/common/images/works/bg_icon-1.png) no-repeat 50% 50%;}
.newly-built {background: url(//www.marutaka-c.com/common/images/works/bg_icon-3.png) no-repeat 50% 50%;}
.real-estate {background: #fdcdab;}
.akiyama {background: url(//www.marutaka-c.com/common/images/uploads/2015/11/5041e46285945df1c3ae9947cb53de67.jpg) no-repeat;}
.ishigaki {background: url(//www.marutaka-c.com/common/images/uploads/2015/11/3b4973c4d84bd9eef99fdc0b626378552.jpg) no-repeat;}
.endou {background: url(//www.marutaka-c.com/common/images/uploads/2019/07/6a4bde25ac831aecd62d562aeb910061.jpg) no-repeat;}
.kasahara {background: url(//www.marutaka-c.com/common/images/uploads/2015/11/4a4972c80689c5d5a939e6b16872355f.jpg) no-repeat;}
.karasawa {background: url(//www.marutaka-c.com/common/images/uploads/2019/04/0528f547ddd4f75ba30d204cb7a170a0.jpg) no-repeat;}
.hashizume {background: url(//www.marutaka-c.com/common/images/uploads/2019/07/574704813d05db90272a60931472e90f.jpg) no-repeat;}
.hayasaka {background: url(//www.marutaka-c.com/common/images/uploads/2015/11/9c2e669cb90fcee061b239f1b75d74331.jpg) no-repeat;}
.nakada {background: url(//www.marutaka-c.com/common/images/uploads/2019/07/cf1ddcb4680a6fb729c5fe596a0fcd16.jpg) no-repeat;}
.takasaki {background: url(//www.marutaka-c.com/common/images/uploads/2019/04/0528f547ddd4f75ba30d204cb7a170a0.jpg) no-repeat;}
.side_search-box {
font-size: 114%;
text-align: center;
font-weight: bold;
background: url(//www.marutaka-c.com/common/images/common/bg_content_ttl.png) no-repeat;
padding: 15px 0px;
margin-bottom: 15px;
background-position: center;
background-size: contain;
}
.side_search small {
font-size: 75%;
font-family: "futura-pt";
color: #848484;
display: block;
letter-spacing: 1px;
font-weight: 400;
}
.build-title h2 {
font-family: "futura-pt";
font-size: 22px;
margin-bottom:10px;
}
#footerFloatingMenu i {
text-align: center;
display: inline-block;
}
#footerFloatingMenu img {
width: 22px;
}
#footerFloatingMenu ul.nav {
width:100%;
margin:0 auto;
display: flex;
padding: 8px 2px;
}
#footerFloatingMenu ul.nav li {
width:50%;
margin:0 auto;
text-align: center;
padding: 4px;
}
#footerFloatingMenu ul.nav p {
display: inline-block;
margin-left:4px;
vertical-align: middle;
color:#E4E4E4;
letter-spacing: 1px;
font-size: 12.5px;
border-bottom: dashed 1px;
padding-bottom: 1px;
font-weight: 700;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
font-feature-settings: 'palt';
}
#footerFloatingMenu ul.nav a {
display: inline-block;
}
#footerFloatingMenu {
display: block;
width: 100%;
position: fixed;
left: 0px;
bottom: 0px;
z-index: 9999;
text-align: center;
background: rgba(66, 34, 5, 0.85);
}
.button {
display: inline-block;
width: 100%;
text-align: center;
   font-size: 16px;
background: #000;
color: #fff;
border-radius: 6px;
padding: 18px 0px;
margin-top: 16px;
margin-bottom: 10px;
border:1px solid;
position:relative;
line-height: 3rem;
width: 70%;
}
.beige{
background:#b89b7a;
}
.button:hover {
background: #fff;
border:1px solid #555;
}
.beige:hover {
background: #fff;
border: 1px solid #b89b7a;
color: #b89b7a;
}
.button-new-build:hover {color:#000}
.pdf-mark:before {
content: "";
display: block;
background: url(//www.marutaka-c.com/common/images/common/PDFmark.png) no-repeat;
background-size: 100%;
width: 25px;
height: 25px;
position: absolute;
left: 5%;
margin: auto;
}
.event-inner {
width:100%;
display: inline-block;
clear: both;
}
.event-inner .width-50 {padding: 0px 8px;}
.width-20 {width:20%;}
.width-30 {width:30%;}
.width-35 {width:35%;}
.width-40 {width:40%;}
.width-50 {width:50%;}
.width-60 {width:60%;}
#width-60 {width:60%;}
.width-65 {width:65%;}
.width-70 {width:70%;}
.width-80 {width:80%;}
.width-500 {width:500px;}
.width-440 {width:440px;}
.width-340 {width:340px;}
.pd1per {padding:1%;}
.pd2per {padding:2%;}
.pd3per {padding:3%;}
.pd5per {padding:5%;}
.pd10per {padding:10%;}
.left {float:left;}
.right {float:right;}
.event-inner img { width:100%; border-radius:6px;}
.event-inner h4 {
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
letter-spacing:1px;
}
.line-handsfree-dotted {
background: url(//www.marutaka-c.com/common/images/reform/natural/bg_line_dot_s.png) repeat-x bottom;
display: inline-block;
position: relative;
width: 100%;
height: auto;
margin: 0 auto;
background-size: contain;
margin-bottom: 5%;
padding-bottom: 5%;
text-align:left;
}
.line-handsfree-dotted p {
line-height:2.0;
padding-bottom:10px;
font-size:13px;
}
#footer-menu-area {padding:1% 0%;}
#footer-menu-area h2 {
font-weight: 700;
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
line-height: 100%;
letter-spacing: 1px;
padding-bottom: 0px;
}
#footer-menu-area .footer-menu-pd h2 {padding:2% 0%;}
.footer-sub-menu {
padding-top:8px;
line-height: 0%;
}
ul.footer-sub-menu span {
line-height: 1.6em;
padding-bottom: 4px;
display: block;
float: left;
width: 87%;
}
ul.footer-build-menu span {
line-height: 1.5em;
padding-bottom: 4px;
display: block;
}
.footer-build-menu li {
display:inline-block;
font-size: 0.85rem;
line-height:0%;
padding-right: 2.0em;
}
footer#footer .inner {border-top: 1px solid #333;}
.footer-banner-area {
display: flex;
justify-content: center;
align-items: center;
width: 80%;
margin: 0 auto;
}
.footer-banner-area img {
margin: 0 auto;
display: block;
width: auto;
height: 62px;
padding: 12px 4px;
}
footer#footer nav p {
letter-spacing: 0px;
font-size: 7px;
padding: 0px 8px 8px;
}
.sp-caption {
font-size: 70%;
line-height: 1.6em;
}
.center {text-align:center;}
.innerBlock section ul.into li {
padding-bottom: 5px;
display: block;
padding-right: 5px;
}
.innerBlock section ul.into2 li {
padding-bottom: 5px;
display: inline-block;
padding-right: 5px;
}
#worksBlock.columnsBlock {
background: none;
height:100%;
}
#slidetoggle_menu h2:before {
content: '\e809';
width: 2em;
line-height: 2;
text-align: center;
font-family: 'fontello';
right: 10px;
top: 50%;
margin-top: -1em;
}
#slidetoggle_menu h2 {
cursor: pointer;
display: inline-block;
}
dl#slidetoggle_menu dd {  }
.border-area {
background-image: linear-gradient( -45deg, #f5eeed00 25%, #f4e2de5e 25%, #f4e2de5e 50%, #f5eeed00 50%, #f5eeed00 75%, #f4e2de5e 75%, #f4e2de5e );
background-size: 4px 4px;
background-attachment: fixed;
padding:20px 0px;
display: inline-block;
margin: 0 auto;
min-width: 100%;
}
.en {
font-family: 'Caveat', cursive;
letter-spacing: 0;
}
#buildBlock .owl-buttons{
display:inline-block;
width:100%;
}
#buildBlock .owl-prev {
text-align: left;
float: left;
display: inline-block;
width: auto;
padding: 4px;
margin: 4px;
　border: 1px solid;
color:#000;
background: url(//www.marutaka-c.com/common/images/reform/plan/bg_brown_a10.png) repeat-x bottom;
}
#buildBlock .listBox .owl-buttons {
display: block;
width: 100%;
position: absolute;
top: 50%;
margin: 0 auto;
}
#buildBlock .listBox .owl-prev {
width: 0;
height: 0;
border-top: 14px solid transparent;
border-right: 16px solid black;
border-bottom: 14px solid transparent;
background: none;
padding: 0px;
color: rgba(0,0,0,0);
border-radius:4px;
left: 3px;
position: relative;
}
#buildBlock .listBox .owl-next {
width: 0;
height: 0;
border-top: 14px solid transparent;
border-left: 16px solid black;
border-bottom: 14px solid transparent;
background: none;
padding: 0px;
color: rgba(0,0,0,0);
border-radius:4px;
right: 3px;
position: relative;
}
#buildBlock .owl-next {
text-align: left;
float: right;
display: inline-block;
width: auto;
padding: 4px;
margin: 4px;
　border: 1px solid;
color:#000;
background: url(//www.marutaka-c.com/common/images/reform/plan/bg_brown_a10.png) repeat-x bottom;
}
#buildBlock #sync2 .item {
background-color: #F1F1F1;
overflow: hidden;
display: flex;
margin: 0 auto;
align-items: center;
justify-content: center;
}
#buildBlock #sync2 .owl-item {padding:0px 5px;}
#buildBlock #sync2 .owl-controls {display:block!important;}
.myfixedHeader .fixed-pd {padding: 0px 20px;}
.boxArea .innerBlock .detailBox .textBox ul.flexbox-container {
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-pack:justify;
-moz-box-pack:justify;
-webkit-flex-pack:justify;
-moz-flex-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
-moz-justify-content:space-between;
justify-content:space-between;
}
.boxArea .innerBlock .detailBox .textBox  ul.flexbox-container li {
width:24%;
text-align:center;
}
.boxArea .innerBlock .detailBox .textBox ul.flexbox-container li p {
font-size:87%;
line-height:1.4;
letter-spacing:1px;
text-align:left;
}
.event-dataBox table {
width: 100%;
border-right: 1px solid #000;
border-top: 1px solid #000;
border-collapse: separate;
border-spacing: 0;
}
.event-dataBox table th {
background: #f9f9f9;
width: 15%;
font-size: 85%;
line-height: 1.4;
vertical-align: middle;
color: #444444;
text-align: center;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
padding: 4px;
}
.event-dataBox table td {
width: 60%;
line-height: 1.4;
vertical-align: middle;
text-align: left;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
padding: 10px;
font-size:13px;
}
@media screen and (max-width: 639px) {
.columnBanner {padding:10px 0px;}
.yumeBanner {padding: 10px 0 10px 0;}
footer#footer .contactArea .box p {
font-size: 84%;
padding: 10px 0px 20px;
font-weight: 400;
}
#sideTtlBlock h2 small, #ttlBlock .in h2 small {font-size: 66%;}
#sideTtlBlock h2, #ttlBlock .in h1 {
font-size: 143%;
line-height: 1.3;
}
#sideTtlBlock h2 small, #ttlBlock .in h1 small {
font-size: 66%;
font-family: "futura-pt";
letter-spacing: 0;
display: block;
}
footer#footer .contactArea {
height: 100%;
background: url(//www.marutaka-c.com/common/images/uploads/2024/06/bg_foot_contact_img.webp) no-repeat 50% 50%;
}
#fixedBtn {margin-top: 10px;}
.singleBlock .innerBlock section .inner .dataBox table th { background: #f9f9f9; font-feature-settings: "palt";}
.boxArea .innerBlock .detailBox .textBox ul.flexbox-container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.boxArea .innerBlock .detailBox .textBox  ul.flexbox-container li {
width: 50%;
float: left;
margin: 0 auto;
text-align: center;
padding: 0px 2px;
}
.singleBlock .innerBlock section .inner .voiceBtn a {
font-size: 93%;
line-height: 1.5;
font-weight: bold;
letter-spacing: 0;
text-align: left;
border: 1px solid #333;
padding: 10px;
margin: 0 auto;
display: block;
position: relative;
overflow: hidden;
}
.voiceBtn-flex {
display: flex;
justify-content: center;
gap: 10px;
align-items: center;		
}
.voiceBtn-flex-img {
}	
.voiceBtn-flex-txt {
font-weight: 400;
font-size: 12px;
}
.voiceBtn-title {
padding:10px 0px;		
}	
.singleBlock .innerBlock section .inner .voiceBtn a figure {
width: 120px;
overflow: hidden;
float: left;
margin-right: 0px;
}
}
.private-inner figure img {border-radius:50%;}
.newly-font {
font-weight:normal;
font-size: 20px;
line-height: 2.4;
}
.newly-area {
background-color: rgba(252,252,252,1.0);
padding: 5% 0%;
overflow:hidden;
width:100%;
margin: 0 auto;
}
#fixedBtn ul li:nth-of-type(4) a, #fixedBtn ul li:nth-of-type(6) a {
color: #603800;
}
.mail-background-inner {
margin: 0 calc(50% - 53vw);
padding: 10% calc(50vw - 50%);
background-image: url(//www.marutaka-c.com/common/images/uploads/2015/12/IMG_0345-1800.jpg);
background-attachment: fixed;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
.fuan {
padding:4%;
margin: 0 auto;
background:rgba(255,255,255,1.0);
text-align:left;
width: 90%;
}
.mail-area .fuan li {font-size: 14px;font-weight:500;}
.mail-area .fuan li:not(:last-child)  {margin-bottom:16px;}
.mail-area .fuan li:before {
content: "";
display: inline-block;
width: 1.0em;
height: 1.5em;
background: url(//www.marutaka-c.com/common/images/index/ico_pagetop.png) no-repeat;
background-size: contain;
float: left;
transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
margin: 1px 20px 2px 0px;
}
.mail-area {padding:20px;}
@media screen and (min-width: 640px) {
.innerBlock section dl dd > input[type="email"], .innerBlock section dl dd > input[type="text"] {
border: 1px solid #333;
padding: 8px;
margin: 0;
border-radius: 4px;
}
.innerBlock section textarea {
height: 120px;
border: 1px solid #333;
padding: 10px;
margin: 0;
border-radius: 4px;
}
.innerBlock section dl dd select {
background: #fff;
border: 1px solid #333;
border-radius: 4px;
padding: 8px;
margin: 0;
height: auto;
}
.innerBlock section dl dt {padding: 8px 10px;}
.btn-newly:hover {
background-color: #fff;
background-position: -100% 100%;
color: #000;
}
.innerBlock section dl {padding: 4px 0;}
.btn-newly {
color: #fff;
background-size: 201% 100%;
background-image: -webkit-linear-gradient(left, transparent 50%, rgba(255, 255, 255, 1) 50%);
background-image: linear-gradient(to right, transparent 50%, rgba(255, 255, 255, 1) 50%);
-webkit-transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
border: 1px solid #000;
padding: 0%;
display: block;
color: #000;
}
.newly-ul li a span.sankaku {
font-size: 6px;
position: absolute;
top: 46px;
left: 50%;
}
.newly-info {
float: right;
margin: 0 auto;
width: 100%;
position:relative;
}
.newly-info-inner {
position: absolute;
top: -736px;
left: 5%;
width: 170px;
margin: 0 auto;
color: #fff;
font-size: 11px;
font-weight: 700;
}
.newly-info-inner a {color:#fff;}
.newly-info-inner a:hover .mf {
opacity:0.5;
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}
.newly-info-inner .flex {
display:block;
align-items:center;
background: rgba(0,0,0,0.7);
padding:5%;
margin-bottom:4px;
}
.newly-info-inner .flex .mf { letter-spacing: 1px;}
.newly-info-inner figure {
}
.newly-catch-back {
background: url(//www.marutaka-c.com/common/images/uploads/2019/12/497da1bb3c17fc653df1c9749f094681.png);
background-size: 43%;
background-repeat: no-repeat;
background-position: 93% 58%;
padding: 0px 90px 100px 90px;
margin: 0 auto;
width: 100%;
}
.width-50-resp {width:50%;}
.width-50-sp {width:50%;}
.pad10-resp {padding:10px}
.tq-area {width:1000px;margin:0 auto;}
.tq-area li {
border: 1px solid #ecf0f1;
padding: 4%;
background: #fff;
}
.tq-area ul {
display: grid;
gap: 16px;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.tq-tit {
text-align: center;
font-weight: 700;
padding: 10px;
vertical-align: middle;
position: relative;
font-size: 110%;
}
.tq-area p {font-size:13px;}
.newly-ul {
width: 1000px;
margin: 0 auto;
position: absolute;
top: -300px;
left: 50%;
height: auto;
color: #fff;
text-align: center;
-webkit-transform: translate(-50%, 12%);
transform: translate(-50%, 12%);
display: flex;
align-items: center;
justify-content: center;
}
.newly-ul li {
float: left;
margin: 10px;
overflow: initial;
}
.newly-ul li a {
width: 230px;
margin: 0;
padding: 27px 0;
display: block;
margin: 0 auto 15px;
padding: 10px 0 12px;
color: #fff;
font-size: 0.9rem;
border: 2px solid #fff;
letter-spacing: 1px;
background:rgba(0,0,0,0.2);
position: relative;
}
.newly-ul li a:before {
content: "";
width: 80%;
height: 70%;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
position: absolute;
right: -10px;
bottom: -10px;
}
.newly-ul li a span {display: block; font-size: 12px;}
.content-scroll {margin-top: -350px; padding-top: 350px;}
.content-scroll-nb {margin-top: -300px; padding-top: 300px;}
#head-wrap h2.copy-title {width:44%;}
#index header#head h1.copy-title {
min-width: 380px;
height: auto;
padding: 0;
max-width: 1000px;
width:auto;
}}
@media screen and (max-width: 639px) {
#index header#head h1.copy-title {
background:none;
font-feature-settings: "palt";
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
text-align: center;
margin: inherit;
width: 100%;
height: auto;
}
#content header#head .copy-title {
background:none;
font-feature-settings: "palt";
font-family: "futura-pt", "游ゴシック体", YuGothic, "Yu Gothic Medium", "メイリオ", "Meiryo", sans-serif;
text-align: center;
margin: 0 auto;
width: 100%;
height: auto;
}
.innerBlock section dl dd > input[type="email"], .innerBlock section dl dd > input[type="text"] {
width: 100%;
border: 1px solid #333;
padding: 8px;
margin: 0;
border-radius: 4px;
}
.innerBlock h2.sub-catch-newly {font-size: 150%;}
.newly-catch-back {
background: url(//www.marutaka-c.com/common/images/uploads/2019/12/497da1bb3c17fc653df1c9749f094681.png);
background-size: 139%;
background-repeat: no-repeat;
background-position: 0% 89%;
padding: 40px 0px 100px 0px;
}
.newly-info {
float: right;
margin: 0 auto;
width: 100%;
position:relative;
margin-bottom:60px;
}
.newly-info-inner {
margin: 0 auto;
color: #fff;
font-size: 13px;
}
.newly-info-inner a {color:#fff;}
.newly-info-inner a:hover .mf {
opacity:0.5;
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}
.newly-info-inner .flex {
display:flex;
align-items:center;
text-align:left;
background: rgba(0,0,0,0.9);
padding: 1.0% 2%;
border-bottom: solid 1px rgba(255,255,255,0.5);
height: 76px;
}
.newly-info-inner figure {
width: 20%; margin-right:4px; width:60px; min-width:60px;
}
.width-50-resp {width:100%;}
.width-50-sp {width:50%!important;}
.pad10-resp {padding:0px}
.tq-area {width:100%;margin:0 auto;padding: 3%; padding-bottom: 60px;}
.tq-area ul {
display: grid;
gap: 10px;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.tq-tit {font-weight: 700;padding-left:10px;text-align: left; font-feature-settings: "palt";}
.tq-area p {
width: 100%;
display: flex;
margin: 0 auto;
align-items: center;
text-align: left;
}
.tq-area-flex {
display:flex;
align-items:center;
}
.tq-area-flex li {
width: 100%;
padding: 5%;
}
.tq-area-flex figure {width:40%;}
.tq-area p {font-size:13px;padding-top: 10px;}
.newly-ul {
width: 100%;
margin: 0 auto;
position: absolute;
top: -240px;
left: 50%;
height: auto;
color: #fff;
text-align: center;
-webkit-transform: translate(-50%, 12%);
transform: translate(-50%, 12%);
display: block;
align-items: center;
justify-content: center;
}
.newly-ul li {
float: left;
margin: 0 auto;
width: 100%;
}
.newly-ul li a {
width: 220px;
display: block;
margin: 0 auto 6px;
padding: 2px 0;
color: #fff;
font-size: 0.65rem;
border: 2px solid #fff;
letter-spacing: 1px;
background:rgba(0,0,0,0.2);
position:relative;
}
.newly-ul li a span {display: block; font-size: 10px;}
.newly-ul li a span.sankaku {
float: right;
font-size: 6px;
position: absolute;
top: 32%;
right: 3%;
}
.content-scroll {margin-top: -250px; padding-top: 250px;}
.content-scroll-nb {margin-top: -190px; padding-top: 190px;}
.mt120 {margin-top: 120px;}
}
.otherPostBlock dd {
padding:4%;
}
.otherPostBlock .dl-wrap {
border: 2px solid #dcdcdc;
box-shadow: 16px 16px #f5f5f5;
display: block;
background:#fff;
}
.zen-osi {
display: inline-block;
text-align: center;
width: 100%;
margin-top: 18px;
}
.zen-osi a {
padding: 6px 4%;
border-radius: 30px;
font-size: 12px;
width:300px;
}
@media screen and (max-width: 1024px) and (orientation: portrait){
#content header#head {
max-width: 1024px;
margin: 0 auto;
padding: 0px;
}
.swiperimg {
width: auto;
height: 100%;
position: relative;
max-width: none;
}}
.top-nav-block {
position: relative;
background: #fff;
}
.top-nav-block ul li {
float: left;
width: calc(100%/3);
text-align: center;
height: 323px;
display: table;
position: relative;
overflow: hidden;
}
.top-nav-block ul li:after {
background: rgba(5,5,5,10);
}
.top-nav-block ul .item01:before {
background-image: url(//www.marutaka-c.com/common/images/uploads/2024/08/74527c6a107a41dc29f400dfe3db5446.webp);
}
.top-nav-block ul .item02:before {
background-image: url(//www.marutaka-c.com/common/images/uploads/2024/06/4c6915b081152ffe706310d98d9b433e.webp);
}
.top-nav-block ul .item03:before {
background-image: url(//www.marutaka-c.com/common/images/uploads/2024/06/4c6915b081152ffe706310d98d9b433e.webp);
}
.top-nav-block ul .item04:before {
background-image: url(//www.marutaka-c.com/common/images/uploads/2022/10/DSC1324.jpg);
}
.top-nav-block ul li:before {
content: "";
width: 100%;
height: 323px;
position: absolute;
top: 0;
left: 0;
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
-o-background-size: cover;
background-size: cover;
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.top-nav-block ul li:hover:before {
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.top-nav-block ul li:hover:before {
-webkit-filter: grayscale(50%);
-moz-filter: grayscale(50%);
-o-filter: grayscale(50%);
-ms-filter: grayscale(50%);
filter: grayscale(50%);
}
.top-nav-block ul li a:hover {
opacity: 1;
}
.top-nav-block ul li a:hover .hover {
opacity: 1;
-webkit-transition: all .6s;
-moz-transition: all .6s;
-ms-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
}
.top-nav-block ul li a {
display: table-cell;
vertical-align: middle;
position: relative;
color: #fff;
background: rgba(0,0,0,0.2);
height: 100%;
width: 100%;
}
.top-nav-block ul li p {
position: relative;
z-index: 2;
}
.top-nav-block ul li .txt-ja {
color: #fff;
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
letter-spacing: .15em;
}
.top-nav-block ul li .hover {
z-index: 1;
opacity: 0;
position: absolute;
width: 100%;
height: 414px;
top: 0;
left: 0;
background: rgb(109 49 27 / 44%);
-webkit-transition: all .6s;
-moz-transition: all .6s;
-ms-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
}
.top-keyword-block {
position: relative;
width: 100%;
height: 236px;
display: table;
}
.top-keyword-block .block-contents {
vertical-align: middle;
background: rgba(0,0,0,0.2);
height: 100%;
display: table;
width: 100%;
}
.form-box {
width: 520px;
margin: 0 auto;
}
.top-keyword-block {
background-image: url(//www.marutaka-c.com/common/images/uploads/2019/03/DSC0247-2000-.jpg);
background-position: 100% 73%;
background-size: cover;
background-repeat: no-repeat;
min-width: 100%;
display: inline-block;
margin: 0 auto;
height: 300px;
background-attachment: fixed;
}
.top-nav-block h3 {
color: #fff;
position: relative;
z-index: 2;
font-size: 120%;
font-weight: 700;
letter-spacing: 2px;
}
#subNav ul li a small { font-weight: 400;}
footer#footer .contactArea { font-weight: 400;}
footer#footer .contactArea .box {height: 100%; font-weight: 400;}
#conceptBlock .inner .more a {font-weight: 400;}
#informationBlock header .more {font-weight: 400;}
#worksBlock article span {font-weight: 400;}
@media screen and (min-width: 1400px) {
#footer-menu-area {
width: 100%;
max-width: 1260px;
padding-right: 0;
padding-left: 0;
}
.banner-width {max-width: 1260px;}
.top_box {left:50px;}
}
.single-build-button {
display: inline-block;
width: 100%;
text-align: center;
background: #000;
color: #fff;
border-radius: 6px;
padding: 18px 0px;
margin-top: 16px;
margin-bottom: 10px;
border: 1px solid;
position: relative;
line-height: 2rem;
}
.single-build-button:hover {
background: #fff;
border: 1px solid #555;
}