@charset "UTF-8";
:root {
  --bg-white:rgb(244, 244, 244);/* #f4f4f4 */
  --bg-offwhite:rgb(249, 248, 244) ;/* #f9f9f4 */
  --bg-yellow:rgb(254, 254, 220);/* #f2f2d3 */
  --bg-beige:rgb(232, 228, 209) ;/*#f0f0e3*/
  --bg-main:rgb(245, 245, 233);/*#f5f5e9*/
  --font-main:#444444;
  --font-navy:#193244;
  --dark-brown:#5d5046;
  --light-brown:#756761;
  --light-blue:#32a2d3;
  --sky-blue:#9acde8;
  --cyan:#039ce2;
  --dark-mint:#30a077;
  --dark-mint2:#56b498;
  --light-mint:#80d1c8;
    --light-mint2:#79bf94;
  --light-green:#7dad5e;
  --light-yellow2:#f4f4da;
  --light-yellow:#f2f2c8;/*f2f2c8*/
  --middle-yellow:#f9df6e;
  --hot-yellow:#edb613;
  --light-orange:#ff9900;
  --dark-orange:#ff6600;
  --light-mocha: #bea493;
  --light-beige: #f2f1ed;/*rgb(241, 237, 229)*/
  --dark-beige: #c7b8a9;
  --bg-gray: #ecf1f4;

  --main-width: 80%;
  --fSize-sp-main:0.875rem;
  --fSize-pc-main:1rem;

  --lHeight-sp-main:1.25rem;
  --lHeight-pc-main:1.375rem;
}

/*トップモコモコ-----------------------*/
.shapedividers_com-5103::before{
content:'';
font-family:'shape divider from ShapeDividers.com';
position: absolute;
bottom: -1px;
left: -1px;
right: -1px;
top: -60px;
z-index: 3;
width:100%;
height:30px;
pointer-events: none;
background-repeat: no-repeat; 
background-size: 138% 25px;
background-position: 50% 100%;    
background-image: url('data:image/svg+xml;charset=utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 33.87 1.72" preserveAspectRatio="none"><g fill="%23f7f9f4"><path d="m 0,0 a 2.5,2.5 0 0 0 5,0 1.5,1.5 0 0 0 3,0 2,2 0 0 0 4,0 1.5,1.5 0 0 0 3,0 1,1 0 0 0 2,0 2.5,2.5 0 0 0 5,0 3.5,3.5 0 0 0 7,0 2.5,2.5 0 0 0 5,0 5,5 0 0 0 10,0 2.5,2.5 0 0 0 5,0 4,4 0 0 0 8,0 2.5,2.5 0 0 0 5,0 3,3 0 0 0 6,0 2.5,2.5 0 0 0 5,0 5.5,5.5 0 0 0 11,0 2.5,2.5 0 0 0 5,0 4,4 0 0 0 8,0 3,3 0 0 0 6,0 4,4 0 0 0 8,0 5,5 0 0 0 10,0 3.5,3.5 0 0 0 7,0 z" transform="matrix(-.26458 0 0 -.26458 33.87 1.72)"/><path d="m 0,0 a 3.5,3.5 0 0 0 7,0 5,5 0 0 0 10,0 4,4 0 0 0 8,0 5.5,5.5 0 0 0 11,0 6.5,6.5 0 0 0 13,0 5,5 0 0 0 10,0 6,6 0 0 0 12,0 6.5,6.5 0 0 0 13,0 5.5,5.5 0 0 0 11,0 4.5,4.5 0 0 0 9,0 6,6 0 0 0 12,0 6,6 0 0 0 12,0 z" opacity=".66" transform="matrix(-.26458 0 0 -.26458 33.87 1.72)"/></g></svg>'); 
}
@media (min-width:768px){
.shapedividers_com-5103::before{
width:100%;
height:40px;
background-size: 110% 40px;
top: -70px;
}  
}
@media (min-width:960px){
.shapedividers_com-5103::before{ 
bottom: -0.1vw;
left: -0.1vw;
right: -0.1vw;
top: -75px; 
width:100%;
height:45px;
background-size: 68% 45px;
background-repeat: repeat-x;
}
}

/*-----------------------■■　topics__section上部　■■--------------------------*/
.topics__section{
    margin-top:-1rem;
  --mask:
    radial-gradient(8.94px at 50% 12px,#000 99%,#0000 101%) calc(50% - 16px) 0/16px 51% repeat-x,
    radial-gradient(8.94px at 50% -4px,#0000 99%,#000 101%) 50% 8px/16px calc(51% - 8px) repeat-x,
    radial-gradient(8.94px at 50% calc(100% - 12px),#000 99%,#0000 101%) calc(50% - 16px) 100%/16px 51% repeat-x,
    radial-gradient(8.94px at 50% calc(100% + 4px),#0000 99%,#000 101%) 50% calc(100% - 8px)/16px calc(51% - 8px) repeat-x;
  -webkit-mask: var(--mask);
          mask: var(--mask);
}
/**/
/*-----------------------■■　お問い合わせ上部　■■-----------------------------------------*/
.custom-shape-divider-top-1761611842 {
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform:scale(-1,1);
}
.custom-shape-divider-top-1761611842 svg {
    position: relative;
    display: block;
    width: calc(180% + 1.3px);
    height: 45px;
    transform: rotateY(180deg);
 @media screen and (min-width: 960px) {
    height: 120px;
}
}
.custom-shape-divider-top-1761611842 .shape-fill {
    fill:rgb(241, 237, 229);
}


/*-------------お客様の声-------------------*/
.curved-top {
 display: block;
 position: relative;
 top: 0;
 height: 109px;
 background:var(--bg-offwhite) url('data:image/svg+xml;utf8,<svg viewBox="0 0 1514 110" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><path fill="rgb(241, 237, 229)" d="M 0 0 C 386.5 0 386.5 110 773 110 L 773 110 L 773 0 L 0 0 Z" stroke-width="0"></path> <path fill="rgb(241, 237, 229)" d="M 772 110 C 1143 110 1143 0 1514 0 L 1514 0 L 1514 0 L 772 0 Z" stroke-width="0"></path> </svg>') ;
 background-size: contain;
 background-repeat: no-repeat ;
 transform:  rotate(180deg);
 z-index: -1;
}

.curved-bottom{
  width:100%;
  transform: rotate(-180deg);
 display: block;
 position: relative;
 border: 0;
 background-size: cover;
 background-repeat: no-repeat;
z-index:0;
padding:0;
}

/*-------------■■未使用■■-------------------*/

.custom-shape-divider-bottom-1761611912 {
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: scaleX(-1,1) ;
}

.custom-shape-divider-bottom-1761611912 svg {
    position: relative;
    display: block;
    width: calc(180% + 1.3px);
    height: 120px;
    transform: rotate(180deg);
    margin-top:-3px;
}

.custom-shape-divider-bottom-1761611912 .shape-fill {
    fill: var(--light-beige);
}